@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300&family=Fauna+One&family=Signika+Negative:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800&display=swap');

/* setting min-width responsive navigation */
@media (max-width: 1200px){
    .logo-emaskita{
        display:none;
    }
    .navigasi-bahasa, .navigasi-map, .navigasi-bag, .navigasi-search{
        display:none;
    }

    .for-responsive{
        position:relative;
    }

}
@media (min-width: 1200px){

    .for-responsive{
        position:absolute;
        z-index:-1;
    }

    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-custom .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom > .container {
        flex-wrap: nowrap;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

.bg-khaki{
    background-color: #F4EDD9;
}

a{
    text-decoration: none;
}

.color-solidgreen{
    background: #085C54;
}

.text-solidgreen{
    color: #085C54;
}

.text-gold{
    color:#C6A443;
}

.text-gold:hover{
    color:black;
}

.text-gold-no-hover{
    color:#C6A443;
}

.color-gradientgold{
    background: linear-gradient(138.58deg, #E3D193 3.56%, #C6A443 91.71%);
}

.bg-gradientgold{
    background: linear-gradient(138.58deg, #E3D193 3.56%, #C6A443 91.71%);
}

.bg-gradientgold-2{
    background: linear-gradient(300deg, #E3D193 3.56%, #C6A443 91.71%);
}

.bg-gold{
    background-color: #C6A443;
}

.hr-goldline{
    width: 50px;
    height: 0px;
    border: 2px solid #E3D193;
    margin: auto;
    margin-top: 20px;
}

.text-grey{
    color: #D5D3D4;
}

.text-grey-bold{
    color: #bababa;
}

.border-gold{
    border: 1px solid #C6A443;
}


.bootstrap-select .btn {
    background-color: transparent;
    border: none;
    background-image: none;
    outline: none;
}

.bootstrap-select .btn:focus{
    box-shadow: none;
    outline: none;
    border: none;
    background-color: white;
}

.bootstrap-select .btn.dropdown-toggle:after {
    display:none;
}

.product-page .dropdown-menu{
    border: none;
    box-shadow: 0px 4px 54px rgba(229, 229, 229, 0.8);
}

.product-page .dropdown-menu span{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.product-page .dropdown .filter-option-inner-inner{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.product-page .dropdown-menu .selected{
    background: #E3D193;
}


.for-loading{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    display: none;
    background-color:rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100vh;
}

.loading {
    top: 50%;
    left: 50%;
    border: 10px solid white;
    border-radius: 50%;
    border-top: 10px solid #C6A443;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: relative;
    z-index: 99;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.page-item .page-link a{
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.page-item span{
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.hr-white{
    width: 50px;
    height: 0px;
    border: 1px solid white;
}

.font-montserrat{
    font-family: Montserrat;
}

.font-montserrat-400{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.h2{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.h2 span{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 67px;
    letter-spacing: 0em;
    text-align: center;
}

.vr{
    width: 1px;
    height: 80px;
    position: absolute;
    background-color: #c2a965;
    margin-left: 50%;
    top: 75px;
    z-index: 2;
}

.text-line {
    width: 1152px;
    text-align: center;
    border-bottom: 1px solid #E3D193;
    line-height: 0.1em;
    margin: 64.5px 0 80.5px;

}

.text-line a {
    text-decoration: none;
    color: #c2a965;
    background:#fff;
    padding:24px 40px;
    border: 1px solid #E3D193;
    font-family: Quicksand;
    font-weight: 700;
    font-size: 18px;
}

.dot {
    height: 5px;
    width: 5px;
    background: #C6A443;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 10px 2px 10px;
}

.font-comforter{
    font-family: Comforter;
    font-weight: 400;
    font-size: 44px;
    color: #085C54; /*TERTIARY*/
}

.font-playfair{
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 2px;
    color: #C6A443;
}

.font-montserrat-500{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.font-montserrat-400{
    font-family: Montserrat;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.form-control-underlined {
    border-width: 0;
    border-bottom: 1px solid #D5D3D4;
    border-radius: 0;
    /*font-family: Montserrat;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.form-control-underlined:focus {
    box-shadow: none;
    outline: 0 none;
}

.form-control-underlined-gold {
    border-width: 0;
    border-bottom: 1px solid #E3D193;
    border-radius: 0;
    /*font-family: Montserrat;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.form-control-underlined-gold:focus {
    box-shadow: none;
    outline: none;
}

.form-control-underlined-gold option{
    outline-color: red!important;
}
.left-70-px{
    left: 70px;
}

.p-72{
    padding: 0px 72px 0px 72px;
}

.ps-72{
    padding-left: 72px;
}

.m-92{
    margin: 0px 73.88px 0px 92px;
}

.label-order-summary{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    color: #20263E;
}
/* SECTION NAV */

nav{
    min-height: 92px;
    box-shadow: 0px 4px 54px rgba(229, 229, 229, 0.2);
    border-radius: 0px;
}


nav .list-about-us {
    list-style: none;
}

nav .nav-item{
    margin-right: 16px;
    padding-right: 0px;
    padding-left: 0px;
}

nav .nav-item .nav-link{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

nav .nav-item .dropdown-menu{
    width: 100%;
    margin-top: 0px;
}


nav .nav-item.vertical-line{
    border-right: 1px solid #D5D3D4;
}

nav .nav-item .nav-link span{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.navbar-collapse{
    background-color: white;
}

.label-bahasa{
    color: #C6A443;
}


/* SECTION UNDIAN */
.undian .undian-kita{
    font-family: Quicksand;
    font-weight: 700;
    font-size: 24px;
    color: white;
    text-shadow:
        1px  1px 5px #C6A443,
        1px -1px 5px #C6A443,
        -1px  1px 5px #C6A443,
        -1px -1px 5px #C6A443;
}


.text-kemilau{
    font-family: Archivo Black;
    font-weight: 700;
    font-size: 46px;
    /*color: black;*/
    background-image: linear-gradient(to top, #fdd97d,#b2834d);
    color: transparent;
    -webkit-background-clip: text;

}

.text-hartadinata{
    font-family: Archivo Black;
    font-weight: 700;
    font-size: 40px;
    /*color: black;*/
    background-image: linear-gradient(to top, #b2834d,#fdd97d);
    color: transparent;
    -webkit-background-clip: text;

}


.undian .text-syarat{
    font-family: Quicksand;
    font-weight: 700;
    font-size: 30px;
    color: #5b4510;
    letter-spacing: 2px;
}

.text-content-syarat{
    font-family: Quicksand;
    font-weight: 700;
    font-size: 16px;
    color: #5b4510;
}

.text-content-hadiah{
    font-family: Quicksand;
    font-weight: 500;
    font-size: 16px;
    color: #5b4510;
}

.periode-program{
    border: 2px solid #C6A443;
    border-radius: 20px;
    font-family: Quicksand;
    font-weight: 700;
    font-size: 16px;
    color: #5b4510;
}

.container-hadiah{
    background: rgb(244,234,198);
    background: linear-gradient(0deg, rgba(244,234,198,1) 69%, rgba(251,247,225,1) 93%, rgba(244,234,198,1) 100%);
    /*padding: 0 15%;*/
    border-radius: 20px;
}

.container-hadiah table{
    font-family: Quicksand;
    font-weight: 500;
    font-size: 14px;
    color: #5b4510;
    vertical-align: text-top;
}

table tr td{
    vertical-align: top;
}

.copyright{
    font-family: Quicksand;
    font-weight: 500;
    font-size: 30px;
    color: #5b4510;
    vertical-align: text-top;
}

/* SECTION SCAN */

.carousel-header .owl-dots{
    position: absolute;
    bottom: 12%;
    left: 50%;
}


.owl-dot.active span{
    background: #C6A443 !important;
}


.section-scan-desktop .col-btn-scan .h1{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #20263E;
}

.section-scan-desktop .col-btn-scan .head-2{
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #20263E;
}

#qr-reader button{
    background-color: #C6A443!important;
    padding: 4px;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    padding: 8px;
    border: none;
    border-radius:5px;
}

#qr-reader video{
    border-radius: 20px;
}

.section-scan-desktop .col-btn-scan .head-3{
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #20263E;
}

.section-scan-desktop .heading-3{
    font-family: Quicksand;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-scan-desktop .heading-1{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}


.section-scan-desktop .heading-4{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-scan-desktop .btn-shop-now{
    width: 242px;
    height: 44px;
    padding: 10px;
    background-color: #085C54;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.section-scan-desktop .btn-shop-now:after{
    content: url('../img/right-arrow(white).png');
    position: absolute;
    right: 20px;
}

.section-scan-desktop .bg-scan{
    background: linear-gradient(255.43deg, #E3D193 54.76%, #C6A443 76.19%);
}

.section-scan-desktop .gold-price-overlay{
    height: 100%;
    background: url('../img/Pattern.png') no-repeat;
}

.pages-scan{
    background: url('../img/desain page website (1).jpg') no-repeat;
    height: 100%;
    width: 100%;
}

.section-pages-scan{
    background: url('../img/scan/background.png') no-repeat;
    height: 100%;
    background-size: 100%;
}

.title-bullion{
    background: url('../img/scan/Asset 8.png') no-repeat;
    background-size: 100%;
    width: 50%;
    padding: 1.8%;
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    font-size: 30px;
    color:white;
}

.title-bullion-2{
    background: url('../img/scan/Asset 8.png') no-repeat;
    background-size: 100% 120px;
    width: 50%;
    padding: 1%;
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    font-size: 30px;
    color:white;
}

.title-gramasi{
    background: url('../img/scan/Asset 9.png') no-repeat;
    background-size: 100%;
    font-family: 'Lexend', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color:white;
    padding: 10%;
}

.section-video{
    background: url('../img/scan/Asset 29.png') no-repeat;
    background-size: 100%;
}

.bg-pola-hijau{
    background: url('../img/scan/pola-hijau.png') no-repeat;
    background-size: 50%;
}

.font-lexend{
    font-family: 'Lexend', sans-serif;
}

.lexend-100{
    font-weight: 100;
}

.lexend-200{
    font-weight: 200;
}

.lexend-300{
    font-weight: 300;
}

.lexend-400{
    font-weight: 400;
}

.font-size-16{
    font-size: 16px;
}

.font-size-18{
    font-size: 18px;
}

.font-size-20{
    font-size: 20px;
}

.font-size-22{
    font-size: 22px;
}

.font-size-24{
    font-size: 24px;
}

.font-size-26{
    font-size: 26px;
}



.section-scan-desktop .btn-scan-now{
    width: 200px;
    /*height: 35px;*/
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    padding: 8px 0px;
}

/*.section-scan-desktop .btn-scan-now:after{
    content: url('../img/right-arrow(white).png');
    position: absolute;
    right: 30px;
}*/

.our-collection .owl-item{
    background: linear-gradient(180deg, rgba(32, 38, 62, 0) 51.84%, rgba(32, 38, 62, 0.67) 110.23%)
}

.our-collection .item{
    width: 416px;
    max-height: 544px;
}

.our-collection .item .card{
    max-height: 544px;
}

.our-collection .item .card .img-collection{
    min-height: 544px;
    max-height: 544px;
}

.our-collection .owl-item.active.center{
    border-bottom: 5px solid #c2a965;
}

.hover-collection{
    box-shadow: 0 -10px #c2a965 inset;

}

.hover-news{
    box-shadow: 0 -10px #c2a965 inset;
    position: relative;
    z-index: 5;
}

.our-collection .card-footer:last-child {
    border-radius: 0!important;
}

.our-collection .card-footer {
    padding: 0!important;
    background-color: unset!important;
    border-top: unset!important;
}

.our-collection .card-img-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    background: linear-gradient(180deg, rgba(32, 38, 62, 0) 51.84%, rgba(32, 38, 62, 0.67) 110.23%);
    border-radius: 0px;
}

.our-collection .card-text{
    font-family: Quicksand;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.our-collection .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

/* SECTION NEW IN */
.new-in .card {
    background: white;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    border: 0;
}


.new-in .card h5 {
    overflow: hidden;
    height: 56px;
    font-weight: 900;
    font-size: 1rem
}

.new-in .card-img-top {
    width: 100%;
    /*    max-height: 436px;
        min-height: 436px;*/
    object-fit: contain;
    padding: 30px;
    border: 1px solid #E3D193;
}

.new-in .card h2 {
    font-size: 1rem
}

.new-in .owl-item .card .label-top {
    width: 35px;
    height: 30px;
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 3px 3px 5px 10px;
}

.new-in .top-right {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 900;
    background: #ff5722;
    line-height: 90px;
    text-align: center;
    color: white
}

.new-in .top-right span {
    display: inline-block;
    vertical-align: middle
}

.new-in .card-body{
    padding: 0px;
}

.new-in .card-body p{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.new-in .card-body .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.new-in .card-body .card-title-strike{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #787878;
    text-decoration: line-through;
}

/* SECTION WHY TRUST */

.why-trust .card{
    min-height: 100px;
    margin-bottom: 20px;
    /*border-color: #c2a965;*/
    border:none;
    /*text-align: center;*/
}

.why-trust .card p{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    color: #20263E;
    /*margin-right: 19%;*/
}

.why-trust .card img{
    position: relative;
    right: 5px;
    bottom: 5px;
}

/* SECTION LATES NEWS */

.hover-date{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.hide-news{
    display: none;
}

.on-hover{
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    bottom: 0;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.lates-news .card{
    border: none;
}

.lates-news .card .card-body{
    padding: 20px 0px;
}

/*.lates-news .owl-item .card .card-img-top{
    min-height: 320px;
    max-height: 320px;

}*/

.lates-news .owl-item.active.center .card .card-img-top{
    border-bottom: 5px solid #c2a965;
    transition: all 0.1s ease-in-out;
}

.lates-news .owl-item .card-body p{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.lates-news .owl-item .card-body .card-text{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.badge-metatag{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
    text-decoration: none;
}

.badge-metatag:hover{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: black;
    text-decoration: none;
}

/* ABOUT US SECTION */
.about-us .title-sidebar{
    font-family: Quicksand;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: left;
    color: #D5D3D4;
}

.about-us .owl-carousel.brand_carousel{
    max-width: 450px;
}

.about-us .owl-carousel.brand_carousel .owl-item img{
    max-width: 400px;
}

.about-us .owl-carousel.brand_carousel .owl-next{
    background: url("../img/next_button.png") no-repeat !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50px;
    right: 0px;
    display: block !important;
    border:0px solid black;
}

.about-us .owl-carousel.brand_carousel .owl-prev{
    background: url("../img/prev_button.png") no-repeat !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 100px;
    right: 0px;
    display: block !important;
    border:0px solid black;
}

.owl-dot.active span{
    background: #C6A443;
}

.about-us .owl-carousel.brand_carousel .owl-dot.active span {
    width:10px;
    height:10px;
    margin:5px 7px;
    background: #C6A443 !important;
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition:opacity 200ms ease;
    -moz-transition:opacity 200ms ease;
    -ms-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}

.about-us ul li a{
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 400;
    color: #20263E;
}

.about-us ul li a.active{
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 700!important;
    color: #20263E;
    background-color: transparent !important;
    border-color: transparent !important
}

.about-us p{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.about-us .product_carousel2{
    max-width: 500px;
}

/* SECTION HARGA EMAS */
.section-harga-emas{
    margin-top: 100px;
}

.section-harga-emas label{
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.section-harga-emas table {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.section-harga-emas table tbody tr th{
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: center;
    color: #E3D193;
}

.section-harga-emas table tbody tr td{
    font-family: Roboto;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.section-harga-emas table * {
    position: relative;
}

.section-harga-emas table td, table th {
    padding-left: 8px;
}
.section-harga-emas table thead .table100-head {
    height: 60px;

}

.section-harga-emas table thead .second-head {
    height: 27px;
    background: #E3D193;
}

.section-harga-emas table tbody tr {
    height: 27px;
}
.section-harga-emas table tbody tr:last-child {
    border: 0;
}
.section-harga-emas table td, table th {
    text-align: right;
}
.section-harga-emas table td.l, table th.l {
    text-align: right;
}
.section-harga-emas table td.c, table th.c {
    text-align: center;
}
.section-harga-emas table td.r, table th.r {
    text-align: center;
}


.section-harga-emas .table100-head th{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0em;
    text-align: center;
    color: #E3D193;
    background-color: #085C54;

}

.section-harga-emas .second-head th{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;

}

.section-harga-emas tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

.section-harga-emas tbody tr {
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: right;
    color: #20263E;
}

.section-harga-emas tbody tr:hover {
    color: #555555;
    background-color: #f5f5f5;
    cursor: pointer;
}

/* SECTION PRODUCT PAGE */
.product-page .accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    color: #20263E;
    background-color: white;
}

.product-page .accordion .accordion-button{
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    color: #20263E;
    background-color: white;
}

.product-page .accordion .accordion-button::after {
    background: url("../img/plus(5).png");
    width: 14px;
    height: 14px;
}

.product-page .accordion .accordion-button:not(.collapsed)::after {
    background: url("../img/min(5).png");
    width: 14px;
    height: 14px;
}

.product-page .accordion .accordion-item{
    border: none;
    border: 1px solid #E3D193;
    box-shadow:none;
    background-color: #F4EDD9;
}

.product-page .accordion .accordion-item button{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.product-page .btn-wishlist:focus{
    box-shadow: none;
    outline: none;
}

.product-page .card .label-top {
    width: 35px;
    height: 30px;
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 3px 3px 5px 10px;
}

.product-page input[type="radio"]+label:before {
    background-color: #93e026;
}

.product-page .form-check{
    margin-bottom: 10px;
}

.product-page .form-check-input:checked {
    color: #311B92;
    background-color: #f5eaa6;
    border : 1px solid #20263E;
}

.product-page .form-check-label{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.product-page .card {
    background: white;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    border: 0;
}


.product-page .card h5 {
    overflow: hidden;
    height: 56px;
    font-weight: 900;
    font-size: 1rem
}

.product-page .card-img-top {
    width: 100%;
    object-fit: contain;
    padding: 30px
}

.product-page .card h2 {
    font-size: 1rem
}

.product-page .top-right {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 900;
    background: #ff5722;
    line-height: 90px;
    text-align: center;
    color: white
}

.product-page .top-right span {
    display: inline-block;
    vertical-align: middle
}

.product-page .card-body p{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.product-page .card-body .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.product-page .card-body .card-title-kencana{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.product-page .card-body .card-title-strike{
    color: #787878;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: line-through;
}

.product-page .btn-reset{
    background-color: #7E85A1;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color:#FFFFFF;
}

.product-page .btn-delete-filter{
    background-color: #F4EDD9;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.product-page .btn-delete-filter:after{
    content: url('../img/close-filter.png');
    position: relative;
    right: -10px;
    margin-right: 5px;
}

.product-detail{
    margin-top: 160px;
}

.product-detail .owl-carousel .btn-dots{
    box-shadow: none;
    outline: none;

}

.product-detail .owl-carousel .btn-dots .img-dots{
    position: relative;
    z-index: -1;

}

.product-detail .owl-carousel .owl-dots{
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 5;
    background-color: white;
    height: 100%;
    padding-right: 5px;
}

.product-detail .owl-carousel .owl-dots .owl-dot{
    border:1px solid #D5D3D4;
    margin-top: 10px;
    display: block;
}

.product-detail .owl-carousel .owl-dots .owl-dot.active{
    border:1px solid #E3D193;
}

.product-detail .h3{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    color:#085C54;
}

.product-detail .h3-700{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color:#C6A443
}

.product-detail .h3-700-streak{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color:#20263E;
    text-decoration: line-through;
}

.group-price .h3-700-streak{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color:#20263E;
    text-decoration: line-through;
}



.product-detail .btn-wishlist{
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    height: 44px;
    color: #20263E;
    background-color: #E3D193;
}

.product-detail .text_select_berat{
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    border: 1px solid #085C54;
    color:#085C54;
    padding: 10px 10px 10px 10px;
    outline:none!important;
    border-radius: 5px!important;
}

.product-detail .text_select_berat:hover{
    background-color: #085C54!important;
    color:white;
}

.product-detail .select_subvarian:focus{
    outline:none;
}


.product-detail .select_berat:checked + .text_select_berat{
    background-color: #085C54;
    color:white;
}

.product-detail .select_varian:checked + .text_select_berat{
    background-color: #085C54;
    color:white;
    outline: none;
}

.product-detail .select_subvarian:checked + .text_select_berat{
    background-color: #085C54;
    color:white;
    outline: red!important;

}

.product-detail .select_ukuran:checked + .text_select_berat{
    background-color: #085C54;
    color:white;
    outline: none;
}

.product-detail .select_varian:focus + .text_select_berat{
    outline: none;
}

.product-detail .text_discount{
    /*right: 18%;*/
    top:-12px;
    font-size: 9px;
    line-height: 12px;
    padding: 4px 6px;
    background-color: #085C54;
    color: white;
    font-weight: 500;
    border-radius:4px;
}

.product-detail .label-choose-ukuran{
    font-family: Quicksand;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 0px;
    color: black;
    font-weight: 700;
    border-radius:4px;
}

.product-detail .label-value-var{
    font-family: Quicksand;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 0px;
    color: #c6a443;
    font-weight: 700;
    border-radius:4px;
}

.product-detail .btn-remove-wishlist{
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    height: 44px;
    color: #20263E;
    background-color: #E3D193;
}

.product-detail .btn-addtobag{
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    height: 44px;
    color: white;
    background-color: #085C54;
}

.product-detail  .heading-description{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color:#20263E;
}

.product-detail  .content-description{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #20263E;
}

.product-detail  .btn-number{
    border: 1px solid #D5D3D4;
    height: 44px;
}

.product-detail .input-number{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.product-detail .card-footer {
    padding: 0!important;
    background-color: unset!important;
    border-top: unset!important;
}

.product-detail .also-like .card{
    border: none;
}

.product-detail .also-like .card .label-top {
    width: 45px;
    height: 40px;
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 3px 3px 5px 10px;
}

.product-detail .also-like .card .card-img-top{
    max-height: 436px;
    min-height: 436px;
    border: 1px solid #E3D193;
}
.product-detail .also-like .card-body .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.product-detail .also-like .card-body .card-title-strike{
    color: #787878;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: line-through;
}

.product-detail .also-like .card-body p{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

/* SECTION OFF CANVAS BAG */
.offcanvas-bag{
    width: 50%;
}

.offcanvas-bag .offcanvas-body .nav-link{

    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;

}

.offcanvas-bag .offcanvas-body .nav-link span{

    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;

}

.offcanvas-search{
    width: 100%;
    margin-top: 92px;
    background-color: #E3D193;
}

.offcanvas-search .offcanvas-header{
    padding: 50px 200px 20px 200px;
}

.offcanvas-search .offcanvas-body form{
    padding: 20px 200px 20px 200px;
}

.offcanvas-search .title-search{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.offcanvas-search .offcanvas-body input{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    box-shadow: none;
}

.offcanvas-search .offcanvas-body input::placeholder{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    opacity: 0.5;
}


.offcanvas-search .search-result .card-group img{
    width: 100%;
}

.offcanvas-search .search-result .card-group .card-img-overlay {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.offcanvas-search .search-result .card-group .group-class{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding: 10px;
    background-color: white;
    position: absolute;
    top: 0px;
    left: 0px;
}

.offcanvas-search .search-result .card-group .group-name{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
}

.offcanvas-search .search-result .card {
    background: transparent;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    border: 0;
    padding: 0px;
}

.offcanvas-search .search-result .text-result{
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    margin-left: 80px;
}

.offcanvas-search .search-result .card .label-top {
    width: 35px;
    height: 30px;
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 3px 3px 5px 10px;
}


.offcanvas-search .search-result .card h5 {
    overflow: hidden;
    height: 56px;
    font-weight: 900;
    font-size: 1rem
}

.offcanvas-search .search-result .card-img-top {
    width: 100%;
    max-height: 312px;
    min-height: 312px;
    /*object-fit: contain;*/
}

.offcanvas-search .search-result .card h2 {
    font-size: 1rem
}

.offcanvas-search .search-result .top-right {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 900;
    background: #ff5722;
    line-height: 90px;
    text-align: center;
    color: white
}

.offcanvas-search .search-result .top-right span {
    display: inline-block;
    vertical-align: middle
}

.offcanvas-search .search-result .card-body p{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.offcanvas-search .search-result .card-body .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}




.card-cart .card{
    border: none;
}

.card-cart .card-body .label-head{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.card-cart .card-body .label-varian{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.detail-order .label-varian{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.content-orders .label-varian{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}


.section-checkout .card-cart .card-body .label-price{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}

.offcanvas-bag .card-cart .card-body .label-price{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}


.card-cart .card-body .label-price-strike{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
    text-decoration: line-through;
}

.footer-detail-order .label-price-strike{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    text-decoration: line-through;
}

.card-cart .img-cart{
    min-width: 132px;
    min-height: 132px;
    max-width: 132px;
    max-height: 132px;
    border: 1px solid #C6A443;
    /*padding: 20px;*/
}

.card-cart .input-group{
    padding: 0px 0px 0px 0px;
}

.card-cart .input-group button{
    border: 1px solid #D5D3D4;
    height: 44px;
}

.card-cart .input-qty-cart{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.shopping-button{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 20px;
    background-color: #f7f7f7;
    border-top: 1px solid #dbdbdb;
    z-index: 3;
}

.shopping-button a{
    width: 100%;
    margin-top: 10px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.shopping-button button{
    width: 100%;
    margin-top: 10px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.offcanvas-body .shopping-button .subtotal .text-subtotal{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.offcanvas-body .shopping-button .subtotal .text-val-subtotal{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}

/* SECTION CHECKOUT */

.section-checkout{
    margin-top: 100px;
}

.section-checkout .btn-guest{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;

}

.section-checkout .btn-login{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;

}

.section-checkout .accordion .accordion-item{
    border: none;
}

.section-checkout .accordion{
    padding: 0px!important;
    margin: 0px!important;
}

.section-checkout .accordion .accordion-item{
    border: none;
    border-bottom: 1px solid #D5D3D4;
    box-shadow:none;
}

.section-checkout .accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.section-checkout .accordion .accordion-button{
    font-family: Quicksand;
    font-weight: bold;
    font-size: 16px;
    background-color: white;
    color: #20263E;
    padding: 20px 0px 20px 0px;
}

.section-checkout .label-shipping{
    font-family: Quicksand;
    font-weight: bold;
    font-size: 16px;
    color: #20263E;
}

.section-checkout .accordion .logged-in{
    font-family: Quicksand;
    font-weight: bold;
    font-size: 16px;
    background-color: white;
    color: #20263E;
    padding: 20px 0px 0px 0px;
}

.section-checkout .accordion .logout{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}


.section-checkout .accordion button .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    color: #20263E;
}

.section-checkout .accordion-body-user{
    padding: 10px 0px 10px 0px;
}

.section-checkout .accordion-body-address input{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    /*    color: #D5D3D4;*/
}

.section-checkout .accordion-body-address input{
    background-color: white;
}

.section-checkout .form-check-label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}

.notes-pajak{
    font-family: Montserrat;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.order-summary .accordion .accordion-item{
    border: none;
}

.order-summary .accordion{
    padding: 0px!important;
    margin: 0px!important;
}

.order-summary .accordion .accordion-item{
    border: none;
    border-bottom: 1px solid #D5D3D4;
    box-shadow:none;
}

.order-summary .accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.order-summary .accordion .accordion-button{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    background-color: #F5F5F5;
    color: #20263E;
    padding: 20px 0px 20px 0px;
}


.order-summary .accordion button .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    color: #20263E;
}

.order-summary .accordion-body-summary{
    padding: 10px 0px 10px 0px;
    background-color: #F5F5F5;
}

.order-summary .accordion-button::after {
    background-position-x: 20;
}

.order-summary .accordion-button:not(.collapsed)::after {

}

.section-checkout .accordion-body-summary .form-check-label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}

.order-summary{
    background-color: #F5F5F5;
}

.sub-total label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.sub-total .text-val-subtotal{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
}
.shipping-cost label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.ppn label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}
.voucher-shipping label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.voucher-field label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.pph label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.total label{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
}

.total label.val-total{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}

.discount-code input{
    height: 40px;
    width: 80%;
    left: 0px;
    top: 0px;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;

}

.notes input{
    height: 40px;
    left: 0px;
    top: 0px;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;

}

.discount-code button{
    height: 40px;
    width: 84px;
    left: 266px;
    top: 0px;
    border-radius: 2px;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
}

.footer-checkout{
    padding: 30px 10px 30px 10px;
}

.footer-checkout .footer-kembali a{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color :#20263E;
    text-decoration: none;
}


.footer-checkout .btn-proses-pembayaran{
    width: 100%;
    height: 44px;
    background-color: #085C54;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.form-guest button{
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color :#FFFFFF;
    margin-top: 20px;
}

.form-guest .form-check-label{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color:#20263E;
}

.form-login button{
    width: 50%;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color :#FFFFFF;
    margin-top: 20px;
}

.form-login .form-check-label{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color:#20263E;
}

.modal-proses-pembayaran{
    max-width: 80%;
    margin: auto;
    max-height: 80%
}

.header-default{
    margin-top: 63px;
    background-color: #F4EDD9;
    height: 240px;
    text-align: center;
    padding: 100px 0;
}

.header-default a{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
    text-decoration: none;
}

/* SECTION SIGNIN */
.section-signin{
    padding: 20px 200px;
}

.section-signin .forgot-password{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
    text-decoration: none;
}

.section-signin button{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}


.section-signin a{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
    padding-top: 10px;
}

.section-signin .description-forgot{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.failed-alert{
    width: 100%;
    min-height: 98px;
    top:90px;
    padding: 20px;
    background-color: #fc5858;
}

.failed-alert .heading{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.failed-alert .ticket{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

/* SECTION TRACKING */
.section-tracking{
    margin-top: 100px;
    padding: 20px 400px;
}

.section-tracking button.btn-tracking{
    width: 70%;
    height: 44px;
    color: #FFFFFF;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}



.section-tracking .containder-result{
    background-color: #F5F5F5;
    padding: 12px;
}

.section-tracking .containder-result .tracking-id{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    color: #085C54;
}

.section-tracking .containder-result .tracking-detail label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

/* SECTION SCAN QR */

.scan-qr{
    margin-top: 100px;
}

.scan-qr h3.text-green{
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.scan-qr .card-verification{
    width: 100%;
    height: 100%;
    background-color: #ebd791;
    border: 0;
    border-bottom: 1px solid #b8a461;
}

.scan-qr .card-title{
    font-family: Quicksand;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.scan-qr .card-verification .border-img{
    border: 1px solid #b8a461;
    background-color: #fff;
}

.scan-qr .card-augmented{
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    border: 0;
    border-bottom: 1px solid #bfbfbf;
}

.scan-qr .card-augmented .border-img{
    border: 1px solid #d6d6d6;
    background-color: #fff;
}

.modal-scan .text-green h4{
    font-family: Quicksand;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.modal-scan .paragraf-scan{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.modal-scan .btn-continue-scan{
    width: 310px;
    height: 44px;
}

a{
    text-decoration: none;
}

/* SECTION NEWS */
.section-news{
    margin-top: 160px;
}

.section-news .card-select-news{
    border-radius: 0px;
    border-color: #E3D193;
}

.section-news .card-news{
    border-radius: 0px;
    border: none;
}

.section-news .card-news .card-img-top{
    border-radius: 0px;
    border: none;
    max-height: 247px;
    min-height: 247px;
}

.section-news .card-news .card-body{
    padding: 10px 0px;
}

.section-news .card-select-news .list-group-item{
    height: 64px;
    border-color: #E3D193;
    padding-top: 7%;
}

.section-news .card-select-news a{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-news .card-select-news a.changed{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-news .card-select-news a.changed:after{
    content: url('../img/next(2).png');
    position: absolute;
    right: 10px;
}


.section-news .card .card-body .date{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color:#C6A443;
}

.section-news .card .card-body .news-title{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #20263E;
}

.section-news .card .card-body .writers{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color:#085C54;
}

.hover-border-bottom{
    border-bottom: 5px solid black;
}

/* SECTION NEWS DETAIL */

.section-news-detail{
    margin-top: 100px;
    padding: 0px 72px;
}

.section-news-detail .news-date{
    font-family: Quicksand;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.section-news-detail .news-title{
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-news-detail .writers{
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color:#085C54;
}

.section-news-detail .hr-goldline{
    width: 50px;
    height: 0px;
    border: 2px solid #E3D193;
    margin-top: 20px;
}

.section-news-detail .news-content{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    color : #20263E;
}

.section-news-detail h1 {
    display: flex;
    flex-direction: row;
}

.section-news-detail h1:before,
.section-news-detail h1:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #C6A443;
    margin: auto;
}

.section-news-detail h1 img.facebook {
    padding: 5px 10px;
    border: 1px solid #C6A443;
}

.section-news-detail h1 img.twitter {
    padding: 5px 5px;
    border: 1px solid #C6A443;
}

/* SECTION BUYBACK */
.section-buyback{
    margin-top: 160px;
}


.section-buyback .form{
    padding: 0px 300px;
}

.section-buyback select{
    color: #555;
}

.section-buyback .activity-content .title-term{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.section-buyback .btn-submit-request{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color : #FFFFFF;
}

.section-buyback .form-check.label-check-term label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}

.section-buyback .form-check.form-check-penukaran label{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color :#20263E;
}

.section-buyback .activity-content ul li{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.section-buyback .form-check-input.check-term{
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.section-buyback .form-check-input.check-term:checked {
    background-color: #C6A443;
    border : 2px solid #20263E;
}

.title-penukaran{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.success-alert{
    width: 100%;
    height: 98px;
    top:63px;
    padding: 20px;
    background-color: #085C54;
}

.success-alert .heading{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.success-alert .ticket{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

/* SECTION OUR STORE */


.section-our-store .list-store{
    padding: 0px 300px;
}

.section-our-store .accordion button{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    color: #20263E;
}

.section-our-store .accordion .nama-toko{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #C6A443;
}

.section-our-store .accordion .alamat-toko{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-our-store .accordion .maps-toko{
    font-family: Quicksand;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
    text-decoration: none;
}

.section-our-store .need-help{
    padding : 30px;
    background-color: #F4EDD9;
}

.section-our-store .need-help .content-need-help{
    padding : 0px 20px;
    background-color: #F4EDD9;
}

.section-our-store .need-help .content-need-help .title{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-our-store .need-help .content-need-help .sub-title{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-our-store .accordion .accordion-item{
    border: none;
}

.section-our-store .accordion{
    padding: 0px!important;
    margin: 0px!important;
}

.section-our-store .accordion .accordion-item{
    border: none;
    border-bottom: 1px solid #D5D3D4;
    box-shadow:none;
}

.section-our-store .accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.section-our-store .accordion .accordion-button{
    background-color: transparent;
}


.section-our-store .accordion button .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    color: #20263E;
}

.header-default{
    margin-top: 63px;
    background-color: #F4EDD9;
    height: 240px;
    text-align: center;
    padding: 100px 0;
}

.header-default a{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
    text-decoration: none;
}

/* SECTION MY ACCOUNT */
.section-my-acount .content-menu .content-overview .card{
    border: 1px solid #C6A443;
    border-radius: 0px;
}

.section-my-acount .content-menu .content-edit .card{
    border: 1px solid #C6A443;
    border-radius: 0px;
}

.section-my-acount .content-menu .content-edit .btn-edit-profile{
    width: 330px;
}

.section-my-acount .content-menu .content-edit .btn-edit-profile label{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
}

.section-my-acount .card-select-news{
    border-radius: 0px;
    border-color: #E3D193;
}

.section-my-acount .card-select-news .list-group-item{
    height: 64px;
    border-color: #E3D193;
    padding-top: 5%;
}

.section-my-acount .card-select-news button{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-my-acount .card-select-news button:focus{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    outline: none;
    box-shadow: none;
}

.section-my-acount .card-select-news button.changed{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    outline: none;
    box-shadow: none;
}

.section-my-acount .card-select-news button.changed:after{
    content: url('../img/next(2).png');
    position: absolute;
    right: 10px;
}

.section-my-acount .content-menu .content-overview .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: transparent;
}

.section-my-acount .content-menu .content-overview .card .card-header label{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #20263E;
    padding: 5px;
}

.section-my-acount .content-menu .content-overview .card .card-body label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding: 0px 5px;
}

.section-my-acount .content-overview .card .img-last-order{
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    border: 1px solid #C6A443;
    padding: 20px;
}

.section-my-acount .content-menu .content-overview .card .card-body label.order-no{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.section-my-acount .content-menu .content-overview .card .card-body label.order-date{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: right;
    color: #20263E;
}

.section-my-acount .content-menu .content-overview .card .card-body label.item-name{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.section-my-acount .content-menu .content-overview .card .card-body label.text-other-product{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    color: #C6A443;
}

.section-my-acount .content-menu .content-overview .card .card-body label.status-order{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #085C54;
}


.content-overview .label-varian{
    font-family: Montserrat;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 500!important;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443!important;
}

.section-my-acount .content-menu .content-edit .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: transparent;
}

.section-my-acount .content-menu .content-edit .card .card-header label{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #20263E;
    padding: 5px;
}

.section-my-acount .content-menu .content-edit .card .card-body .card-text{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding: 0px 5px;
}

.section-my-acount .content-menu .content-edit .card input{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;

}

.my-profile .form-group{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.section-my-acount .content-menu .content-orders .card{
    border: 1px solid #C6A443;
    border-radius: 0px;
}

.section-my-acount .content-menu .content-orders .badge{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .label-total{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .val-total{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}

.section-my-acount .content-menu .content-orders .card .label-status{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
    color: #085C54;
}

.section-my-acount .content-menu .content-orders .card .label-pending{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .label-pending .text-red{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #fa1e1e;
}

.section-my-acount .content-menu .content-orders .card .card-body{
    padding: 5px 5px;
}

.section-my-acount .content-menu .content-orders .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: white;
}

.section-my-acount .content-menu .content-orders .card .card-header .order-no{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #C6A443;
}

.section-my-acount .content-menu .content-orders .card .card-header .order-date{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .card-body .item-name{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.section-my-acount .content-menu .content-orders .card .card-body .item-qty{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .card-body .label-price{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .card .card-body input{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.section-my-acount .content-menu .content-orders .nav-link{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.section-my-acount .content-menu .content-orders .nav-item .active{
    background: linear-gradient(138.58deg, #E3D193 3.56%, #C6A443 91.71%);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.section-my-acount .content-menu .content-orders .img-orders{
    /*    min-width: 132px;
        min-height: 132px;
        max-width: 132px;
        max-height: 132px;*/
    padding: 20px;
    border: 1px solid #C6A443;
}

.section-my-acount .content-menu .content-orders .card .card-body label.text-other-product{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    color: #C6A443;
}

.no-data{
    background-color: #f5f5f5;
    height: 100px;
    padding: 40px;
}

.no-data .label-no-data{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #7E85A1;
}

.detail-order .status-pembayaran{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.detail-order .label-status{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0px;
    color: #085C54;
}

.detail-order .header-detail-order .order-number{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.detail-order .card{
    border: 1px solid #C6A443;
}

.detail-order .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: transparent;
}

.detail-order .card .card-header label{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #20263E;
    padding: 5px;
}

.detail-order .card .card-body label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding: 0px 5px;
}

.detail-order .footer-detail-order{
    background-color: #F5F5F5;
    padding: 15px;
}

.detail-order .footer-detail-order .img-cart{
    max-width: 96px;
    max-height: 96px;
    min-width: 96px;
    min-height: 96px;
    border: 1px solid #C6A443;
}

.detail-order .footer-detail-order .item-name{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.detail-order .footer-detail-order .item-qty{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.detail-order .footer-detail-order .label-price{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: #20263E;
}
.detail-order .footer-detail-order .val-price{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.detail-order .footer-detail-order .label-total{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    color: #20263E;
}

.detail-order .footer-detail-order .val-total{
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: #C6A443;
}


.detail-order .status-pembayaran{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.detail-order .header-detail-order{
    height: 60px;
    padding: 15px;
}

.detail-order .header-detail-order-midtrans{
    height: 148px;
    padding: 60px;
    background-color: #F4EDD9;
    margin-top: 90px;
}

.detail-order .header-pending{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.detail-order .date-pending{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.detail-order .date-pending .text-red{
    color : #fa1b1b;
}


.detail-order .header-detail-order .order-number{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.detail-order .header-detail-order-midtrans .order-number{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.detail-order .btn-back{
    width: 312px;
    height: 44px;
    background-color:#D5D3D4;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.detail-order .btn-bayar{
    width: 330px;
    height: 44px;
    background-color: #085C54;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
}

.detail-order .btn-cancel{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
}

.detail-order .container-pending-midtrans .btn-bayar{
    width: 330px;
    height: 44px;
    background-color: #085C54;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
}


.detail-order .h2{
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.detail-order .btn-shopping-checkout{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    height: 44px;
    padding-top: 13px;
}

.detail-order .check-order{
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: underline;
}

.content-wishlist .card .label-top {
    width: 35px;
    height: 30px;
    position: absolute;
    color: #fff;
    top: 8px;
    right: 8px;
    padding: 3px 3px 5px 10px;
}

.content-wishlist .card {
    background: white;
    transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
    border: 0;
    border-radius: 0px;
}


.content-wishlist .card h5 {
    overflow: hidden;
    height: 56px;
    font-weight: 900;
    font-size: 1rem
}

.content-wishlist .card-img-top {
    width: 100%;
    object-fit: contain;
    padding: 30px
}

.content-wishlist .card h2 {
    font-size: 1rem
}

.content-wishlist .top-right {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 900;
    background: #ff5722;
    line-height: 90px;
    text-align: center;
    color: white
}

.content-wishlist .top-right span {
    display: inline-block;
    vertical-align: middle
}

.content-wishlist .card-body p{
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #20263E;
}

.content-wishlist .card-body .card-title{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
}

.content-wishlist .card-body .card-title-strike{
    color: #787878;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: line-through;
}

.shipping-information .card{
    border-radius: 0px;
    border: 1px solid #C6A443;
}

.shipping-information .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: transparent;
}

.shipping-information .card .card-header label{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #20263E;
    padding: 5px;
}

.shipping-information .card.set-default .card-body{
    border-bottom: 1px solid #C6A443;
}

.shipping-information .card.set-default .card-footer{
    background-color: transparent;
}

.shipping-information .card .card-body label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    padding: 0px 5px;
}

.shipping-information .card.set-default .card-footer label{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #C6A443;
    padding: 5px 10px;
}

.shipping-information .btn-create{
    width: 300px;
    height: 44px;
}

.shipping-information .btn-delete-shipping{
    position: absolute;
    top: 50px;
    right: 10px;
}

.shipping-information .btn-set-default label{
    border-bottom: 1px dashed #C6A443;
}

.shipping-information .btn-create label{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 5px;
}


.create-shipping .status-pembayaran{
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: center;
    color: #085C54;
}

.create-shipping .header-create-shipping{
    height: 60px;
    padding: 15px;
    background-color: #F4EDD9;
}

.create-shipping .header-create-shipping .label-header{
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
}

.create-shipping .card{
    border: 1px solid #C6A443;
}

.create-shipping .card .card-header{
    border-bottom: 1px solid #C6A443;
    background-color: transparent;
}

.create-shipping .card .card-header label{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #20263E;
    padding: 5px;
}


.create-shipping button{
    width: 100%;
    height: 44px;
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

.shipping-information .label-top{
    margin-top: 50px;
    margin-right: 5px;
}

.shipping-information .label-top:focus{
    box-shadow: none;
}

/* SECTION PRIVACY POLICY */

.privacy-policy{
    margin-top: 100px;
    padding: 0px 100px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.term-condition{
    margin-top: 100px;
    padding: 0px 100px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.faq{
    margin-top: 100px;
    padding: 0px 300px;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.group-faq{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #085C54;
}

.faq .accordion button{
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #20263E;
    background-color: #F5F5F5;
}

.faq .accordion{
    border: none;
}

.faq .accordion .accordion-item{
    border: none;
}

.faq .accordion-button:not(.collapsed) {
    background-color: #E3D193;
}

.faq .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}


/* FOOTER */
footer{
    background-color: #085C54;
}


footer .container ul li a{
    font-family: Quicksand;
    font-weight: 700;
    font-size: 18px;
    color: #f5eaa6;

}

footer .container ul li a.nav-link{
    margin-right: 30px;
}

footer .container ul li span{
    font-family: Quicksand;
    font-weight: 400;
    font-size: 18px;
    color: #f5eaa6;
}

footer .container ul li a:hover{
    color: white;
}

footer .container .sosmed a{
    border: 1px solid #f5eaa6;
}

footer .container .sosmed a:hover{
    border: 1px solid white;
}

footer .container-fluid ul li a{
    font-family: Quicksand;
    font-weight: 400;
    font-size: 14px;
    color: #f5eaa6;

}

footer .container-fluid ul li span{
    font-family: Quicksand;
    font-weight: 400;
    font-size: 14px;
    color: #f5eaa6;
}

footer .container-fluid ul li a:hover{
    color: white;
}

footer .container-fluid .sosmed a{
    border: 1px solid #f5eaa6;
}

footer .container-fluid .sosmed a:hover{
    border: 1px solid white;
}

footer .text-white{
    font-family: Quicksand;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

}

.frb-group {
    /*margin: 15px 0;*/
    width: 100%;
}

.frb ~ .frb {
    /*margin-top: 15px;*/
}

.frb input[type="radio"]:empty,
.frb input[type="checkbox"]:empty {
    display: none;
}

.frb input[type="radio"] ~ label,
.frb input[type="checkbox"] ~ label {
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: white;
}

.frb input[type="radio"] ~ label:before,
.frb input[type="checkbox"] ~ label:before {
    font-family: FontAwesome;
    content: '\f096';
    position: absolute;
    top: 35%;
    margin-top: -11px;
    left: 15px;
    font-size: 22px;
    color:#b0b0b0;
    font-size: 32px;
}

.frb input[type="radio"]:checked ~ label:before,
.frb input[type="checkbox"]:checked ~ label:before {
    content: '\f046';
    color:#085C54;
    font-size: 32px;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    color: #fafafa;
}

.frb input[type="radio"]:checked ~ label,
.frb input[type="checkbox"]:checked ~ label {
    background-color: #f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label,
.frb.frb-default input[type="checkbox"]:checked ~ label {
    color: #333;
}

.frb.frb-primary input[type="radio"]:checked ~ label,
.frb.frb-primary input[type="checkbox"]:checked ~ label {
    background-color: #e8d6a2;
    box-shadow: 0 5px 20px 0 rgba(136, 144, 195, 0.3);
}


.frb input[type="radio"]:empty ~ label span,
.frb input[type="checkbox"]:empty ~ label span {
    display: inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title,
.frb input[type="checkbox"]:empty ~ label span.frb-title {
    font-size: 16px;
    font-weight: 700;
    /*margin: 5px 5px 5px 5px;*/
}

.frb input[type="radio"]:empty ~ label span.frb-description,
.frb input[type="checkbox"]:empty ~ label span.frb-description {
    font-weight: normal;
    font-style: italic;
    color: #999;
    /*margin: 0px 5px 5px 5px;*/
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description,
.frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description,
.frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
    color: #999;
}

.form-check-input:checked{
    background-color: #C6A443!important;
    border-color: #9e812c!important;
}

.tooltip-inner {
    background-color: #C6A443;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 0.2);
    opacity: 1 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #C6A443 !important;
}

/* tracking */
.parent-tracking{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    left: -15px;
}

.child-tracking{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    left: -6px;
    background-color: #c2c2c2;
}

.line-list{
    border-left: 2px solid #c2c2c2;
    min-height: 50px;
}

.ms-20-percent{
    margin-left: 20%;
}

.color-tracking{
    color: #c2c2c2!important;
}

.label-discount {
    width: 130px;
    height: 140px;
    left: 0px;
    /*background-color: #C6A443;*/
    clip-path: polygon(0 0, 0 61%, 27% 54%, 54% 61%, 54% 0);
}