h1,
h2, h4, h5, h6, .sparator {
            font-family: 'Great Vibes', cursive;
    }

h3,
button {
            font-family: 'Work Sans', sans-serif;
    }

p,
.font-p,
body {
            font-family: 'Work Sans', sans-serif;
    }

h1,
h2 {
    font-size: 35px;
    pointer-events: none;
    color: #ae8f7a;
}

h3,
button {
    color: #2e2e2e;
}

.c-acara-nm {
    color: #fff !important;
}

p,
.font-p,
body {
    color: #2e2e2e;
    font-size: 12px;
}

.bg-primary {
    background-color: #ae8f7a;
}

.btn {
    color: white;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 10px;
    width: fit-content;
    background-color: #ae8f7a;
    border-style: none;
    border-radius: 2px;
    color: rgb(255, 255, 255);
    height: auto;
    font-size: 12px;
    padding: 6px 18px;
}

.sparator {
    font-size: 45px;
}

.c-salam-agama-p {
    color: #a5a5a5;
    font-size: 2rem;
    font-weight: 600;
}

.box-head {
    padding: 80px 20px;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


.box-1-a {
    color: #5b4447;
    font-size: 15px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight:600;
    margin-bottom: 15px
}

.foto-pria-s {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 200px;
    height: 200px;
    border-radius: 175px;
    overflow: hidden;
    /* background:url('https://sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7:indoinvite-staging/indoinvite-staging/indoinvite-staging/'); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.foto-pria-frame {
    width: 270px;
    position: relative;
    margin: 0 auto;
    margin-top: -211px;
}

.foto-wanita-s {
    display: block;
    margin: 0 auto;
    margin-top: 25px;
    width: 200px;
    height: 200px;
    border-radius: 175px;
    overflow: hidden;
    background:url('https://sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7:indoinvite-staging/indoinvite-staging/indoinvite-staging/');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.foto-wanita-frame {
    width: 270px;
    position: relative;
    margin: 0 auto;
    margin-top: -211px;
}

.c-sampul-bg {
    width: 180px;
    height: 180px;
    border-radius: 100px;
    margin: 0 auto;
    margin-top: 10px;
    background:url('../sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7_indoinvite-staging/indoinvite-staging/indoinvite-staging/nikah/upload/sampul_12012901765896158.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.c-sampul-frame {
    position: relative;
    width: 230px;
    margin: 0 auto;
    margin-top: -184.5px;
}


.c-acara-box {
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
    padding: 20px 5px 20px 5px;
}

.c-acara-section {
    margin-bottom: -250px;
    height: 350px;
    width: 100%;
    background-position: center top;
    background-size: cover !important;
}

.footer-div-style {
    position: relative;
    z-index: 2;
    width: 90%;
    margin: 0 auto;
    margin-top: -190px;
    padding-bottom: 95px;
    border-radius: 5px;
}


.header1-story {
    font-size: 25px;
    color: #333333 !important;
    font-weight: 600;
}

.box-save-date {
    /* width: 90%; */
    margin:0 auto;
    padding-bottom: 50px;
    border-radius: 5px;
    z-index: 1 !important;
    position: relative;
}

.story-card {
    background-color: #fff9ed;
    padding: 40px 10px;
    margin-bottom: 20px;
    text-align: center;
}

.story-img {
    border-radius: 10px;
}

.story-p {
    padding: 10px;
    line-height: 16px;
}

.susunan-card {
    padding: 25px 10px;
    margin-bottom: 20px;
    text-align: left;
    background-color: #dfdfdf;
    border-radius: 5px;
}


/* END DEFAULT */

.pojok-kiri-atas1 {
    width: 150px;
    top: 0px !important;
    left: 0px !important;
    z-index: 9 !important;
}

.titip-hadiah {
    font-size: 32px !important;
    color: #ae8f7a;
}

.titip_hadiah_cli {
    text-align: center;
    background-color: transparent;
    border-radius: 5px;
}

.circle-rela {
    position: relative;
    background-color: #ae8f7a;
    clip-path: circle();
    width: 160px;
    margin: 0 auto;
    height: 160px;
}

.circle-img {
    width: 150px;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

#tombol_kirim_2 {
    color: #fff;
    border: 2px solid #ae8f7a !important;
}

.box-pengantin {
    padding: 60px 20px;
    border-radius: 10px;
    color: #eeeeee;
    background: #72727217;
}

.ucapan {
    margin-top: -2px !important;
}

.fix-menu {
    background-color: #ae8f7a !important;
}

#fh5co-footer {
    background-color: #ae8f7a !important;
}

