@font-face {
    font-family: "Barlow-Regular";
    src: url('../fonts/Barlow-Regular.ttf') format('ttf');
}

@font-face {
    font-family: "Barlow-Bold";
    src: url('../fonts/Barlow-Bold.ttf') format('ttf');
}

@font-face {
    font-family: "Barlow-Italic";
    src: url('../fonts/Barlow-Italic.ttf') format('ttf');
}

@font-face {
    font-family: "Just-Believe-Seemly";
    src: url('../fonts/Just\ Believe-seemly\ fonts.ttf');
}

/* Penambahan Phase 2 Font */
    @font-face {
        font-family: "Poppins-Light";
        src: url('../fonts/Poppins-Light.ttf');
    }
    @font-face {
        font-family: "Poppins-Bold";
        src: url('../fonts/Poppins-Bold.ttf');
    }
/* Penambahan Phase 2 Font */

/* init body */
html,
body {
    height: 100%;
    margin: 0;
}

.wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header,
.footer {
    background: silver;
}

.content {
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.img-barcode-header {
    width: 25%;
    height: auto;
    object-fit: cover;
}
.footer-barcode {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #000000;
}
.header-size {
    padding: 0;
    background-color: #000000;
}

.img-barcode-footer {
    width: 8%;
    height: auto;
    object-fit: cover;
}

.download-erha {
    display: inline-flex;
    text-align: justify;
    position: absolute;
    padding: 30px 15px;
    color: #ffffff;
}

/* end init body */

/* Update Tv Resolution */
  .not-tv{
    display: block !important;
  }
  .tv{
    display: none !important;
  }
/* Update Tv Resolution */

.jumbotron-program{
    margin-top: 23%;
    /* margin-top: 28%; */
}

/* Penambahan Phase 2 all */
    .banner-content{
        margin-bottom: -50px;
    }

    .jumbotron-program{
        margin-top: 23%;
        /* margin-top: 28%; */
    }
    
    .arrow_our_treatment{
        margin-left: -94%;
        height: 30%;
        max-width: 100%;
    }
    .circle_our_treatment{
        /* transform: rotate(-25deg); */
        margin-top: 331%;
        margin-left: 87%;
        margin-bottom: -200%;
        height: 30%;
        max-width: 100%;
    }
    .arrow_banner_program{
        /* transform: rotate(308deg); */
        height: 20%;
        margin-top: 5%;
        margin-left: 82%;
        padding:0;
    }
    .main-nav.scrolled{
        /* background: rgba(255, 239, 213, 1); */
        background: rgba(232, 236, 241, 0.8);
        /* opacity: 0.5; */
    }

    .navbar-mobile{
        /* position: relative; */
        z-index: 99;
    }
    .collapse-mobile{
        position: absolute;
        z-index: 1;
        background-color: #385E9D;
        width: 91%;
    }
    .carousel-mobile{
        position:absolute;
        width:100%;
        top:0;
    }
    .navbar-desktop{
        position: relative;
        z-index: 99;
    }
    .carousel-desktop{
        position:absolute;
        width:100%;
        top:0;
    }
    .carousel-desktop-treatment{
        position:absolute;
        width:100%;
        top:14%;
    }
    .nav-link-desktop {
        color: #000000;
        /* margin-left: 10px; */
        /* padding: 5px 5px; */
    }
    a.nav-link-desktop {
        font-family: "Poppins-Light";
        /* font-size: 12px; */
    }
    a.nav-link-mobile.active {
        /* text-decoration: 2px #000000 underline; */
        font-family: "Poppins-Bold";
        background-color: #EF7425;
    }

    a.nav-link-mobile {
        /* font-family: "Barlow-Regular"; */
        /* font-family: "Just-Believe-Seemly"; */
        font-family: "Poppins-Light";
    }
    a.nav-link-mobile.active {
        /* text-decoration: 2px #000000 underline; */
        background-color: #EF7425;
    }
    a.nav-link-mobile:active{
        background-color: #EF7425;
        color: #FFFFFF;
    }
    .nav-link-mobile {
        color: #FFFFFF;
        margin-left: 10px;
        padding: 5px 5px;
    }
    .nav-item-mobile {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .nav-item-desktop {
        margin-right: 0%;
        padding: 5px 5px;
    }

    .footer-menu {
        color: #FFFFFF;
        font-size: 13px;
    }
    a.footer-menu:hover{
        text-decoration: underline !important;
        color: #FFFFFF !important;
    }
    .footer-menu-section {
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
    }
    .footer-search{
        border: 1px solid #FFFFFF;
        background-color: #385E9D;
        margin-top: 1%;
        margin-left: 1%;
    }
    .footer-search:focus {
        outline: none !important;
        border:1px solid #FFFFFF;
        color: #FFFFFF;
    }
    ::placeholder{
        color: #FFFFFF;
    }

    .expected-result-mobile {
        font-family: "Poppins-Light";
        color: #385E9D;
        text-align: left;
        letter-spacing: 3px;
        text-transform: uppercase;
    }
    .mengatasi-masalah-mobile {
        font-family: "Poppins-Light";
        color: #000000;
        text-align: left;
        font-size: 13px;
    }

    .active-acne-phase-2 , .active-post-phase-2 {
        font-family: "Just-Believe-Seemly";
        color: #FFFFFF;
        background-color : #EF7425;
        padding : 5px 5px;
        letter-spacing: 2px;
    }

    .container-treatment-detail{
        margin-top: 10%;
    }

    .container-treatment-detail-post {
        margin-top: 10%;
    }

    .poppins-bold{
        font-family: "Poppins-Bold";
    }
    .poppins-light{
        font-family: "Poppins-Light"!important;
    }
    .p-personalized-desktop-about {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 15px;
        line-height: 1.5em;
    }

    .p-acne-warrior-words {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 15px;
        line-height: 1.5em;
    }

    /* Treatment Header Content */
        .treatment-container{
            width: 90%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            /* justify-content: center; */
        }
        .left{
            width: 50%;
        }
        .right{
            width: 50%;
            margin-left: -1%;
        }

        .treatment-container-post{
            width: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .left-post{
            width: 60%;
            margin-right: -50%;

        }
        .right-post{
            width: 40%;
        }
    /* Treatment Header Content */

    /* Logo Flex */
    .logo-container{
        width: 100%;
        margin: 5% auto;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    /* Logo Flex */

    /* Treatment Page Flex */
    .treatment-container-page{
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-evenly;
    }
    /* .treatment-container-photo{
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-around;
    } */
    .treatment-flex-container{
        display: flex;
        flex-direction: column;
        margin-bottom: 20%;
    }
    .downside{
        margin-top: -16%;
    }
    .photo{
        margin-top: -200px;
    }
    .treatment-menu-background{
        height:680px;
         width:auto;
    }
    /* Treatment Page Flex */

    .media.treatment-desktop {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .treatment-detail-banner-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #FFFFFF;
        /* letter-spacing: 3.6px; */
        line-height: 80%;
        background-color: none;
        /* padding-left: 10%;  */
        padding-top: 10%; 
        padding-right: 20%; 
        text-align:left;
        text-shadow: 3px 0px #EF7425;
        font-size: 80px;
    }
    .treatment-detail-banner-description{
        font-family: "Poppins-Light";
        /* font-weight: bold; */
        color: #FFFFFF;
        /* letter-spacing: 3.6px; */
        /* line-height: 80%; */
        background-color: none;
        /* padding-left: 10%;  */
        padding-top: 10%; 
        /* padding-right: 30%;  */
        text-align:left;
        font-size: 16px;
    }
    .treatment-detail-banner{
        background-color: none;
        width: 100%;
        position: relative;
        margin-top: 7%;
    }

    .treatment-title-desktop {
        font-family: "Poppins-Bold";
        color: #385E9D;
        font-size: 18px;
        /* padding-bottom: 10%; */
    }

    .treatment-price-desktop {
        font-family: "Poppins-Light";
        color: #385E9D;
        font-size: 16px;
        /* padding-bottom: 10%; */
    }
    .treatment-description-desktop {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .treatment-line-desktop {
        background-color: #EF7425;
        border: 1px solid #EF7425;
    }
    .treatment-banner-template::after {
        content : '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, #4c7dccb4, #315b9e4d);
        position: absolute;
        bottom: 0;
    }
    .p-active-acne-mobile {
        /* font-family: "Barlow-Regular"; */
        font-family: "Poppins-Light";
        color: #FFFFFF;
        font-size: 1vw;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .p-active-acne-desktop {
        /* font-family: "Barlow-Regular"; */
        font-family: "Poppins-Light";
        color: #000000;
        /* font-size: 3vw; */
        padding-top: 10%;
        padding-bottom: 10%;
        font-size: 20px;
    }

    .home-title-desktop  {
        font-family: "Poppins-Light";
        color: #FFFFFF;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    .home-title-desktop-black  {
        font-family: "Poppins-Light";
        color: #000000;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    h4.line {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
    }
    
    h4.line:before,
    h4.line:after {
        content: '';
        border-top: 1px solid;
        margin: 0 20px 0 0;
        flex: 1 0 20px;
    }
    
    h4.line:after {
        margin: 0 0 0 20px;
    }

    .about-title-desktop  {
        font-family: "Poppins-Light";
        color: #000000;
        letter-spacing: 4px;
        text-transform: uppercase;
    }

    h5.line {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
    }
    
    h5.line:before,
    h5.line:after {
        content: '';
        border-top: 1px solid;
        margin: 0 20px 0 0;
        flex: 1 0 20px;
    }
    
    h5.line:after {
        margin: 0 0 0 20px;
    }
    .promo-desktop {
        font-family: "Poppins-Light";
        color: #385E9D;
        font-size: 32px;
    }

    .promo-content{
        width: 70%;
    }

    .active-acne-solution-desktop {
        font-family: "Poppins-Light";
        font-size: 13px;
        background-color: #EE7325;
        color: #ffffff;
        /* border-radius: 15px; */
        padding: 10px 30px;
    }
    
    .testimony-user{
        font-family: "Poppins-Light";
        font-size: 10px;
        color: #FFFFFF;
        background-color : #EF7425;
        /*margin : 10px 10px;*/
        padding : 5px 5px;
        /* letter-spacing: 5px; */
    }
    .p-personalized-desktop-testimony {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    

    .p-personalized-mobile-about {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 14px;
    }
    .p-acne-problem-desktop {
        font-family: "Just-Believe-Seemly";
        color: #EF7425;
        /* font-size: 21px; */
    }
    .p-acne-warrior-desktop {
        font-family: "Just-Believe-Seemly";
        color: #EF7425;
        font-size: 35px;
    }

    .program-banner-title{
        font-family: "Just-Believe-Seemly";
        color: #385E9D;
        /* letter-spacing: 3.6px; */
        line-height: 80%;
        background-color: none;
        /* padding-left: 10%;  */
        padding-top: 20%; 
        padding-right: 20%; 
        text-align:left;
        text-shadow: 3px 0px #FFFFFF;
        font-size: 60px;

    }
    .program-banner-description{
        font-family: "Poppins-Light";
        /* font-weight: bold; */
        color: #000000;
        /* letter-spacing: 3.6px; */
        /* line-height: 80%; */
        background-color: none;
        /* padding-left: 10%;  */
        padding-top: 10%; 
        /* padding-right: 30%;  */
        text-align:left;
        font-size: 16px;
    }
    .program-banner{
        background-color: none;
        width: 100%;
        position: relative;
        margin-top: 5%;
        z-index: 10;
    }
    .program-banner-layer{
        width: 100%;
        position: absolute;
        top: 0%;
        opacity: 0.5;
        z-index: 1;
    }
    .program-banner-template::after {
        content : '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, #8997ad00, #c6d2e6d0);
        position: absolute;
        bottom: 0;
    }
    .card1::after {
        content : 'No Acne No Cry';
        font-family: "Just-Believe-Seemly";
        font-size: 12px;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 8%;
        color: #FFFFFF;
        display: flex;
        width: 100%;
        height: 35%;
        background-color: #00296b;
        position: absolute;
        bottom: 0;
        opacity: .8;
    }

    .card2::after {
        content : 'Acne Finale - \A Acne Scar Program';
        white-space: pre-wrap;
        font-family: "Just-Believe-Seemly";
        font-size: 12px;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 8%;
        color: #FFFFFF;
        display: flex;
        width: 100%;
        height: 35%;
        background-color: #00296b;
        position: absolute;
        bottom: 0;
        opacity: .8;
    }

    .card3::after {
        content : 'Acne Finale - \A Skin Rednes Program';
        white-space: pre-wrap;
        font-family: "Just-Believe-Seemly";
        font-size: 12px;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 8%;
        color: #FFFFFF;
        display: flex;
        width: 100%;
        height: 35%;
        background-color: #00296b;
        position: absolute;
        bottom: 0;
        opacity: .8;
    }

    .card4::after {
        content : 'Acne Finale - \A Dark Spot Program';
        white-space: pre-wrap;
        font-family: "Just-Believe-Seemly";
        font-size: 12px;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 8%;
        color: #FFFFFF;
        display: flex;
        width: 100%;
        height: 35%;
        background-color: #00296b;
        position: absolute;
        bottom: 0;
        opacity: .8;
    }

    .card5::after {
        content : 'Acne Finale - \A Ultimate Program';
        white-space: pre-wrap;
        font-family: "Just-Believe-Seemly";
        font-size: 12px;
        padding-top: 4%;
        padding-bottom: 4%;
        padding-left: 8%;
        color: #FFFFFF;
        display: flex;
        width: 100%;
        height: 35%;
        background-color: #00296b;
        position: absolute;
        bottom: 0;
        opacity: .8;
    }

    .splide__pagination .is-active {
        background: #EE7325 !important;
    }

    #review-slider .splide__arrow{
        opacity: 1;
        background: #fff;
        border-color: #000;
    }
    #review-slider .splide__arrow--next{
        right: -1em;
    }
    /* #review-slider .splide__arrow--next svg{
        background-color: #EE7325;
    } */
    #review-slider .splide__arrow--prev{
        left: -1em;
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #EE7325 !important;
    }

    /* Promo Desktop Carousel */
    .carouselPromoDesktop .carousel-indicators{
        bottom: -16% !important;
    }

    #carouselPromoDesktop .carousel-control-prev-icon, #carouselPromoDesktop .carousel-control-next-icon{
        background-color: #385E9D;
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }

    /* #carouselPromoControls .carousel-control-prev, #carouselPromoControls .carousel-control-next{
        opacity: 1;
    } */

    #carouselPromoDesktop .carousel-control-next {
        width: 7%;
        opacity: 1;
        transition: opacity .15s ease;
        margin-right: -8%;
    }

    #carouselPromoDesktop .carousel-control-prev {
        width: 7%;
        opacity: 1;
        transition: opacity .15s ease;
        margin-left: -8%;
    }
    /* Promo Desktop Carousel */

    /* Testimony content desktop */
    .testimony-content-desktop{
        margin-top: 65%;
    }
    /* Testimony content desktop */

    /* About content desktop */
    .about-content-desktop{
        margin-top: 70%;
    }
    /* About content desktop */

/* Penambahan Phase 2 all */

.card-transparant {
    background: transparent;
    border: none;
}

a.nav-link.active {
    /* text-decoration: 2px #000000 underline; */
    font-family: "Poppins-Bold";
    background-color: #EF7425;
    color: #FFFFFF !important;
}

a.nav-link {
    /* font-family: "Barlow-Regular"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 14px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
}

li.list-inline-item.active {
    text-decoration: 2px #000000 underline;
}

a.footer-nav {
    color: #333333;
}

a.footer-nav.active {
    color: rgba(0,0,0,.9);
}

/* Carousel Cerita Acne */

.left-control {
    position: absolute;
    top: 88px;
    left: 122px;
    width: 4%;
    height: 197px;
}

.left-control:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 197px;
    width: 49px;
    position: absolute;
    top: 88px;
    left: 122px;
    opacity: 0.7;
}

.right-control {
    position: absolute;
    top: 88px;
    right: 122px;
    width: 4%;
    height: 197px;
}

.right-control:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 197px;
    width: 49px;
    position: absolute;
    top: 88px;
    right: 122px;
    opacity: 0.7;
}

.left-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='orange' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
    height: 197px;
    position: absolute;
    top: 0;
    left: 13px;
}
      
.right-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='orange' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
    height: 197px;
    position: absolute;
    top: 0;
    right: 13px;
}

/* End Carousel Cerita Acne */

.personalized ,.out-treatment , .no-acne , .acne , .email , .active-acne , .active-post ,.active-acne-program , .about-us , .about-desc , .clear-plan , .visit-us, .expected , .treatment-plan , .single-treatment, .essential-deep , .vascular{
    font-family: "Just-Believe-Seemly";
}

.p-personalized, .p-no-acne, .browse , .start-from , .number, .program , .p-about , .p-expected , .p-treatment-plan, .single-treatment , .p-essential-deep, .blog-footer  , .footer-nav{
    /* font-family: "Barlow-Regular"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    text-align:left;
}

.no-acne {
    padding-top: 5%;
}

.p-blog-footer {
    /* font-family: "Barlow-Regular"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 11px;
}

.p-blog-footer-desktop {
    /* font-family: "Barlow-Regular"; */
    font-family: "Poppins-Light";
    text-align: left;
}

.testimony {
    font-family: "Just-Believe-Seemly";
    background-color: #29539b;
    background-image: linear-gradient(315deg, #3971d0 0%, #1a418a 74%);
    color: #ffffff;
    padding: 10px;
}

.number {
    font-family: "Barlow-Regular";
}

.logo {
    width: 100px;
    height: auto;
}

.checked {
    color: orange;
}

.progress {
    width: 41.666667%;
}

.progress-bar {
    background-color: #ffbf2d;
}

.blog-footer {
    padding: 4.5rem 0;
    color: #ffffff;
    /* text-align: center; */
    background-color: #385E9D;
    border-top: .05rem solid #e5e5e5;
}

.text-black {
    color: #000000;
}

.btn-orange {
    color: #ffffff;
    background-color: #EE7325;
    border-color: #EE7325;
    font-family: "Just-Believe-Seemly";
}

.btn-blue {
    width: 40%;
    color: #ffffff;
    background-color: #2163a9;
    border-color: #2163a9;
}

.btn-blue-start {
    font-family: "Barlow-Regular";
    text-align:center;
    width: 40%;
    color: #ffffff;
    background-color: #2163a9;
    border-color: #2163a9;
}

.btn-blue-start-card {
    font-family: "Barlow-Regular";
    text-align: center;
    color: #ffffff;
    background-color: #2163a9;
    border-color: #2163a9;
    border-radius: 20px;
}

.bg-blue {
    font-family: "Just-Believe-Seemly";
    background-color: #2163a9;
    color: #ffffff;
}

.bg-orange {
    font-family: "Barlow-Regular";
    background-color: #EE7325;
    color: #ffffff;
    padding: 10px;
}

.img {
    width: 100%;
}

.card-text {
    font-family: "Barlow-Regular";
}

.promo {
    font-family: "Just-Believe-Seemly";
    color: #385E9D;
    /* font-size: 32px; */
}

.active-acne-solution {
    font-family: "Barlow-Regular";
    font-size: 21px;
    background-color: #EE7325;
    color: #ffffff;
    border-radius: 15px;
    padding: 1px;
}

.bg-orange-active-acne {
    background-color: #EE7325;
    color: #ffffff;
    border-radius: 15px;
}

.featurette-image {
    width: 300px;
    height: 450px;
}

/* Load More */

.interior.container .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blogBox .item {
    background: #f4f4f4;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 100%;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.blogBox .item .blogTxt {
    padding: 25px;
}
.row {
    margin-right: 0px;
    margin-left: -15px;
}
.interior {
    border-bottom: 1px solid #ccc;
    position: relative;
    z-index: 1;
}
.blogBox .item img {
    width: 100%;
    min-height: 188px;
}
.interior {
    border-bottom: 1px solid #ccc;
    position: relative;
    z-index: 1;
}
.blogBox .item .blogCategory a {
    padding: 5px 10px 2px;
    border: 1px solid #616161;
    color: #616161;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.blogBox .item p {
    padding-bottom: 40px;
}
p {
    margin: 0 0 10px;
    font-family: 'Roboto', sans-serif;
}
p, pre {
    margin: 0 0 1em 0;
}
a, a:link, a:focus, a:active, a:visited {
    outline: 0;
}
a, a:link, a:focus, a:active, a:visited {
    outline: 0;
}
.blogBox .item {
    background: #f4f4f4;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    height: 100%;
}
.blogBox .item img {
    width: 100%;
}
.blogBox .item .blogTxt {
    padding: 25px;
}
.blogBox .item h2 {
    margin: 15px 0;
    font-family: 'Roboto', sans-serif;
}
.interior.blog .container .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blogBox {
    margin-bottom: 30px;
    box-sizing: border-box;
}
.blogBox .item .blogCategory a:hover {
    background: #616161;
    color: #fff;
    text-decoration: none;
}
.blogBox .item:hover {
    background: #e8e8e8;
    cursor: pointer;
}
#loadMore {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#loadMore a {
    font-family: "Just-Believe-Seemly";
    background: #EE7325;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}
#loadMore a:hover {
    background-color: #042a63;
}