#animasi_ucapan {
    background-color: #ffffff;
}

#nama_tamu {
    font-weight: 800;
    text-align: left;
    color: #54595f !important;
}

#ucapan_tamu {
    color: #54595f !important;
}

.ucapan .form-control {
    background-color: #fff !important;
    border-radius: 8px !important;
    border: none !important;
    border-bottom: 1px solid #6D8998 !important;
}

.form-label {
    font-size: 20px !important;
}

.form-ucapan h2 {
    /* color: #fff !important; */
}


.box-ucapan {
    color: rgb(48, 48, 48);
}

#nama_tamu {
    color: rgb(33, 33, 33);
}

.fh5co-section-gray {
    background-color: transparent;
}

.shadow {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

#fh5co-footer {
    background-color: #fff;
}

.devider1 {
    margin-top: -54px;
    margin-bottom: -29px;
}

.pojok-kiri-atas1 {
    position: absolute;
    width: 150px;
    top: -90px;
    left: -50px;
    transform: rotate(-20deg);
}

.pojok-kiri-atas2 {
    position: absolute;
    width: 200px;
    top: -120px;
    left: -50px;
    transform: rotate(-30deg);
}

.kanan-bawah1 {
    position: absolute;
    width: 150px;
    top: 700px;
    right: -50px;
    transform: rotate(-20deg);
}

.kanan-bawah2 {
    position: absolute;
    width: 200px;
    top: 600px;
    right: -50px;
    transform: rotate(-30deg);
}

.box-1 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-Atas.webp') no-repeat center center;
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    min-height: 100vh;
    contain: content;
}

.box-2 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    contain: content;
}

.btn-success {
    background: #ae8f7a;
    color: #fff;
    border: none;
    border-bottom: 2px solid #ae8f7a;
    border-radius: 10px;
}

#our-gallery-id4 {
    color: #fff !important;
}

.c-story-h1#fun-h1-id4a,#our-gallery-id3,#our-gallery-id1, #our-gallery-id4 , .image-list-content p{
    color: #fff !important;
}

.box-3 {
    height: auto;
    /* background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp'); */
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color:#ae8f7a;
    contain: content;
}

.box-4 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    contain: content;
}

.box-5 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    contain: content;
}

.box-6 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-Bawah.webp');
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-color: #ae8f7a;
    contain: content;
}

.box-51 {
    height: auto;
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    contain: content;
}



.midle-vertikal {
    height: 100%;
    padding: 200px 20px;
}

.bg-gradient {
    background: none !important;
}

.simply-countdown>.simply-section {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #ae8f7a;
    margin: 0 4px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    animation: pulse 1s ease infinite;
}

.simply-countdown>.simply-section .simply-amount,
.simply-countdown>.simply-section .simply-word {
    color: #fff !important;
}

.simply-amount {
    font-size: 20px !important;
    margin-top: -25px;
}

.simply-word {
    font-size: 10px !important;
}

.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}

.button-black {

}

.awal {
    background: url('https://indoinvite.com/nikah/template/pandora/pandora-classic/PC-BG.webp');
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fdf9f6;
    z-index: 999999;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100vh;
}