/* END Load More */

.media-img {
    width: 7rem;
    height: 7rem;
}

.btn-wa{
    font-family: "Barlow-Regular";
    color: #fff;
    background-color: #18da39;
    border-color: #18da39;
    border-radius: 25px;
}

.btn-insta{
    font-family: "Barlow-Regular";
    color: #fff;
    background-color: #115ce4;
    border-color: #115ce4;
    border-radius: 25px;
}

.card-profile {
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-top: none;
    border-left: none;
    border-right: none;
}

.card-image {
    padding: 10px;
    border: solid 1px;
    height: auto;
}

.media .avatar {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    margin-right: 15px;
}

.media .avatar img {
    width: 100%;
    border-radius: 50%;
}

.media-heading {
    font-family: "Just-Believe-Seemly";
    font-weight: 600;
}

.btn-transparant {
    background-color: transparent;
    border: 1px solid;
    border-radius: 25px;
}

.play-btn {
    width: 15% !important;
    position: absolute;
    top: 25%;
    left: 41%;
    cursor: pointer;
    transition: 0.5s;
}

.col-md-4:hover .play-btn {
    opacity: 1;
}

.t-15 {
    position: relative;
    top: 15px;
}

.img-size {
    width: 100%;
    height: 81px;
    object-fit: cover;
}

.background-cover {
    background-image: url("../assets/bg-cover.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
}

.left-divider {
    position: relative;
}

.left-divider span {
    background-color: white;
    padding-right: 10px;
}

.left-divider:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid black;
    z-index: -1;
}