.head {
    background: linear-gradient(-45deg, #0000007d, #0000008a),
    url('../sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7_indoinvite-staging/indoinvite-staging/indoinvite-staging/nikah/upload/sampul_12012901765896158.jpeg') no-repeat center;
    background-size: 80vh;
    height: 80vh;

}

.head2 {
    background: linear-gradient(-45deg, #0000007d, #0000008a),
    url('https://sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7:indoinvite-staging/indoinvite-staging/indoinvite-staging/nikah/upload/galery_012012901765896374.webp') no-repeat center;
    background-size: 80vh;
    height: 100vh;

}

.motif {
    background: url('../sin1.contabostorage.com/2db3bf1e16cd47a08843bb881e39cce7_indoinvite-staging/indoinvite-staging/indoinvite-staging/nikah/template/beautiful-white/patern.jpg') repeat center;
    background-color: #828282;
    padding-top: 60px;
    padding-bottom: 60px;
}

@keyframes  shrink {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.is-active {
    animation: shrink 7s;
}


.kanan-bawah {
    width: 150px;
    right: 0px;
    position: absolute;
    float: right;
    bottom: 0px;
    z-index: 1 !important;
}

.kanan-bawah- {
    width: 150px;
    position: absolute;
    z-index: 1 !important;
    bottom: 0px;
    left: 0;
}

.kanan-atas {
    z-index: 1 !important;
    position: absolute;
    width: 150px;
    top: 0px;
    float: right;
    right: 0px;
}

.home- {
    width: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 1 !important;
}
.container{
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.mempelai-eg{
    font-size: 35px;
}
.acara-eg{
    font-size: 30px;
}

    .btn-profile-acara-default{
        color: white !important;
    }

    .btn-profile-acara-default svg path{
        fill: white !important;
    }
    .susunan-h1 {
        color: #ae8f7a
    }
    .story-h3 {
        font-size: 20px;
        font-weight: bold;
    }

    #watermark-indo{
        padding: 150px 0 100px 0 !important;
    }
    .m_scroll_arrows{
        border-right: 2px solid #ae8f7a !important;
        border-bottom: 2px solid #ae8f7a !important;
    }




        .c_acara1{
            box-shadow: #2f2f30 !important;
        }

        .c_acara_p{
            color: #2e2e2e !important;
        }

        .c_acara_2{
            background-color: #ae8f7a !important;
        }

        .c_acara_box{
            background-color: #fff !important;
        }

        .bwhAcara{
            background-color: #ae8f7a !important;
        }

        .c_acara_h3 {
            color: #fff !important;
        }

        .c_acara_h4 {
            color: #ae8f7a !important;
        }

        .c_acara_h{
            color: #ae8f7a !important;
        }

        .btn-success1 {
            background: #ae8f7a !important;
            color: #2e2e2e !important;
            border: 2px solid #ae8f7a !important;
        }
        /* END Burgundy-Acara */

        /* Minimalist */
        .memp{
            -webkit-text-stroke: 0.5px #ae8f7a;
            color: #ae8f7a !important;
        }

        .memp1{
            color: #ae8f7a !important;
            -webkit-text-stroke: 0.2px #ae8f7a;
        }

        .nma_acaraU{
            color: #ae8f7a !important;
            -webkit-text-stroke: 0.2px #ae8f7a;
        }

        .mempelai-fish{
            color: #ae8f7a !important;
        }

        .acara-fish{
            color: #ae8f7a !important;
        }

        /* Mempelai */
        .detail-pengantin {
            font-size: 13.5px;
            color: #2e2e2e!important;
            margin-top: 10px !important;
        }

        .mempelai_dataW{
            color: #ae8f7a;
            font-weight: bold;
            text-align: end;
            position: relative;
        }
        .mempelai_dataP{
            color: #ae8f7a;
            font-weight: bold;
            position: relative;
            text-align: start;
        }

        .data-mempelai-nama{
            font-size: 20px;
            color: #ae8f7a!important;
            font-weight: 900;
            margin-top: 5px;
        }

        .btn-success {
            background: #ae8f7a;
            color: #fff;
            border: 2px solid #ae8f7a;
        }
        /* End Mempelai */

        /* Acara */
        .c-acara-nm{
            font-size: 30px;
            margin-top: 20px;
        }

        .nama_acara{
            font-size: 25px;
            margin-bottom: 15px;
            color: #ae8f7a;
            font-weight: bold;
        }

        .hari_acara{
            font-size: 20px;
            color: #2e2e2e;
        }

        .jam_acara{
            font-size: 15px;
            font-weight: bold;
            color: #2e2e2e;
        }

        .alamat_acara{
            font-size: 14.5px;
            color: #2e2e2e;
        }
        /* end acara */
        /* END Minimalist */

        /* Elegan Gold */
        .c_acara1_eg{
            background-color: #ae8f7a;
        }
        .c_acara1_eg1{
            background-color: #fff !important;
        }
        .ac_h1_eg{
            color: #ae8f7a !important;
        }
        .ac_h1_egc{
            color: #ae8f7a !important;
        }
        .ac_h1_egc{
            color: #ae8f7a !important;
        }
        .ac_h1_eg1{
            color: #ae8f7a !important;
            text-stroke: 1px #ae8f7a;
            -webkit-text-stroke: 1px #ae8f7a;
        }
        .p_ac_eg1{
            color: #2e2e2e;
        }
        .pnggir-h3-acgl{
            color: #ae8f7a !important;
        }
        .tgh-h3-acgl{
            color: #ae8f7a !important;
            border-left: 1px solid #ae8f7a;
            border-right: 1px solid #ae8f7a;
        }
        .tgh-h3-aesflo{
            color: #ae8f7a !important;
        }
        .tengah-aes-flo{
            border-left: 1px solid #ae8f7a;
            border-right: 1px solid #ae8f7a;
        }
        .tengah-h3-acg{
            color: #ae8f7a !important;
        }
        .bwh_egl{
            background-color: #ae8f7a;
        }
        .bwh-memp{
            color: #ae8f7a !important;
        }

        .btn-successEG {
            background: transparent;
            color: #ae8f7a;
            border: 2px solid #ae8f7a;
        }

        .sv-egl{
            color: #ae8f7a;
        }
        .sv-egone{
            color: transparent;
            -webkit-text-stroke-color: #ae8f7a;
            stroke: #ae8f7a;
            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
        }

        /* Else */

        /* Instagram */
        .insta{
            background: #ae8f7a;
            color: #2e2e2e;
            border: 1.5px solid #ae8f7a;
            fill: #2e2e2e;
        }
        .insta path{
            fill: #2e2e2e;
        }
        .insta-profil{
            background: #ae8f7a;
            color: #2e2e2e;
            border: 1.5px solid #ae8f7a;
            fill: #2e2e2e;
        }
        .insta-profil path{
            fill: #2e2e2e;
        }
        .instaflo{
            background: #ae8f7a;
            color: #ae8f7a;
            border: 1.5px solid #ae8f7a;
            fill: #ae8f7a;
        }
        .instaM{
            background: #ae8f7a;
            color: #ae8f7a;
            border: 1.5px solid #ae8f7a;
            fill: #ae8f7a;
        }
        /* End Instagram */

        .mempe-gl1{
            color: #ae8f7a !important;
        }

        .dataMep{
            /* color: #2e2e2e !important; */
        }
        .dataMepac{
            color: #2e2e2e !important;
            border-bottom: 2px solid #2e2e2e;
        }
        .dataMepp{
            color: #fff !important;
        }
        .nmp{
            /* Nama Mempelai Acara */
            color: #ae8f7a;
            -webkit-text-stroke: 1px #ae8f7a;
            text-stroke: 1px #ae8f7a;
        }

        .hex {
            margin: 0 auto;
            background-size: cover;
            display: flex;
            position: relative;
            width: 220px;
            height: 255px;
            background-color: #424242;
            -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        }

        .hari_tanggal{
            color: #2e2e2e;
        }

        /* Luxury-Cream */
        .ac_h3_eg{
            color: #fff;
        }
        .ac_h3_egc{
            color: #ae8f7a;
        }
        .ac_h3_eg1{
            color: #2e2e2e;
        }
        .choco-svd{
            background: #fff !important;
        }
        .svd-luxcaramel{
            background-color: var(--color-secondary); 
            color: var(--color-other);
        }
        .choco-svd-h1{
            color: #ae8f7a !important;
        }
        .btn-primary{
            background: #ae8f7a;
            color:  #2e2e2e;
            border: 2px solid #ae8f7a;
        }
        .memp-hfl{
            color: #fff !important;
        }
        .memp-hfld{
            color: #ae8f7a !important;
        }
        .sparator{
            color: #ae8f7a !important;
        }
        .ha-samping-ea{
            color: #fff !important;
            border-bottom: 2px solid #fff;
            border-top: 2px solid #fff;
        }

        .ha-tengah-ea{
            color: #fff !important;
        }

        .c-story-h1{
            color: #ae8f7a;
        }
        .story-h1{
            color: #ae8f7a;
        }
        .c-story-h3 {
            color: #2e2e2e;
        }        
        .story-h3 {
            color: #2e2e2e;
        }
        .c-story-p{
            color: #2e2e2e;
        }
        .story-p{
            color: #2e2e2e;
        }
        .ft-mep{
            border: 5px solid #ae8f7a;
        }
        .hr1{
            border: 1px solid #ae8f7a;
        }


        .stry-title{
            border-bottom: 1.5px solid #ae8f7a;
            color: #2e2e2e;
        }

        .heading-str{
            color: #2e2e2e;
        }

        .text-str{
            color: #2e2e2e;
        }
        .tgl-acara{
            color: #2e2e2e;
        }
        .pkl-acara{
            color: #2e2e2e;
        }
        .lok-acara{
            color: #2e2e2e;
        }
        .profil-aes{
            border: 1px solid #ae8f7a;
            outline: 1px solid #ae8f7a;
        }

        .profil-rose{
            border: 3px solid #ae8f7a;
            outline: 3px solid #ae8f7a;
        }
        
        .sampul_rose{
            border: 3px solid #ae8f7a;
            outline: 3px solid #ae8f7a;
        }

        .story_sampul_rose{
            border: 3px solid #ae8f7a;
            outline: 3px solid #ae8f7a;
        }

        .profil-aesflo{
            border: 4px solid #ae8f7a;
        }
        .sampul-aes{
            border: 1px solid #ae8f7a;
            outline: 1px solid #ae8f7a;
        }
        .c-sampulpur-bg{
            border: 3px solid var(--color-secondary);
        }
         
        .mempelai-eg{
            color: #ae8f7a;
        }
        .mempelai-h1{
            color: #ae8f7a;
        }
        .acara-eg{
            color: #ae8f7a;
        }
        .mempelai-foto{
            border-color: #ae8f7a;
        }
        .pengantin-title{
            color: #ae8f7a;
        }
        .dvdr-acara{
            background: #ae8f7a;
        }
        .svg-acara{
            fill: #ae8f7a;
        }
        .profil-aes{
            width: 150px;
            height: 250px;
            outline-offset: 5px;
            border-radius: 200px 200px 200px 200px;
            border: 1px solid #ae8f7a;
            outline: 1px solid #ae8f7a;
        }

        .sampul_aes{
            border: 1px solid #ae8f7a;
            outline: 1px solid #ae8f7a;
        }
        .sampul_caramel{
            border: 10px solid var(--color-secondary);
        }

        @keyframes  zoomInOut {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
            100% {
                transform: scale(1);
            }
        }

        .et_pb{
            animation: zoomInOut 5s ease-in-out infinite;
        }
        
        .dvdr-acara{
            background: #ae8f7a;
        }
        .path-acara{
            fill: #ae8f7a;
        }
        .story-card-lux{
            background: #ae8f7a;
        }
        .story-card-h6{
            color: #ae8f7a;
        }
        .story-card-h3{
            color: #2e2e2e;
        }
        .story-card-p{
            color: #2e2e2e;
        }
        .story-overlay-luxury{
            background: linear-gradient(#00000000, #33323278, #ffffffd4);
        }
        .story-overlay-luxury{
            background-color: transparent;
            background-image: linear-gradient(180deg, #00000000 0%, #00000052 100%);
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 2001;
            top: 0;
            opacity: 1;
            left: 0;
        }
        .btn-save-the-date{
            background: #ae8f7a;
            color: #fff;
            border: 1.5px solid #fff;
            fill: #fff;
        }
        .judul-story{
            color: #ae8f7a;
        }
        .sub-story{
            color: #2e2e2e;
        }
        .detail-story{
            color: #2e2e2e;
        }
        .aesflowers-fotosampul{
            border: 5px solid #ae8f7a;
        }
        @keyframes  rotation {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        .scroll-arrows {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }

        .arrow {
        width: 20px;
        height: 20px;
        border-right: 3px solid #ae8f7a;
        border-bottom: 3px solid #ae8f7a;
        transform: rotate(45deg);
        }

        .arrow:nth-child(1) {
            animation: floating 1.5s infinite;
            animation-delay: 0s;
        }

        .arrow:nth-child(2) {
            animation: floating 1.5s infinite;
            animation-delay: 0.2s;
        }

        .arrow:nth-child(3) {
            animation: floating 1.5s infinite;
            animation-delay: 0.4s;
        }

        @keyframes  floating {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(-10px, -10px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: rotate(45deg) translate(10px, 10px);
        }
        }
        .scroll-down {
            width: 40px;
            height: 70px;
            border: 2px solid #ae8f7a;
            border-radius: 20px;
            position: relative;
            margin: 0 auto;
            margin-top: 20px;
        }

        .scroll-down::before {
            content: '';
            position: absolute;
            top: 8px;
            left: 50%;
            width: 8px;
            height: 8px;
            background: #ae8f7a;
            border-radius: 50%;
            transform: translateX(-50%);
            animation: scrollAnim 5s infinite;
        }

        @keyframes  scrollAnim {
            0% {
                top: 8px;
                opacity: 1;
            }
            30% { /* Pergerakan ke bawah lebih cepat (hanya 30% dari total waktu) */
                top: 45px;
                opacity: 0.5;
            }
            50% { /* Tetap di bawah sebentar */
                top: 45px;
                opacity: 0.5;
            }
            100% { /* Pergerakan ke atas lebih lambat (50% dari total waktu) */
                top: 8px;
                opacity: 1;
            }
        }
        .c_acara-aesflo{
            background: #ae8f7a;
            border: 1px solid #ae8f7a;
        }
        .acara-fanlove{
            border: 5px solid #ae8f7a;
        }

        .fanmoment-sampul{
            border: 1px solid #ae8f7a;
        }
        .fa-love{
            color: #ae8f7a;
        }
        
        .elementor-element.elementor-element-6cc8219 > .elementor-widget-container {
            border-color: #ae8f7a;
        }
        
        .elementor-widget-container-elone{
            border-color: #ae8f7a;
        }
        
        .c_acara1_rose{
            background-color: #e1d8d3bd;
            border-color: #fff;
            box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
        }
        .c-sampul-mongon {
            border: 3px solid  #ae8f7a;
        }        
        .c-foto-mongon {
            border: 3px solid  #ae8f7a;
        }

        .sampul_mysakura{
            border: 2px solid var(--color-secondary);
        }

        .profil_mysakura{
            border: 2px solid var(--color-secondary);
        }
        .divinder-luxcrml{
            background: var(--color-secondary);
        }
        .mempe-luxcrml-h1{
            color: var(--color-heading);
        }
        .mempe-luxcrml-h3{
            color: var(--color-heading);
        }
        .mempe-luxcrml-p{            
            color: var(--color-paragraph);
        }


    html, body {
        overflow-x: hidden;
    }

    img {
        pointer-events: none;
    }
    

    .form-label {
        font-size: 12px !important;
    }

    @font-face {
        font-family: "Java";
        src: url('https://indoinvite.com/font/Javassoul.ttf') format("truetype");
    }

    @font-face {
        font-family: "Paisley";
        src: url('https://indoinvite.com/font/Paisley.otf') format("truetype");
    }

    .box-shadow-new {
        filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
    }

    .svg-loading {
        font-family: "Joan", sans-serif;
        width: 100%; height: 100%;
    }
    .svg-loading text {
        animation: stroke 3s infinite alternate;
        stroke-width: 0;
        stroke: #009cd9;
        font-size: 35px;
    }
    @keyframes  stroke {
        0%   {
            fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1);
            stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
        }
        70%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); }
        80%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); stroke-width: 1.5; }
        100% {
            fill: rgba(72,138,204,1); stroke: rgba(54,95,160,0);
            stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
        }
    }

    .selected-tab {
        border-bottom: 3px solid #4299e1 !important;
        color: #1d1d1d !important;
    }

    .edit-modal-body p {
        color: #222222 !important;
    }

    .elemen-tambah-edit {
        margin: 20px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100px;
        flex-direction: column;
    }

    .elemen-tambah-edit-text {
        display: flex;
        font-size: 12px;
        color: #aaaaaa;
        font-style: italic;
    }

    .elemen-tambah-edit-svg {
        margin-top: 3px;
        margin-right: 5px;
    }

    @media (min-width: 768px) {
      .fix-menu {
        max-width: 400px !important;
      }
    }
    .m_scroll_arrows {
        display: block;
        width: 5px;
        height: 5px;
        transform: rotate(45deg);
        border-right: 2px solid  #fff ;
        border-bottom: 2px solid  #fff ;
        margin: 0 0 3px 4px;
        width: 15px;
        height: 15px;
    }

    #kpd {
        background: white;
        font-size: 14px;
        margin: 5px 30px 5px 30px;
        padding: 30px;
        border-radius: 10px;
        border: #d3d3d3 .1px solid;
        font-weight: 600;
    }

    
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}

.h-32 {
    height: 8rem;
}

.h-16 {
    height: 4rem;
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e2e8f0;
}

.text-center {
    text-align: center;
}

.w-full {
    width: 100%;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}