/* pagination */
a{
    text-decoration: none;
  }
  .text-info {
      color: #31708f;
  }
  .physicianList ul{
      margin: 0; 
      padding: 0; 
      list-style: none;
    }
  .physicianList ul li{
        display: block; 
        width: 260px;
        float:left; 
        margin-right: 15px; 
        margin-bottom: 15px;
    }
  .physicianBox{
      color: #333;
      margin-bottom: 20px;
      position: relative;
      padding-bottom: 20px;
  }
 
  .physicianBox .physicianPic img{
      border: 6px solid #f8f8f8;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      transition: all 0.3s ease 0s;
      margin: 0 auto;
      height: 120px;
      width: 120px;
  }
  
  .physicianBox strong{color: #444;}
  .physicianBox p{font-size: 13px; margin: 0; line-height: 22px;}
  
  .showBioBtn{background-color: #337ab7; padding: 5px 10px; color: #fff; font-size: 12px;}
  
  /*Pagination CSS*/
  #page_navigation {
    clear:both;
    margin: 20px 0;
  }
  #page_navigation a{
      padding:3px 6px;
      border:1px solid #2e6da4;
      margin:2px;
      color:black;
      text-decoration:none
  }
  .active_page{
      background:#337ab7;
      color:white !important;
  }

  .info-img {
    border: 1px solid;
    padding: 0;
    position: absolute;
    top: 9%;
  }

  /* galery */

  .gallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 5vw);
    grid-gap: 1.5rem; 
  }
  
  .gallery__img {
    width: 100%;
    height: 100%; 
  }
  
  .gallery__item--1 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 4;
  }
  
  .gallery__item--2 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 8;
  }
  
  .gallery__item--3 {
    grid-column-start: 5;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 8;
  }

  /* end galery */

  .background-brand {
    background-image: url(/assets/img-our-brand.svg);
    /* background: #FFFFFF; */
    background-size: cover;
    background-position: bottom;
  }

  .bg-treatments {
    background: #385E9D 0% 0% no-repeat padding-box;

  }

  .background-our-programs {
      background: #ffffff 0% 0% no-repeat padding-box;
  }

  .our-brand  {
    /* font-family: "Barlow-Regular"; */
    font-family: "Just-Believe-Seemly";
    color: #FCFCF2;
    letter-spacing: 4px;
    text-transform: uppercase;
  }

  .our-programs {
    font-family: "Poppins-Light";
    color: #000000;
    letter-spacing: 4px;
  }

  .border-bottom-brand {
      border-bottom: 1px solid #FFFFFF;
      margin-bottom: 15px;
  }

  .border-bottom-acne {
    border-bottom: 1px solid #000000;
    margin-bottom: 15px;
  }

  .border-bottom-treatment {
    border-bottom: 1px solid #EF7425;
    margin-bottom: 15px;
  }

  .img-effect {
    /* position: absolute; */
    left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .personalized {
    color: #FCFCF2;
    letter-spacing: 3.6px;
  }

  .p-personalized {
      color: #ffffff;
  }

  .btn-read-more {
    /* font-family: "Barlow-Bold"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Bold";
    letter-spacing: 2px;
    /* font-weight: bold; */
    background: #EF7425 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid #EF7425;
    border-radius: 1px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
  }

  .btn-read-more:hover {
    color: #EF7425;
    background:#fff;
    box-shadow: .1em .1em 3em rgba(0,0,0, 0.2);
    transform: translateY(-7px);
  }

  .btn-see-detail {
    /* font-family: "Barlow-Bold"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    letter-spacing: 2px;
    /* font-weight: bold; */
    background: #EF7425 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid #EF7425;
    border-radius: 1px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
  }

  .btn-see-detail:hover {
    color: #EF7425;
    background:#fff;
    box-shadow: .1em .1em 3em rgba(0,0,0, 0.2);
    transform: translateY(-7px);
  }

  .p-10 {
    padding-top: 20%;
  }

  .acne-problem {
      font-family: "Poppins-Light";
      color: #000000;
      text-transform: uppercase;
      letter-spacing: 4px;
  }

  .p-acne-problem {
      font-family: "Just-Believe-Seemly";
      color: #EF7425;
      font-size: 21px;
  }
  .card-img-1 {
    background-image: url(../assets/Jearawat-Aktif@2x.png);
    background-position: center left;
    background-size: cover;
    width: 300px;
    height: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  .card-img-2 {
    background-image: url(../assets/Bekas-Jerawat@2x.png);
    background-position: center left;
    background-size: cover;
    width: 300px;
    height: 500px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .card-img-3 {
    background-image: url(../assets/jerawat-aktif-dan-penyebab.jpg);
    background-position: center left;
    background-size: cover;
    margin-top: 10%;
    width: 202px;
    height: 195px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .card-img-4 {
    background-image: url(../assets/bekas-jerawat.jpg);
    background-position: center left;
    background-size: cover;
    width: 202px;
    height: 195px;
    margin-top: 10%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .bg-blue-card {
    background: #385E9D 0% 0% no-repeat padding-box;
  }

  .card-our-program {
      width: 15%;
      border: 2px solid #385E9D;
  }

  .card-programs {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: none;
  }

  .card {
    position: relative;
    transition: all .5s ease-in;
  }
  
  .card__image {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .card__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: none;
    transition: .5s ease;
    background-color: #EF7425;
  }
  
  .card:hover .card__overlay {
    opacity: .8;
  }
  
  .overlay__text {
    /* font-family: "Barlow-Regular"; */
    font-family: "Just-Believe-Seemly";
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  .overlay__text .button {
    font-size: 10px;
    background: #385E9D 0% 0% no-repeat padding-box;
    padding: 10px;
    display: inline-block;
    color: #ffffff !important;
    text-decoration: none !important;
  }

.align-items-stretch {
    -webkit-box-align: stretch!important;
    align-items: stretch!important;
}

.img-cover {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.active-acne-program {
    color: #FFFFFF !important;
}

.active-acne , .active-post {
    color: #FFFFFF;
    font-size: 65px;
    letter-spacing: 5px;
}

.p-active-acne {
    /* font-family: "Barlow-Regular"; */
    font-family: "Just-Believe-Seemly";
    color: #FFFFFF;
}

.img-half {
    width: 100%;
    height: 100%;
}

.background-cerita-acne {
    background: #D3E1EE 0% 0% no-repeat padding-box;
}

.cerita-acne-section, .our-treatment-section{
    padding: 4rem 2rem;
}

.cerita-acne-title {
    /* font-family: "Barlow-Regular"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    /* color: #000000; */
    color: #385E9D;
    letter-spacing: 3px;
}

.cerita-acne {
    /* font-family: "Barlow-Regular"; */
    font-family: "Poppins-Light";
    color: #000000;
}

h5.cerita-acne {
    font-size: 21px;
    font-family: "Just-Believe-Seemly";
    color: #385E9D;
    letter-spacing: 1px;
}

.p-cerita-acne {
    /* font-family: 'Barlow-Italic'; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    color: #333333;
    font-size: 12px;
}

.p-cerita-acne-email {
    /* font-family: "Barlow-Bold"; */
    font-family: "Just-Believe-Seemly";
    color: #333333;
    font-weight: bold;
}

/* Carousel Multiple Item */
.padding-cerita-acne {
    padding: 5% 10%;
}

.col-md-4{
    display: inline-block;
    margin-left:-4px;
  }
  .col-md-4 img{
    width:100%;
    height:auto;
  }

  /* End Multiple Carousel Item */

  .visit-us {
    /* font-family: "Barlow-Regular"; */
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    color: #000000;
    letter-spacing: 4px;
    text-transform: uppercase;
  } 

  .border-footer {
    /* border-top: 1px solid #000000; */
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
  }

  .img-logo-footer {
      width: 100%;
      height: 100%;
      padding: 35px 10px;
  }

  .hr-style {
    border-top: 1px solid #000000;
    margin-top: 10%;
    margin-bottom: -5%;     
  }

  a.chevron-up {
      color: #212529;
  }

  i.fa.fa-chevron-up {
    border: 1px solid;
    border-radius: 100%;
    padding: 5px;
    cursor: pointer;
  }

.fa-stack {
    right: 3rem;
    bottom: 1rem;
}

.fa-stack:hover{
    color: red;
    transition: 0.9s;
    transform: scale(0.54);
}

.fa-stack-left-0{
    left: 0;
}

/* .cerita-acne-title span {
    position: relative;
    display: inline-block;
}

.cerita-acne-title span:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #000000;
}

.cerita-acne-title span:before {
    right: 100%;
    margin-right: 15px;
} */

/* .our-programs span:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ffffff;
}

.our-programs span:before {
    right: 100%;
    margin-right: 15px;
} */

.font-social {
    font-size: 23px !important;
}

h2.line {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}

h2.line:before,
h2.line:after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

h2.line:after {
    margin: 0 0 0 20px;
}

.no-acne-no-cry {
    font-family: "Just-Believe-Seemly";
    color: #FFFFFF;
    letter-spacing: 2.25px;
    /* text-shadow: 3px 0px  #EF7425; */
}

.active-acne-solution2 {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    /* color: #345D9D; */
    color: #ffffff;
    letter-spacing: 4px;
    text-transform: uppercase; 
    padding-top: 2%; 
    padding-bottom: 5%; 
}


.bg-no-acne-no-cry {
    background-image: url(../assets/bg-no-acne.svg);
    -webkit-background-size: cover !important;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 410px;
    margin-right: 0%;
    margin-left: 0%;
    /* margin-left: -5rem; */
}

.bg-acne-finale {
    background-image: url(../assets/bg-no-acne.svg);
    -webkit-background-size: cover !important;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 410px;
    margin-right: 0%;
    margin-left: 0%;
    /* margin-left: -5rem; */
}

.p-no-acne-no-cry {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    color: #FFFFFF;
    text-align: left;
    font-size: 14px;
}

/* .no-acne-no-cry {
    font-family: "Just-Believe-Seemly";
    color: #EF7425;
    letter-spacing: 3.25px;
}

.active-acne-solution2 {
    font-family: "Just-Believe-Seemly";
    color: #345D9D;
    letter-spacing: 4px;
    text-transform: uppercase;  
}

.bg-no-acne-no-cry {
    background-image: url(../assets/bg-no-acne.svg);
    -webkit-background-size: cover !important;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-size: cover !important;
    height: 570px;
    margin-left: -5rem;
}

.p-no-acne-no-cry {
    font-family: "Just-Believe-Seemly";
    color: #FFFFFF;
    text-align: left;
    font-size: 21px;
} */

.expected-result {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    color: #FFFFFF;
    text-align: left;
    letter-spacing: 3px;
    text-transform: uppercase;
}



hr.expected-result {
    border-top: 2px solid #ffffff;
}

.ml-8 {
    margin-left: 8rem;
}

.mengatasi-masalah {
    font-family: "Poppins-Light";
    color: #FFFFFF;
    text-align: left;
    font-size: 14px;
}

.p-treatment {
    font-family: "Poppins-Light";
    color: #FFFFFF;
    text-align: center;
}

.time-treatment {
    font-family: 'Roboto', sans-serif;
    padding-left: 5px;
}

.treatment-plan2 {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    letter-spacing: 4px;
    color: #385E9D;
    text-transform: uppercase;
}

.p-treatment-plan2 {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    letter-spacing: 0.5px;
    color: #323031;
    float: right;
}

.bg-transformation {
    background: #7A8F8C 0% 0% no-repeat padding-box;
}

.transformation {
    font-family: "Just-Believe-Seemly";
    /* font-family: "Poppins-Light"; */
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1.6px;
    color: #FFFFFF;
    padding: 0 15px;
}

.transformation-desc {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.55px;
    color: #FFFFFF;
    padding: 0 15px;
}

.list-group-item-transparant-transformation {
    background-color: transparent;
    border: none;
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.bg-trial {
    max-height: 100%;
    border: 1px solid;
    margin: 0 auto;
}

.bg-trial-subpanel2 {
    max-height: 100%;
    border: 1px solid;
    margin: 0 auto;
}

.trial-plan {
    font-family: "Just-Believe-Seemly";
    /* font-family: "Poppins-Light"; */
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1.6px;
    color: #345D9D;
    padding: 0 15px;
}

.trial-plan-desc {
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.55px;
    color: #323031;
    padding: 0 15px;
}

/* .list-group-item-transparant-transformation {
    background-color: transparent;
    border: none;
    font-family: "Just-Believe-Seemly";
    text-align: left;
    letter-spacing: 0.5px;
    color: #FFFFFF;
} */

.list-group-item-trial {
    border: none;
    /* font-family: "Just-Believe-Seemly"; */
    font-family: "Poppins-Light";
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.5px;
    color: #323031;
}

.footer-duration {
    position: relative;
    bottom: 0;
    background: transparent;
    border-top: none;
}

.btn-book-now {
    position: absolute;
    right: 0;
    bottom: 0;
    /* font-family: "Barlow-Bold"; */
    font-family: "Poppins-Light";
    background: #EF7425 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid #EF7425;
    border-radius: 1px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
  }

  .btn-book-now:hover {
    color: #EF7425;
    background:#fff;
    box-shadow: .1em .1em 3em rgba(0,0,0, 0.2);
    transform: translateY(-7px);
  }

  .btn-book-now-subpanel2 {
    /* position: absolute; */
    right: 0;
    /* font-family: "Barlow-Bold"; */
    font-family: "Poppins-Light";
    background: #EF7425 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid #EF7425;
    border-radius: 1px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
  }

  .btn-book-now-subpanel2:hover {
    color: #EF7425;
    background:#fff;
    box-shadow: .1em .1em 3em rgba(0,0,0, 0.2);
    transform: translateY(-7px);
  }

  .ml-7 {
      margin-left: 7rem;
  }

  .img-program {
    width: 200px; 
    height: 250px;
    border: 1px solid #000000;
  }

  .ml-15 {
      margin-left: 6px;
  }

  /* read more */
  #summary1 {
    font-size: 14px;
    line-height: 1.5;
  }
  
  #summary1 p.collapse:not(.show) {
      height: 42px !important;
      overflow: hidden;
    
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;  
  }
  
  #summary1 p.collapsing {
      min-height: 42px !important;
  }
  
  #summary1 a.collapsed:after  {
      content: 'Read More';
  }
  
  #summary1 a.readless:not(.collapsed):after {
      content: 'Read Less';
  }

  #summary2 {
    font-size: 14px;
    line-height: 1.5;
  }
  
  #summary2 p.collapse:not(.show) {
      height: 42px !important;
      overflow: hidden;
    
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;  
  }
  
  #summary2 p.collapsing {
      min-height: 42px !important;
  }
  
  #summary2 a.collapsed:after  {
      content: 'Read More';
  }
  
  #summary2 a.readless:not(.collapsed):after {
      content: 'Read Less';
  }

  #summary3 {
    font-size: 14px;
    line-height: 1.5;
  }
  
  #summary3 p.collapse:not(.show) {
      height: 42px !important;
      overflow: hidden;
    
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;  
  }
  
  #summary3 p.collapsing {
      min-height: 42px !important;
  }
  
  #summary3 a.collapsed:after  {
      content: 'Read More';
  }
  
  #summary3 a.readless:not(.collapsed):after {
      content: 'Read Less';
  }
  /* end read more */

  .img-right {
    width: 35vw;
    height: auto;
    margin-left: -1.5rem;
    position: absolute;
    top: 5%;
  }

  /* WA floating icon */

    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        /* right:40px; */
        right:20px;
        /* background-color: #ffffff; */
        background-color: none;
        color: #25d366;
        /* border-radius:50px; */
        /* border-bottom-right-radius: 0; */
        text-align:center;
        font-size:30px;
        /* box-shadow: 2px 2px 3px #999; */
        z-index:100;
    }

    .float2{
        position:fixed;
        width:60px;
        height:60px;
        bottom:115px;
        /* right:40px; */
        right:20px;
        /* background-color: #ffffff; */
        background-color: none;
        color: #25d366;
        /* border-radius:50px; */
        /* border-bottom-right-radius: 0; */
        text-align:center;
        font-size:30px;
        /* box-shadow: 2px 2px 3px #999; */
        z-index:100;
    }

    .my-float{
        margin-top:16px;
        /* -webkit-transform: scaleX(-1);
        transform: scaleX(-1); */
    }

  /* end WA floating icon */
  a.link-insta {
      color: #000000;
  }

  a.link-insta:hover {
      color: #000000;
  }

  .img-size-review {
    width: 100%;
    height: 182px;
  }
  .bg-yellow {
      background-color: #EEF2C0;
  }
  .border-bottom-active {
    border-bottom: 1px solid #dee2e6!important;
  }

.card-padding {
    padding: 1.25rem 10px;
}

.img-barcode {
    width: 10%;
    height: auto;
    object-fit: cover;
}

  /* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    /* .navbar-brand {
        float: right;
    } */
    .logo {
        float: right;
        width: 75px;
    }
    .our-brand {
        font-size: 5vw;
        padding: 15px;
    }
    .personalized {
        text-align: left;
        font-size: 7vw;
    }
    .p-personalized {
        font-size: 5vw;
    }
    .btn-read-more {
        font-family: "Poppins-Light";
        font-size: 3vw;
        margin-bottom: 1.5rem;
    }
    .acne-problem {
        font-size: 4vw;
    }
    .p-acne-problem {
        font-size: 3vw;
    }
    .card-img-1 {
        height: 5vh;
    }
    .card-img-2 {
        height: 5vh;
    }
    .card-img-3 {
        top: 5%;
        height: 6vh;
    }
    .card-img-4 {
        height: 5vh;
        margin-top: 10%;
    }
    .no-acne {
        font-size: 5vw;
        text-align: center;
        margin: .5rem;
    }
    .our-programs {
        font-size: 5vw;
        padding: 15px;
    }
    .jumbotron {
        padding: 0;
    }
    .featurette-image {
        width: 100%;
        height: 300px;
    }

    .btn-blue-start {
        width: 100%;
    }

    .btn-blue-start-card {
        width: 100%;
        margin: 10px auto;
    }
    .card-vascular {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .media-img {
        width: 5rem;
        height: 5rem;
    }
    .btn-wa{
        font-size: 12px;
    }
    .btn-insta {
        font-size: 12px;
    }
    .gallery__item--1 {
        grid-column-start: 3;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 6;
      }

    .gallery__item--2 {
        grid-column-start: 3;
        grid-column-end: 7;
        grid-row-start: 7;
        grid-row-end: 12;
      }
      
    .gallery__item--3 {
        grid-column-start: 3;
        grid-column-end: 7;
        grid-row-start: 13;
        grid-row-end: 18;
    }
    .card-image {
        height: 100%;
    }
    .play-btn {
        width: 10%;
        position: absolute;
        top: 28%;
        left: 43%;
    }
    .p-no-acne {
        font-size: 4vw;
        margin-top: 1.5rem;
    }
    .carousel-caption.index {
        width: 50%;
        top: 10%;
        left: 45%;
    }
    .card-our-program {
        width: 100%;
    } 
    .card-programs{
        font-size: 5vw;
        letter-spacing: 0;
    }

    .no-acne-no-cry {
        font-size: 6vh;
        color: #ffffff;
    }

    .active-acne-solution2 {
        font-size: 3vh;
        color: #ffffff;
    }

    .bg-no-acne-no-cry {
        height: auto;
        margin-left: 0;
        background-position: center;
    }

    .p-no-acne-no-cry {
        font-size: 5vw;
        margin-right: 5%;
        margin-top: 10px;
        padding-bottom: 50%;
    }

    hr.expected-result {
        border-top: 2px solid #EF7425;
    }  
    .expected-result {
        font-size: 5vw;
        color: #000000;
    }

    .mengatasi-masalah {
        font-size: 5vw;
        color: #000000;
    }

    .p-treatment {
        color: #000000;
    }

    .treatment-plan2 {
        font-size: 5vw;
        letter-spacing: 0;
        text-align: left;
        margin-top: 1.5rem;
    }

    .treatment-plan2 {
        overflow: hidden;
    }
    
    /* .treatment-plan2:after {
        content:"";
        display: inline-block;
        height: 0.5em;
        vertical-align: bottom;
        width: 100%;
        margin-right: -100%;
        margin-left: 10px;
        border-top: 1px solid #EF7425;
    } */

    .p-treatment-plan2 {
        font-size: 4vw;
        padding: 0;
        letter-spacing: 0;
        float: none;
        text-align: left;
    }

    .transformation {
        font-size: 5vw;
    }

    .list-group-item-transparant-transformation {
        font-size: 4vw;
    }

    .bg-transformation , .bg-trial-mobile , .bg-maintenance-mobile {
        margin: 10px auto;
    }

    .trial-plan {
        font-size: 5vw;
    }

    .bg-trial {
        width: 100vw;
        margin-bottom: 10px;
    }
    .bg-trial-subpanel2 {
        height: 400px;
        margin: 10px;
    }

    .btn-book-now {
        position: relative;
        top: 15px;
    }

    .btn-book-now-subpanel2 {
        position: unset;
        float: right;
    }

    .active-acne {
        position: relative;
        font-size: 10vw;
        text-align: right;
    }
    .active-post {
        position: relative;
        font-size: 10vw;
        text-align: left;
        padding-left: 15px;
        z-index: 9999;
    }

    .p-active-acne {
        font-size: 4vw;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .cerita-acne-title {
        font-size: 4vw;
        padding-top: 15px;
    }

    .visit-us {
        font-size: 3vw;
    } 

    .email {
        font-size: 5vw;
    }

    h4.cerita-acne {
        font-size: 5vw;
    }

    .p-cerita-acne {
        font-size: 4vw;
    }

    .p-cerita-acne-email {
        font-size: 4vw;
    }

    .size-menu-footer {
        font-size: 4vw;
    }

    .bg-blue {
        width: 100%;
        font-size: 5vw;
    }

    .bg-orange {
        font-size: 4vw;
    }
    .card-text {
        font-size: 4vw;
    }
    /* splide  */
    /* .splide__arrow {
        top: 32% !important;
    } */
    .splide__arrow--prev {
        left: 0 !important;
    }
    .splide__arrow--next {
        right: 0 !important;
    }
    /* end splide */

    .clear-plan {
        font-size: 5vw;
    }
    .p-about {
        font-size: 3vw;
    }
    .button {
        font-size: 14px;
    }
    .img-right {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: auto;
        top: unset;
    }
    .bg-treatments {
        margin-top: 20%;
    }
    .img-half-active {
        width: auto;
        height: auto;
        position: absolute;
        margin-right: 50%;
        bottom: -10px;
    }
    .img-half-post {
        width: auto;
        height: auto;
        position: absolute;
        margin-left: 50%;
        bottom: -10px;
    }
    .border-bottom-active {
        border-bottom: 1px solid #dee2e6!important;
        float: right;
      }
      .border-bottom-post {
        border-bottom: 1px solid #dee2e6!important;
        float: left;
        margin-left: 15px;
      }

    .img-barcode {
        width: 50%;
    }
 }

 /* Penambahan phase 2 */
 @media (min-width: 300px) and (max-width: 767.98px){ 
    .background-brand {
        /* background-image: url(/assets/img-our-brand.svg); */
        background: #FFFFFF;
        background-size: cover;
        background-position: bottom;
    }
    .our-brand  {
        /* font-family: "Barlow-Regular"; */
        /* color: #FCFCF2; */
        font-family: "Poppins-Light";
        color: #385E9D;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    .cerita-acne {
        /* font-family: "Barlow-Regular"; */
        font-family: "Poppins-Light";
        color: #385E9D;
        padding-top: 5%;
    }
    .acne-problem {
        /* font-family: "Barlow-Regular"; */
        font-family: "Poppins-Light";
        color: #385E9D;
        text-transform: uppercase;
        letter-spacing: 4px;
    }
    .our-programs {
        font-family: "Poppins-Light";
        color: #385E9D;
        letter-spacing: 4px;
    }
    .bg-treatments {
        background: #385E9D;
        /* background: #385E9D 0% 0% no-repeat padding-box; */
        background-size: cover;
        background-position: bottom;
    }
    .active-acne-phase-2 , .active-post-phase-2 {
        font-family: "Just-Believe-Seemly";
        color: #FFFFFF;
        background-color : #EF7425;
        /*margin : 10px 10px;*/
        padding : 5px 5px;
        letter-spacing: 5px;
    }
    .promo {
        font-family: "Just-Believe-Seemly";
        /* font-size: 32px; */
        color: #385E9D;
    }
    .personalized-mobile {
        font-family: "Just-Believe-Seemly";
        color: #385E9D;
        letter-spacing: 3.6px;
    }
    .p-personalized-mobile {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
    }
    
    .mobile-social-media{
        font-family: "Poppins-Light";
        color: #385E9D;
    }
    .mobile-social-media-icon{
        color: #385E9D;
        font-size:20px; 
        font-style:normal;
    }
    .p-active-acne-mobile {
        /* font-family: "Barlow-Regular"; */
        font-family: "Poppins-Light";
        color: #FFFFFF;
        font-size: 4vw;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .treatment-title-mobile {
        font-family: "Poppins-Light";
        color: #FFFFFF;
        font-size: 4vw;
        padding-top: 5%;
        /* padding-bottom: 10%; */
    }
    .treatment-price-mobile{
        font-family: "Poppins-Light";
        color: #FFFFFF;
        font-size: 4vw;
        padding-bottom: 5%;
    }
    .treatment-description-mobile {
        font-family: "Poppins-Light";
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    a.treatment-button-mobile {
        font-family: "Poppins-Light";
        font-size: 12px;
        background-color: #EE7325;
        color: #ffffff;
        /* border-radius: 15px; */
        padding: 5% 10%;
    }
    .treatment-button-mobile:active {
        color: #ffffff !important;
        text-decoration: none !important;
    }
    .banner-template::after {
        content : '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, #385f9d7a, #385f9d7a);
        position: absolute;
        bottom: 0;
    }
    .testimony-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #385E9D;
        letter-spacing: 3.6px;
        background-color: #d6d7d8;
        text-shadow: 3px 0px #FFFFFF;
        width: 100%;
    }
    
    .about-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #385E9D;
        letter-spacing: 3.6px;
        background-color: #d6d7d8;
        text-shadow: 3px 0px #FFFFFF;
        width: 100%;
    }
    .about-title-bg{
        background-color: #d6d7d8;
        width: 100%;
    }
    .program-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #FFFFFF;
        letter-spacing: 3.6px;
        background-color: none;
        text-shadow: 3px 0px #EF7425;
        width: 100%;
        /* z-index: 99; */
        position: relative;
        padding-left: 8%; 
        padding-right: 20%; 
        margin-top: 60%;
    }
    .program-bg{
        margin-bottom: 2em;
    }
    .treatment-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #EF7425;
        letter-spacing: 3.6px;
        background-color: #d6d7d8;
        text-shadow: 3px 0px #FFFFFF;
        width: 100%;
    }
    .treatment-detail-title{
        font-family: "Just-Believe-Seemly";
        /* font-weight: bold; */
        color: #FFFFFF;
        letter-spacing: 3.6px;
        background-color: none;
        text-shadow: 3px 0px #EF7425;
        width: 100%;
        position: relative;
    }
    .img-treatments {
        width: auto;
        height: auto;
        position: absolute;
        margin-right: 25%;
        margin-left: 25%;
        bottom: -50px;
    }
    .background-treatments{
        background: #385E9D;
        /* background: #385E9D 0% 0% no-repeat padding-box; */
        background-size: cover;
        background-position: bottom;
    }
    .active-acne-solution-mobile {
        font-family: "Poppins-Light";
        font-size: 13px;
        background-color: #EE7325;
        color: #ffffff;
        /* border-radius: 15px; */
        padding: 10px 30px;
    }

    .no-acne-no-cry{
        padding-top: 10%;
    }

    .bg-no-acne-no-cry {
        height: 300px;
    }

    .bg-acne-finale {
        height: 400px;
    }

    .p-no-acne-no-cry {
        /* font-family: "Just-Believe-Seemly"; */
        font-family: "Poppins-Light";
        color: #FFFFFF;
        text-align: left;
        font-size: 12px;
    }

    .p-treatment {
        /* font-family: "Just-Believe-Seemly"; */
        font-family: "Poppins-Light";
        color: #000000;
        text-align: center;
        font-size: 13px;
    }

    .p-treatment-plan2 {
        font-size: 12px;
    }
    
    .transformation-desc{
        font-size: 12px;
    }
    .list-group-item-transparant-transformation, 
    .list-group-item-trial,
    .trial-plan-desc{
        font-size: 12px;
    }
    #review-slider .splide-pagination {
        bottom: -1em !important;
    }
    #card-slider-sub1 .splide__pagination{
        bottom : -0.5em !important;
    }

    #card-slider-sub2 .splide__pagination{
        bottom : -0.5em !important;
    }

    #card-slider-sub3 .splide__pagination{
        bottom : -0.5em !important;
    }

    #card-slider-sub4 .splide__pagination{
        bottom : -0.5em !important;
    }

    #card-slider-sub5 .splide__pagination{
        bottom : -0.5em !important;
    }

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

    .bg-transformation .card-body{
        padding: 1.25rem;
        height: 370px !important;
    }
    .card5-bg-transformation .card-body{
        padding: 0.25rem;
        height: 340px !important;
    }
    .bg-maintenance-mobile .card-body{
        padding: 0.25rem;
        height: 340px !important;
    }
    .bg-trial-mobile .card-body{
        padding: 1.25rem;
        height: 370px !important;
    }

    #panel1, #panel2, #panel3,#panel4, #panel5 {
        margin-top: 15%;
    }
    .carouselVisitUsControls .carousel-indicators{
        bottom: -42px !important;
    }

    /* Promo Mobile Carousel */
    .carouselPromoControls .carousel-indicators{
        bottom: -42px !important;
    }

    #carouselPromoControls .carousel-control-prev-icon, #carouselPromoControls .carousel-control-next-icon{
        background-color: #EE7325;
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }

    /* #carouselPromoControls .carousel-control-prev, #carouselPromoControls .carousel-control-next{
        opacity: 1;
    } */

    #carouselPromoControls .carousel-control-next {
        width: 7%;
        opacity: 1;
        transition: opacity .15s ease;
        margin-right: -4%;
    }

    #carouselPromoControls .carousel-control-prev {
        width: 7%;
        opacity: 1;
        transition: opacity .15s ease;
        margin-left: -4%;
    }
    /* Promo Mobile Carousel */

     /* Visit Us Carousel */
     #carouselVisitUsControls .carousel-control-prev-icon, #carouselVisitUsControls .carousel-control-next-icon {
        background-color: #385E9D;
        border-radius: 50%;
        width: 20px;
        height: 20px;
    }
    #carouselVisitUsControls .carousel-control-next {
        /* width: 7%; */
        opacity: 1;
        transition: opacity .15s ease;
        margin-right: -8%;
    }

    #carouselVisitUsControls .carousel-control-prev {
        /* width: 7%; */
        opacity: 1;
        transition: opacity .15s ease;
        margin-left: -8%;
    }
    /* Visit Us Carousel */

    /* .navbar-brand {
        float: left;
    } */
}
 /* Penambahan phase 2 */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {  
    .our-brand {
        font-size: 5vw;
        padding: 15px;
    }
    .img-effect {
        width: 100%;
    }
    .personalized {
        font-size: 4vw;
        text-align: center;
        margin: .5rem;
    }
    .p-personalized {
        font-size: 4vw;
    }
    .no-acne {
        font-size: 5vw;
        text-align: center;
        margin: .5rem;
    }
    .jumbotron {
        padding: 0;
    }
    .featurette-image {
        width: 100%;
        height: 500px;
    }
    .img-treatment-size {
        width: 100%;
        height: 100%;
    }
    .card-image {
        height: 100%;
    }
    .play-btn {
        width: 10%;
        position: absolute;
        top: 35%;
        left: 43%;
    }
    .media .avatar {
        width: 50px;
        height: 50px;
    }
    .p-no-acne {
        font-size: 3vw;
        margin-top: 1.5rem;
    }

    .bg-blue {
        width: 100%;
        font-size: 5vw;
    }

    .bg-orange {
        font-size: 4vw;
    }

    .card-text {
        font-size: 3vw;
    }

    .logo {
        width: 12vw;
        height: auto;
    }

    .carousel-caption.index {
        width: 50%;
        top: 10%;
        left: 45%;
    }
    .card-our-program {
        width: 100%;
    } 
    .card-programs{
        font-size: 5vw;
        letter-spacing: 0;
    }

    .no-acne-no-cry {
        font-size: 6vw;
        color: #ffffff;
    }

    .active-acne-solution2 {
        font-size: 3vw;
        color: #ffffff;
    }

    .bg-no-acne-no-cry {
        height: auto;
        background-position: bottom;
    }

    .bg-no-acne-no-cry {
        margin-left: 0;
    }

    .p-no-acne-no-cry {
        font-size: 5vw;
        margin-right: 5%;
        margin-top: 10px;
        padding-bottom: 50%;
    }

    .expected-result {
        font-size: 4vw;
        color: #000000;
    }

    hr.expected-result {
        border-top: 2px solid #EF7425;
    }

    .mengatasi-masalah {
        font-size: 3vw;
    }

    .p-treatment {
        color: #000000;
    }

    .treatment-plan2 {
        font-size: 3vw;
        letter-spacing: 0;
        text-align: center;
    }

    .p-treatment-plan2 {
        font-size: 3vw;
        padding: 0;
        letter-spacing: 0;
        float: none;
        text-align: center;
    }

    .transformation {
        font-size: 4vw;
    }

    .transformation-desc {
        font-size: 3vw;
    }

    .list-group-item-transparant-transformation {
        font-size: 3vw;
    }

    .bg-transformation {
        margin: 0 auto;
    }

    .trial-plan {
        font-size: 4vw;
    }

    .trial-plan-desc {
        font-size: 3vw;
    }

    .bg-trial {
        min-height: 400px;
        margin-bottom: 10px;
    }

    .bg-trial-subpanel2 {
        height: 400px;
        margin: 10px;
    }

    .btn-book-now {
        position: relative;
        top: 15px;
    }
    .card-img-1 {
        width: 100%;
        height: 20vh;
    }
    .card-img-2 {
        width: 100%;
        height: 25vh;
    }
    .card-img-3 {
        width: 100%;
        height: 30vh;
        margin-top: 10%;
    }
    
    .card-img-4 {
        width: 100%;
        height: 20vh;
        margin-top: 10%;
    }
    .p-acne-problem {
        font-size: 4vw;
    }

    .btn-book-now-subpanel2 {
        position: unset;
        float: right;
    }

    .active-acne {
        position: relative;
        font-size: 10vw;
        text-align: right;
    }

    .active-post {
        position: relative;
        font-size: 10vw;
        text-align: left;
        padding-left: 15px;
        z-index: 9999;
    }

    .p-active-acne {
        font-size: 4vw;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .cerita-acne-title {
        font-size: 4vw;
        padding-top: 15px;
    }

    .media-img {
        width: 12vw;
        height: 20vh;
    }

    .visit-us {
        font-size: 3vw;
    } 

    .email {
        font-size: 5vw;
    }

    h4.cerita-acne {
        font-size: 4vw;
    }

    .p-cerita-acne {
        font-size: 4vw;
    }
    
    .p-cerita-acne-email {
        font-size: 4vw;
    }

    /* cerita acne carousel */
      .splide__arrow--prev {
        left: -2em;
    }

    .splide__arrow--next {
        right: -2em;
    }
    /* end cerita acne carousel */

    /* splide  */
    .splide__arrow {
        top: 32% !important;
    }
    .splide__arrow--prev {
        left: 0 !important;
    }
    .splide__arrow--next {
        right: 0 !important;
    }
    /* end splide */

    .clear-plan {
        font-size: 3vw;
    }
    .p-about {
        font-size: 2vw;
    }
    .button {
        font-size: 21px;
    }
    .img-right {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: auto;
        top: unset;
    }
    .bg-treatments {
        margin-top: 20%;
    }
    .img-half {
        width: auto;
        height: auto;
        position: absolute;
        margin-right: 50%;
        bottom: -10px;
    }
    .border-bottom-active {
        border-bottom: 1px solid #dee2e6!important;
        float: right;
      }

      .border-bottom-post {
        border-bottom: 1px solid #dee2e6!important;
        float: left;
      }

      .bg-treatments {
        margin-top: 20%;
    }
    .img-half-active {
        width: auto;
        height: auto;
        position: absolute;
        margin-right: 50%;
        bottom: -10px;
    }
    .img-half-post {
        width: auto;
        height: auto;
        position: absolute;
        margin-left: 50%;
        bottom: -10px;
    }
    .border-bottom-active {
        border-bottom: 1px solid #dee2e6!important;
        float: right;
      }
      .border-bottom-post {
        border-bottom: 1px solid #dee2e6!important;
        float: left;
        margin-left: 15px;
      }
    
    .img-barcode {
        width: 30%;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .our-brand {
        text-align: center;
    }
    .btn-blue {
        width: 100%;
    }
    .btn-blue-start {
        width: 60%;
    }
    .img-treatment-size {
        width: 100%;
        height: 100%;
    }
    .btn-wa{
        font-size: 12px;
    }
    .btn-insta {
        font-size: 12px;
    }
    .card-image {
        height: auto;
    }
    .play-btn {
        width: 15%;
        position: absolute;
        top: 8%;
        left: 42%;
    }
    .physicianList ul li {
        width: 230px;
    }
    .info-img{
        position: unset;
        padding: 10px;
    }
    .acne {
        font-size: 12px;
    }
    .start-from {
        font-size: 10px;
    }
    .img-browse {
        width: 100%;
        position: absolute;
        top: 20%;
    }

    .carousel-caption.index {
        width: 50%;
        top: 10%;
        left: 45%;
    }
    .card-our-program {
        width: 17%;
    } 
    .card-programs{
        font-size: 7px;
        letter-spacing: 0;
    }

    .no-acne-no-cry {
        font-size: 3vw;
    }

    .active-acne-solution2 {
        font-size: 2vw;
    }

    .bg-no-acne-no-cry {
        min-height: 430px;
        height: auto;
    }

    .bg-no-acne-no-cry {
        margin-left: -3rem;
    }

    .p-no-acne-no-cry {
        font-size: 2vw;
        margin-top: 10px;
    }

    .expected-result {
        font-size: 3vw;
    }

    .mengatasi-masalah {
        font-size: 2vw;
    }

    .p-treatment {
        font-size: 12px;
    }

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

    .p-treatment-plan2 {
        font-size: 12px;
    }

    .transformation {
        font-size: 1vw;
    }

    .transformation-desc {
        font-size: 1vw;
    }

    .list-group-item-transparant-transformation {
        font-size: 1vw;
    }

    .bg-transformation {
        margin: auto;
    }

    .trial-plan {
        font-size: 1vw;
    }

    .trial-plan-desc {
        font-size: 1vw;
    }

    .list-group-item-trial {
        font-size: 1vw;
    }

    .bg-trial {
        height: 15rem;
    }

    .btn-book-now {
        position: unset;
        float: right;
    }

    h4.cerita-acne {
        font-size: 2vw;
    }

    .p-cerita-acne {
        font-size: 1vw;
    }
    
    .p-cerita-acne-email {
        font-size: 1vw;
    }

    .left-control {
        left: 0;
    } 

    .left-control:hover {
        left: 0;
    }

    .right-control {
        right: 0;
    }

    .right-control:hover {
        right: 0;
    }

    .size-menu-footer {
        font-size: 12px;
    }

    .img-barcode {
        width: 15%;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    /* Update 8 Feb 2022 */
        .carousel-desktop-treatment{
            position:absolute;
            width:100%;
            top:6%;
        }
        .treatment-banner-template::after {
            content : '';
            display: block;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(to right, #4c7dccb4, #315b9e4d);
            position: absolute;
            bottom: 0;
        }
        .container-treatment-detail{
            margin-top: 12%;
        }

        .container-treatment-detail-post {
            margin-top: 7%;
        }
    /* Update 8 Feb 2022 End */

    .not-tv{
        display: none !important;
    }
    .tv{
        display: block !important;
    }

    .blog-footer {
        position: inherit;
        bottom: 0;
        width: 100%;
    }

    .promo-content{
        width: 77%;
        margin-bottom: 12%;
    }

    .p-acne-warrior-desktop {
        font-size: 26px;
    }

    .p-acne-warrior-words {
        font-family: "Poppins-Light";
        color: #000000;
        padding-top: 20px;
        font-size: 13px;
        line-height: 1.5em;
    }
    
    .bg-blue-card {
        background: #385E9D 0% 0% no-repeat padding-box;
        width: 15%;
      }

    .footer-tv{
        margin-top: 429px;
    }

    .jumbotron-program{
        margin-top: 23%;
        /* margin-top: 28%; */
    }

    .our-program-tv{
        margin-top: 4%;
    }

    .play-btn {
        width: 15%;
        position: absolute;
        top: 17%;
        left: 42%;
    }

    .card-programs {
        font-size: 10px;
    }
    .card-our-program {
        width: 14%;
    }

    .desktop-content{
        margin-top: 30%;
    }

    .logo-container {
        width: max-content;
    }

    .m-25 {
        margin: 25px;
    }

    .ml-15 {
        margin-left: 40px;
    }

    .overlay__text .button {
        font-size: 8px;
        padding: 5px;
    }

    .card-img-1 , .card-img-2 {
        background-position: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        box-shadow: none;
    }

    .footer-menu {
        font-size: 10px;
    }

    .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: rgba(0,0,0,0);
    }

    .header-size {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .img-barcode-header {
        width: 50%;
    }

    .img-barcode-footer {
        width: 13%;
    }

    .download-erha {
        font-size: 28px;
        padding: 34px 15px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .photo{
        margin-top: -160px;
    }
    .treatment-menu-background{
        height:750px;
        width:1280px;
    }
    .container-treatment-detail{
        margin-top: 15%;
    }

    .container-treatment-detail-post{
        margin-top: 15%;
    }

     /* About content desktop */
     .about-content-desktop{
        margin-top: 70%;
    }
    /* About content desktop */
 }

 @media (min-width: 1300px) { 
    .treatment-menu-background{
        height:850px;
        width:1366px;
    }
    /* Testimony content desktop */
    .testimony-content-desktop{
        margin-top: 70%;
       }
       /* Testimony content desktop */
   
       /* About content desktop */
       .about-content-desktop{
           margin-top: 75%;
       }
       /* About content desktop */
 }

 @media (min-width: 1400px) { 
    .photo{
        margin-top: -200px;
    }
    .treatment-menu-background{
        height:950px;
        width:1440px;
    }

    .container-treatment-detail{
        margin-top: 20%;
    }

    .container-treatment-detail-post{
        margin-top: 15%;
    }

    /* Testimony content desktop */
    .testimony-content-desktop{
        margin-top: 75%;
       }
       /* Testimony content desktop */
   
       /* About content desktop */
       .about-content-desktop{
           margin-top: 80%;
       }
       /* About content desktop */
 }

 @media (min-width: 1600px) { 
    .treatment-menu-background{
        height:1000px;
        /* width:2000px; */
        width: 1600px;
    }
    /* Testimony content desktop */
    .testimony-content-desktop{
        margin-top: 85%;
       }
    /* Testimony content desktop */

    /* About content desktop */
    .about-content-desktop{
        margin-top: 85%;
    }
    /* About content desktop */
 }

 @media (min-width: 1900px) { 
    .photo{
        margin-top: -200px;
    }
    .treatment-menu-background{
        height:1200px;
        width:1920px;
    }
    .container-treatment-detail{
        margin-top: 20%;
    }

    .container-treatment-detail-post{
        margin-top: 20%;
    }

     /* Testimony content desktop */
     .testimony-content-desktop{
        margin-top: 105%;
       }
    /* Testimony content desktop */
    
    /* About content desktop */
    .about-content-desktop{
        margin-top: 105%;
    }
    /* About content desktop */
 }

/* Nav link label */
.nav-link.has--label,
.nav-link-mobile.has--label {
    position: relative;
}

.nav-link__label {
    position: absolute;
    top: 0;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    max-width: 38px;
    padding: 0px 8px;
    border-radius: 16px;
    background-color: #EF7425;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
/* Nav link label */