@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root {
  --primary-color: #3D74AD;
  --secondary-color: #659FDA;
  --accent-color: #073365;
  --white-color: #ffffff;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Unbounded", sans-serif;
    line-height: 1.1;
}
p, span, ul li, a, input, input::placeholder, button, label, ol li{
    font-family: "Inter", sans-serif;
    line-height: 1.5;
}
.nav_top{
    width: 100%;
    background-color: var(--primary-color);
    padding: .86vw 7.87vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.identity_nav{
    display: flex;
    align-items: center;
    gap: 2.14vw;
}
.identity_nav_box{
    display: flex;
    align-items: center;
    gap: .47vw;
}
.identity_nav_box iconify-icon{
    font-size: 1.5vw;
    color: var(--white-color);
}
.identity_nav_box span{
    font-size: 1vw;
    color: white;
    font-weight: 300;
}
.social_nav{
    display: flex;
    align-items: center;
    gap: .8vw;
}
.social_nav_box{
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .2vw;
    background-color: white;
}
.social_nav_box iconify-icon{
    color: var(--primary-color);
    font-size: 1.36vw;
}

.nav_container{
    width: 100%;
    display: grid;
    grid-template-columns: 17% 37% 46%;
    padding: 1.35vw 8.4vw;
    align-items: center;
}
.nav_container_mobile{
    display: none;
}
.hamburger{
    display: none;
}
.logo img{
    width: 10.2vw;
    margin-bottom: -.4vw;
}
.nav_search{
    position: relative;
    width: 100%;
    border: .12vw solid var(--accent-color);
    border-radius: .5vw;
    padding: .86vw 1.3vw;
}
.nav_search input{
    font-size: 1vw;
    background-color: transparent;
    outline: none;
    color: var(--accent-color);
    border: none;
    width: 100%;
}
.nav_search input::placeholder{
    color: var(--accent-color);
}
.nav_search button{
    position: absolute;
    right: 1vw;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color);
    font-size: 1.3vw;
    background-color: transparent;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_mobile_layout{
    padding-left: 3vw;
    display: flex;
    gap: 2.7vw;
}
.close_menu{
    display: none;
}
nav a{
    text-decoration: none;
    font-size: 1.2vw;
    color: var(--accent-color);
    font-weight: 500;
}

.banner{
    width: 100%;
    padding: 0 7.87vw;
    padding-bottom: 1.5vw;
    background-image: url(../images/slide_bg.png);
    background-position: center;
    background-size: cover;
}
.banner_box{
    width: 100%;
    height: 32.2vw;
    border-radius: .87vw;
    background-image: url(../images/banner_img.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4vw 5.7vw;
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
}
.banner_box_dynamic{
    width: 100%;
    height: 32.2vw;
    border-radius: .87vw;
    overflow: hidden;
    position: relative;
}
.banner_box_dynamic img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}
.swiperBanner .swiper-wrapper{
    padding-bottom: 2.8vw;
}
.swiperBanner .swiper-pagination-bullet {
    width:4.2vw;
    height: .42vw;
    display: inline-block;
    border-radius: .8vw;
    background: var(--primary-color);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.swiperBanner .swiper-pagination-bullet-active{
    background: var(--primary-color);
    opacity: 1;
}
.swiperBanner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiperBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .38vw;
}
.banner_content{
    width: 60%;
}
.banner_content h1{
    color: var(--white-color);
    font-size: 3.2vw;
    margin-bottom: .8vw;
}
.banner_content h1 font{
    color: var(--secondary-color);
}
.banner_content p{
    font-size: 1vw;
    color: var(--white-color);
    width: 80%;
    margin-bottom: 2.45vw;
}
.banner_box_layout{
    display: flex;
    align-items: center;
    gap: 1.2vw;
}
.banner_box_layout button{
    font-size: 1vw;
    padding: .8vw 2vw;
    border-radius: 100vw;
    outline: none;
    border: .12vw solid transparent;
    cursor: pointer;
    transition: .4s all;
}
.banner_box_layout a:nth-child(1) button{
    background-color: var(--secondary-color);
    color: white;
}
.banner_box_layout a:nth-child(2) button{
    background-color: transparent;
    color: var(--secondary-color);
    border: .12vw solid var(--secondary-color);
}
.banner_box_layout button:hover{
    transform: scale(1.05);
}
.banner_box_layout a:nth-child(1) button:hover{
    background-color:var(--white-color);
    color:var(--secondary-color);
}
.banner_box_layout a:nth-child(2) button:hover{
    border:.12vw solid var(--white-color);
    color:var(--white-color);
}
.banner_box img{
    width: 33vw;
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translateY(-50%);
    transition:.3s all;
}
.banner_box img:hover{
    transform: translateY(-50%) scale(1.06);
}

.section_2{
    width: 100%;
    padding: 4.2vw 7.87vw;
    padding-bottom: 17vw;
    background-image: url(../images/bg_interior.webp);
    background-position: center;
    background-size: cover;
}
.heading_section{
    margin-bottom:2.35vw;
    text-align: center;
}
.heading_section h2{
    font-size: 3.3vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1vw;
    position: relative;
}
.heading_divider{
    width: 5.6vw;
    margin: auto;
    height: .24vw;
    background-color: var(--primary-color);
    margin-bottom: 1.4vw;
}
.heading_section p{
    width: 50%;
    display: block;
    margin: auto;
    font-size: 1vw;
    color: var(--accent-color);
}
.product_home{
    width: 100%;
    display: grid;
    grid-gap: 1.3vw;
    grid-template-columns: repeat(4, 1fr);
}
.product_box{
    background-color: var(--white-color);
    padding: .6vw;
    border-radius: 1.6vw;
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
}
.product_image{
    width: 100%;
    height: 19vw;
    position: relative;
    overflow: hidden;
    border-radius: .87vw;
}
.product_image img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .4s all;
}
.product_image:hover img{
    transform: scale(1.1);
}
.product_content{
    padding: 0 .62vw;
    margin: 1.1vw 0;
    margin-bottom: .8vw;
}
.product_content h3{
    font-size: 1.16vw;
    font-weight: 500;
    margin-bottom: .36vw;
    color: var(--accent-color);
}
.product_content p{
    font-size: 1vw;
    color: var(--accent-color);
    font-weight: 500;
}
.product_box a{
    text-decoration: none;
}
.product_box button{
    width: 100%;
    padding: .7vw 2vw;
    color: var(--white-color);
    background-color: var(--primary-color);
    outline: none;
    border: none;
    font-size: 1vw;
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3vw;
    cursor: pointer;
    transition:.4s all;
}
.product_box button iconify-icon{
    font-size: 1.4vw;
}
.product_box button:hover{
    transform:scale(1.04);
}
.read_more{
    text-align: center;
    margin-top: 2.4vw;
}
.read_more a{
    font-size: 1vw;
    text-decoration-color: var(--accent-color);
    color: var(--accent-color);
    font-weight: 500;
    transition:.4s all;
    display:block;
}
.read_more a:hover{
    transform:scale(1.06);
}

.section_3{
    width: 100%;
    padding: 2.7vw 7.87vw;
    padding-bottom: 4.6vw;
    background-blend-mode: multiply;
    background: url(../images/benefit_bg.png), radial-gradient(72.36% 72.36% at 50% 72.36%, #92B8DF 0%, #3D74AD 100%);
    background-position: center;
    background-size: cover;
}
.about_home{
    width: 100%;
    background-color: white;
    border-radius: 1.8vw;
    display: grid;
    grid-template-columns: 57% 43%;
    align-items: center;
    padding: 1.13vw;
    padding-left: 3vw;
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    margin-top: -15.7vw;
    z-index: 5;
    position: relative;
    transition:.4s all;
}
.about_home:hover{
    transform:scale(1.03);
}
.about_home_content{
    padding-right: 4vw;
}
.about_home_content h2{
    font-size: 2.2vw;
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: .8vw;
}
.about_home_content p{
    font-size: 1vw;
    color: var(--accent-color);
}
.ahc_benefit{
    display: flex;
    align-items: flex-start;
    border-top: .1vw solid var(--primary-color);
    margin-top: 1.5vw;
    padding-top: 1.5vw;
    gap: 1.4vw;
}
.ahc_benefit_box{
    display: flex;
    gap: .87vw;
    align-items: center;
}
.ahc_benefit_box img{
    width: 4.6vw;
    transition:.4s all;
}
.ahc_benefit_box:nth-child(2) img{
    width: 6vw;
}
.ahc_benefit_box:hover img{
    transform:scale(1.06);
}
.ahcb_box_content h5{
    font-size: 1vw;
    color: var(--primary-color);
    margin-bottom: .3vw;
    font-weight: 500;
}
.ahcb_box_content p{
    font-size: 1vw;
    color: var(--accent-color);
}
.about_home_image{
    width: 100%;
    height: 24vw;
    position: relative;
    border-radius: 1vw;
    overflow: hidden;
}
.about_home_image img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition:.4s all;
}
.about_home_image:hover img{
    transform:scale(1.1);
}

.benefit_section{
    margin-top: 4.9vw;
}
.heading_white{
    text-align: center;
}
.heading_white h2{
    font-size: 3.3vw;
    font-weight: 500;
    color: var(--white-color);
}
.benefit_layout{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.3vw;
    margin-top: 2.78vw;
}
.benefit_box{
    text-align: center;
    background-color: var(--white-color);
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    border-radius: 1.7vw;
    padding: 1.9vw 2vw;
    transition:.4s all;
}
.benefit_box:hover{
    transform:scale(1.05);
}
.benefit_box img{
    width: 9.8vw;
    margin-bottom: 1.4vw;
}
.benefit_box h4{
    font-weight: 500;
    font-size: 1.62vw;
    color: var(--primary-color);
    margin-bottom: .6vw;
}
.benefit_box p{
    font-size: 1vw;
    color: var(--accent-color);
}

.cta_home{
    width: 100%;
    background-image: url(../images/cta_bg_home.png);
    background-position: center;
    background-size: cover;
    padding: 10vw 12.4vw;
    position: relative;
}
.cta_content h2{
    font-size: 3.6vw;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: .89vw;
}
.cta_content p{
    width: 52%;
    font-size: 1.4vw;
    font-weight: 300;
    color: var(--white-color);
}
.cta_content button{
    background-color: var(--secondary-color);
    border-radius: 100vw;
    padding: .62vw 1.89vw;
    font-size: 1.2vw;
    color: var(--white-color);
    margin-top: 1.9vw;
    outline: none;
    border: none;
    cursor: pointer;
    transition:.4s all;
}
.cta_content button:hover{
    transform:scale(1.06);
}
.divider_cta_top{
    width: 100%;
    height: 2vw;
    background: linear-gradient(90deg, #3D74AD 0%, #709CCB 47.12%, #3D74AD 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.divider_cta_bottom{
    width: 100%;
    height: 2vw;
    background: linear-gradient(90deg, #3D74AD 0%, #709CCB 47.12%, #3D74AD 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.cta_home_img{
    position: absolute;
    bottom: 0;
    right: 8vw;
    width: 37vw;
    display: block;
    transition:.4s all;
}
.cta_home_img:hover{
    transform:translateY(-4%);
}

.footer{
    width: 100%;
    background-color: #0F2464;
    padding:3vw 8vw;
    padding-bottom: 2.6vw;
}
.footer_first{
    display: flex;
    justify-content: space-between;
}
.footer_identity img{
    width: 11vw;
    filter: brightness(0) invert(1);
    margin-bottom: 1.3vw;
}
.footer_identity p{
    color: white;
    width: 68%;
    font-size: 1vw;
    line-height: 1.5;
    margin-bottom: 1.3vw;
}
.social_media_footer{
    display: flex;
    gap: 1vw;
}
.social_media_box{
    width: 2.5vw;
    height: 2.5vw;
    position: relative;
    border-radius: 100vw;
    border: .1vw solid white;
}
.social_media_box iconify-icon{
    font-size: 1.3vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    columns: white;
}
.social_media_footer a{
    color: #fff;
}
.menu_footer{
    display: flex;
    gap: 7vw;
    align-items: flex-start;
    margin-top: 3vw;
}
.menu_footer_box{
    width: max-content;
}
.menu_footer_box h3{
    color: white;
    font-size: 1.1vw;
    font-weight: 500;
    margin-bottom: 1vw;
}
.menu_footer_box ul li{
    list-style: none;
    font-size: 1vw;
    color: white;
    margin-bottom: .9vw;
}
.menu_footer_box ul li a{
    text-decoration: none;
    color: white;
    width: max-content;
}
.footer_second{
    display: flex;
    justify-content: space-between;
    padding: 2.2vw 0;
    align-items: center;
    border-top: .1vw solid rgba(255, 255, 255, 0.377);
    border-bottom: .1vw solid rgba(255, 255, 255, 0.377);
    margin: 2.5vw 0;
    margin-bottom: 1.8vw;
}
.footer_second ul{
    display: flex;
    list-style: none;
    gap: 1.7vw;
}
.footer_second ul li a{
    text-decoration: none;
    font-size: 1vw;
    color: white;
}
.footer_second span{
    color: white;
    text-transform: uppercase;
    font-size: 1vw;
    display: block;
}
.footer_third p{
    font-size: .9vw;
    color: white;
    margin-bottom: 2.7vw;
}
.footer_third p span{
    font-weight: 600; 
}
.company_data{
    display: flex;
    gap: 2vw;
}
.company_data_box{
    display: flex;
    gap: .66vw;
    align-items: flex-start;
}
.company_data_box iconify-icon{
    font-size: 1.4vw;
    color: white;
}
.company_data_box h5{
    font-size: 1vw;
    color: white;
    margin-bottom: .4vw;
    font-weight: 500;
}
.company_data_box p{
    margin-bottom: 0;
}

.banner_page{
    width: 100%;
    padding: 0 7.78vw;
    padding-bottom: 2vw;
}
.banner_page_box{
    width: 100%;
    background-image: url(../images/banner_img.webp);
    background-position: center;
    background-size: cover;
    height: max-content;
    border-radius: 1vw;
    padding: 4.8vw 5.8vw;
}
.banner_page_box h1{
    color: var(--white-color);
    font-weight: 500;
    font-size: 3.2vw;
    margin-bottom: .8vw;
}
.banner_page_box h1 font{
    color: var(--secondary-color);
}
.banner_page_box p{
    color: var(--white-color);
    font-size: 1.3vw;
}

.container{
    width: 100%;
    position: relative;
}
.decoration_about_left{
    position: absolute;
    left: 0;
    top: -6vw;
    width: 10vw;
}
.decoration_about_right{
    position: absolute;
    right: 0;
    top: -6vw;
    width: 10vw;
}
.about_page{
    width: 100%;
    padding: 1vw 7.78vw;
    padding-bottom: 20vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}
.about_page_box{
    width: 100%;
    border-radius: .2vw;
    border-left: .4vw solid var(--primary-color);
    padding-left: 2vw;
    border-bottom: .1vw solid #0f24642d;
    padding-bottom: 2vw;
    transition:.3s all;
}
.about_page_box:hover{
    transform:scale(1.06);
}
.about_page_box p{
    font-size: 1vw;
    color: var(--accent-color);
}
.about_page_box font{
    font-family: "Unbounded", sans-serif;
    font-size: 1.5vw;
    font-weight: 500;
    color: var(--primary-color);
}
.text_left{
    text-align: start;
}
.text_right{
    text-align: start;
}

.container_about{
    width: 100%;
    padding: 2vw 7.78vw;
    position: relative;
    background: radial-gradient(72.36% 72.36% at 50% 72.36%, #85AFDB 0%, #3D74AD 100%);
}
.vision_mision{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5vw;
    margin-top: -18vw;
    z-index: 3;
    position: relative;
}
.vision_mision_box{
    background-color: var(--white-color);
    width: 100%;
    padding: 2vw;
    border-radius: 1.7vw;
    border: .1vw solid var(--accent-color);
    transition:.4s all;
}
.vision_mision_box img{
    width: 9.3vw;
    margin-bottom: 1.4vw;
}
.vision_mision_box h3{
    font-size: 2.5vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1vw;
}
.vision_mision_box p{
    font-size: 1vw;
    color: var(--accent-color);
}
.vision_mision_box ul{
    margin-left: 1.1vw;
}
.vision_mision_box ul li{
    font-size: 1vw;
    color: var(--accent-color);
}
.vision_mision_box:hover{
    transform:scale(1.06);
}

.cta_about{
    width: 100%;
    padding: 6vw 3.6vw;
    padding-bottom: 5.3vw;
    position: relative;
}
.cta_about h2{
    font-size: 3.6vw;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: .89vw;
}
.cta_about p{
    width: 48%;
    font-size: 1.2vw;
    font-weight: 300;
    color: var(--white-color);
}
.cta_about button{
    background-color: transparent;
    border-radius: 100vw;
    padding: .62vw 1.89vw;
    font-size: 1.2vw;
    color: var(--white-color);
    margin-top: 1.9vw;
    outline: none;
    border: .12vw solid transparent;
    cursor: pointer;
}
.cta_about button{
    background-color: var(--white-color);
    color: var(--primary-color);
    border: .12vw solid var(--white-color);
    transition:.4s all;
}
.cta_about button:hover{
    transform:scale(1.06);
}
.btn_about_sc{
    background-color: transparent !important;
    color: var(--white-color) !important;
    border: .12vw solid var(--white-color) !important;
    margin-left: .6vw;
}
.btn_product_sc{
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    border: .12vw solid var(--white-color) !important;
    margin-left: .6vw;
}
.cta_about_img{
    position: absolute;
    right: 3vw;
    bottom: 0;
    display: block;
    width: 37vw;
    margin-bottom: -2vw;
    transition:.4s all;
}
.cta_about_img:hover{
    transform:translateX(-2vw);
}
.article_popular{
    display: block;
}
.catalog_category_box{
    display: block;
}
.article_category_mobile{
    display: none;
}
.show_filter{
    display: none;
}
.cta_product_img{
    position: absolute;
    right: 3vw;
    bottom: 0;
    width: 37vw;
    margin-bottom: 0 !important;
}

.article_section{
    width: 100%;
    padding: 5.7vw 7.78vw;
    padding-bottom: 4vw;
    background-image: url(../images/papper_section.png);
    background-position: center;
    background-size: cover;
}
.heading_article_section{
    text-align: center;
}
.heading_article_section h2{
    font-size: 3.2vw;
    color: var(--primary-color);
    font-weight: 500;
    margin-bottom: 2.5vw;
}
.article_section_layout{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5vw;
}
.article_section_box{
    padding: .8vw;
    background-color: var(--white-color);
    border-radius: 2vw;
     box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
}
.article_section_img{
    width: 100%;
    height: 15vw;
    position: relative;
    overflow: hidden;
    border-radius: 1.3vw;
    margin-bottom: 1.3vw;
}
.category_badge{
    z-index: 4;
    padding: .4vw .86vw;
    border-radius: 100vw;
    background-color: var(--white-color);
    border: .1vw solid var(--primary-color);
    position: absolute;
    right: .8vw;
    top: .8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_badge{
    z-index: 4;
    padding: .4vw .86vw;
    border-radius: 100vw;
    background-color: var(--white-color);
    border: .1vw solid var(--primary-color);
    position: absolute;
    left: .8vw;
    top: .8vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_badge iconify-icon{
    font-size: 1.1vw;
    color: var(--primary-color);
}
.view_badge span{
    font-size: .8vw;
    color: var(--primary-color);
}
.category_badge span{
    font-size: .8vw;
    color: var(--primary-color);
}
.article_section_img img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: .4s all;
    z-index: 3;
}
.article_section_img:hover img{
    transform: scale(1.07);
}
.article_section_content{
    padding: 0 .6vw;
    margin-bottom: 1.3vw;
}
.article_section_content h3{
    font-size: 1.3vw;
    color: var(--primary-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-weight: 500;
    margin-bottom: .6vw;
}
.article_section_content p{
    font-size: 1vw;
    color: var(--accent-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.article_section_box  a{
    text-decoration: none;
}
.article_section_box button{
    width:100%;
    padding: .7vw 1vw;
    border-radius: 100vw;
    color: var(--white-color);
    background-color: var(--primary-color);
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 1vw;
    display: flex;
    align-items: center;
    gap: .4vw;
    justify-content: center;
    transition:.4s all;
}
.article_section_box button iconify-icon{
    font-size: 1.4vw;
}
.article_section_box button:hover{
    transform:scale(1.04);
}

.container_contact{
    background-image: url(../images/bg_interior.webp);
    background-position: center;
    background-size: cover;
}
.contact_layout{
    width: 100%;
    padding: 2vw 7.78vw;
    display: grid;
    grid-template-columns: 63% 37%;
}
.contact_form{
    padding-right: 3vw;
}
.contact_form form{
    display: flex;
    flex-direction: column;
    gap: 1.6vw;
}
.contact_field label{
    font-size: 1vw;
    color: var(--accent-color);
}
.contact_field input{
    font-size: 1vw;
    color: var(--accent-color);
    outline: none;
    border: none;
    padding: .76vw 1.3vw;
    border-radius: .5vw;
    border: .1vw solid var(--primary-color);
}
.contact_field textarea{
    font-size: 1vw;
    color: var(--accent-color);
    outline: none;
    border: none;
    padding: .76vw 1.3vw;
    height: 8.5vw;
    border-radius: .5vw;
    border: .1vw solid var(--primary-color);
    resize: none;
}
.contact_field textarea::placeholder{
    font-size: 1vw;
    font-family: 'Inter', sans-serif;
}
.contact_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.6vw;
}
.contact_field{
    display: flex;
    flex-direction: column;
    gap: .4vw;
}
.contact_form button{
    font-size: 1vw;
    color: var(--white-color);
    padding: .72vw 1.3vw;
    border-radius: .6vw;
    width: max-content;
    outline: none;
    border: none;
    background-color: var(--primary-color);
    cursor: pointer;
    transition:.4s all;
}
.contact_form button:hover{
    transform:scale(1.04);
}
.contact_sidebar{
    background-color: var(--primary-color);
    padding: 2.3vw;
    border-radius: 1.2vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    height: max-content;
}
.contact_address_cabang{
    display:flex;
    flex-direction:column;
    gap:1.3vw;
}
.contact_address h2{
    font-size: 1.6vw;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 1.1vw;
    padding-bottom: 1.1vw;
    border-bottom: .1vw solid #ffffff56;
}
.contact_address p{
    font-size: 1vw;
    display:flex;
    align-items:center;
    gap:.4vw;
    color: var(--white-color);
    transition:.4s all;
}
.contact_address p:hover{
    transform:scale(1.04);
}
.contact_social{
    display: flex;
    justify-content: flex-start;
    gap: 1vw;
}
.contact_social_box{
    background-color: var(--white-color);
    border-radius: 100vw;
    color: var(--primary-color);
    padding: .6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:.4s all;
}
.contact_social_box iconify-icon{
    font-size: 1.7vw;
    color: var(--primary-color);
}
.contact_social_box:hover{
    transform:scale(1.06);
}
/*.contact_maps{*/
/*    width: 100%;*/
/*    padding: 1vw 7.78vw;*/
/*    padding-bottom: 4vw;*/
/*}*/
.contact_maps_box{
    width: 100%;
    height: 27vw;
    overflow: hidden;
    border-radius: .8vw;
    position: relative;
    margin-top:2vw;
}
.contact_maps_box iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.catalog_layout{
    width: 100%;
    padding: .6vw 7.78vw;
    padding-bottom: 4vw;
    display: grid;
    grid-template-columns: 25% 75%;
}
.heading_catalog_main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6vw;
}
.heading_catalog_main h4{
    font-weight: 400;
    font-size: 1.1vw;
    color: var(--primary-color);
}
.heading_catalog_main h4 font{
    font-size: 1.45vw;
    font-weight: 500;
}
.catalog_filter{
    display: flex;
    gap: .7vw;
    align-items: center;
}
.catalog_filter button{
    width: 2vw;
    height: 2vw;
    position: relative;
    background-color: transparent;
    border-radius: .4vw;
    border: .1vw solid var(--primary-color);
    cursor: pointer;
}
.catalog_filter button iconify-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3vw;
    color: var(--primary-color);
}
.catalog_filter .active{
    background-color: var(--primary-color) !important;
}
.catalog_filter .active iconify-icon{
    color: var(--white-color);
}
#productContainer.product-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.3vw;
}
#productContainer.product-grid .product_content button{
    display: none;
}
#productContainer.product-grid .product_content .desc_product{
    display: none;
}
#productContainer.product-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.3vw;
}
#productContainer.product-list .product_box button{
    display: none;
}
#productContainer.product-list .product_box .product_content{
    position: relative !important;
}
#productContainer.product-list .product_content button{
    position: absolute;
    bottom: -.6vw;
    left: 0;
    width: 100%;
    display: flex;
}
#productContainer.product-list .product_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5vw;
}
#productContainer.product-list .product_image{
    height: 12vw;
    border-radius: .87vw;
}
#productContainer.product-list .product_content .desc_product{
    font-size: 1vw;
    font-weight: 400;
    color: var(--accent-color);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-top: .6vw;
}

.catalog_sidebar{
    display: flex;
    flex-direction: column;
    padding-right: 1.4vw;
    gap: 1.3vw;
}
.catalog_search{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .7vw;
    background-color: var(--white-color);
    border: .1vw solid var(--accent-color);
    padding: 1.4vw;
    border-radius: .8vw;
     box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
}
.catalog_search form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .7vw;
    width: 100%;
}
.catalog_price{
    gap: .3vw;
}
.catalog_search h3{
    font-size: 1.2vw;
    font-weight: 500;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: .4vw;
}
.catalog_search h3 iconify-icon{
    font-size: 1.4vw;
}
.catalog_price h3{
    margin-bottom: .6vw;
}
.catalog_search input{
    padding: .62vw 1.2vw;
    color: var(--accent-color);
    border-radius: .45vw;
    outline: none;
    border: .1vw solid var(--primary-color);
    color: var(--accent-color);
    font-size: 1vw;
    width: 100%;
}
.catalog_search input::placeholder{
    color: #b3b3b3;
}
.catalog_category ul{
    list-style: none;
    border: .1vw solid var(--primary-color);
    width: 100%;
    border-radius: .6vw;
    overflow: hidden;
}
.catalog_category ul li{
    padding: .62vw 1.2vw;
    color: var(--accent-color);
    border-bottom: .1vw solid var(--primary-color);
    display: flex;
    align-items: center;
    gap: .4vw;
    font-size: 1vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    position: relative;
    transition:.4s all;
}
.catalog_category ul li iconify-icon{
    color: var(--primary-color);
    font-size: 1.2vw;
}
.catalog_category ul li:hover{
    transform:scale(1.05);
}
.catalog_category ul li::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .4vw;
    background-color: white;
    content: '';
}
.catalog_category ul a:last-child li{
    border-bottom: none;
}
.catalog_category ul a{
    text-decoration: none;
}

.filter-box h3 {
  font-size: 1.2rem;
  color: var(--text-color);
  margin-bottom: 1rem;
}

.price_range {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.price_range span{
    font-size: .8vw;
    color: var(--primary-color);
}

input[type="range"] {
  width: 100%;
  padding: 0 0;
  accent-color: var(--primary-color);
}

.price-steps {
  display: flex;
  justify-content: space-between;
  font-size: .62vw;
  color: var(--primary-color);
  width: 100%;
  gap: 1vw;
}

#apply-filter {
  margin-top: 1vw;
  padding: .6vw 1.2vw;
  border-radius: 100vw;
  width: 100%;
  background: var(--primary-color);
  color: white;
  border: none;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 1vw;
  justify-content: center;
  gap: .4vw;
  transition:.4s all;
}   
#apply-filter:hover{
    transform:scale(1.04);
}
.catalog_filter_select{
    width: 100%;
    display: inline-block;
    align-items: center;
    border: .1vw solid var(--primary-color);
    border-radius: .6vw;
    position: relative;
}

.catalog_filter_select button {
  width: 100%;
  padding: .72vw 1.2vw;
  border: .1vw solid #ccc;
  border-radius: .6vw;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1vw;
  color: var(--accent-color);
}
.catalog_filter_select button iconify-icon{
    font-size: 1.3vw;
}

.catalog_filter_select .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: .1vw solid var(--primary-color);
  border-radius: .6vw;
  margin-top: .7vw;
  list-style: none;
  padding: 0;
  z-index: 100;
  overflow: hidden;
  display: none;
}

.catalog_filter_select .dropdown li {
  padding: .72vw 1.2vw;
  font-size: 1vw;
  cursor: pointer;
  border-bottom: .1vw solid var(--primary-color);
  color: var(--accent-color);
}
.catalog_filter_select .dropdown li:last-child{
    border-bottom: none;
}

.catalog_filter_select .dropdown li:hover {
  background-color: #f0f0f0;
}

.catalog_filter_select .dropdown.active{
    display: block;
}
.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7vw;
    margin-top: 1.9vw;
}
.pagination button{
    width: 2.3vw;
    outline: none;
    border: none;
    height: 2.3vw;
    border-radius: 100vw;
    overflow: hidden;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.pagination button iconify-icon{
    font-size: 1.5vw;
}
.pagination input{
    font-size: 1vw;
    outline: none;
    border: .1vw solid var(--primary-color);
    border-radius: .6vw;
    text-align: center;
    background-color: white;
    color: var(--accent-color);
    width: 3vw;
    padding: .7vw 1.2vw;
}

.product_section{
    width: 100%;
    background-image: url(../images/bg_interior.webp);
    background-position: center;
    background-size: cover;
    padding: 0 7.78vw;
    padding-bottom: 15vw;
    display: grid;
    grid-template-columns: 49% 51%;
}
.product_main{
    width: 100%;
    height: 40vw;
    position: relative;
    border-radius: .3vw;
    overflow: hidden;
    margin-bottom: 1.1vw;
}
.product_main img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 3;
}
.zoom_product{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.336);
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8vw;
    border: .12vw solid var(--white-color);
    z-index: 5;
    left: 1.5vw;
    top: 1.5vw;
}
.zoom_product iconify-icon{
    color: var(--white-color);
    font-size: 1.7vw;
}
.product_gallery_layout{
    width: 100%;
    overflow-x: auto;
    padding-bottom: 1vw;
}
.product_gallery_layout::-webkit-scrollbar {
  height: .45vw;
}
.product_gallery_layout::-webkit-scrollbar-track {
  background: #0733652d; 
  border-radius: 100vws;
}
.product_gallery_layout::-webkit-scrollbar-thumb {
  background: var(--primary-color); 
  border-radius: 100vw;
}
.product_gallery_layout.no-overflow {
  overflow-x: inherit !important;
}
.product_gallery{
    display: flex;
    width: max-content;
    gap: 1.1vw;
}
.product_gallery_box{
    width: 9.37vw;
    height: 9.37vw;
    position: relative;
    overflow: hidden;
    border-radius: .3vw;
    border: .12vw solid transparent;
    outline: none;
    cursor: pointer;
}
.overlay_gallery{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    object-position:center;
    z-index:3;
    opacity:.6;
    display:none;
    background-color:var(--primary-color);
}
.product_gallery_box.active .overlay_gallery{
    display:block;
}
.product_gallery_box img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index:2;
}
.product_text{
    padding: 2.7vw 0;
    padding-left: 3.4vw;
}
.product_text_box{
    padding: 1.46vw 0;
    border-bottom: .1vw solid #3d73ad41;
}
.product_text_box:first-child{
    padding-top: 0;
}
.product_text_box:last-child{
    border-bottom: none;
}
.product_text_box h3{
    font-size: 1.8vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: .46vw;
}
.product_text_box h4{
    font-size: 1.38vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: .72vw;
}
.product_text_box span{
    font-size: 1.5vw;
    font-weight: 400;
    color: var(--accent-color);
}
.spek_layout{
    display: flex;
    gap: 1.14vw;
    flex-wrap: wrap;
}
.spek_layout button{
    font-size: 1vw;
    color: var(--accent-color);
    padding: .57vw 1.3vw;
    border-radius: 100vw;
    outline: none;
    border: .1vw solid var(--primary-color);
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: .7vw;
}
.spek_color{
    width: 4vw;
    height: 1.2vw;
    border-radius: 100vw;
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    border:.1vw solid var(--primary-color);
}
.checkout_layout{
    display: flex;
    align-items: center;
    gap: 1vw;
}
.checkout_layout p{
    font-size: 1vw;
    color: var(--accent-color);
}
.counter{
    display: flex;
    align-items: center;
    border-radius: 100vw;
    overflow: hidden;
    border: .1vw solid var(--primary-color);
    padding: .4vw 1vw;
}
.store-popup {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height:100vh;
    overflow-y: scroll;
    background: rgba(0, 0, 0, 0.5);
    /* display: flex;
    justify-content: center;
    align-items: center; */
    z-index: 999;
}
.store-popup::-webkit-scrollbar{
    display: none;
}
.popup_overlay{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;   
}
.popup_content_layout{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 4vw;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
}
.popup-content {
    background: #fff;
    position: relative;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 100%;
    display: block;
    margin: auto;
    padding: 3vw;
    border-radius: 2vw;
    z-index: 5;
    text-align: center;
}
.popup-content h2{
    font-size: 2.8vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1.7vw;
}
.popup-content ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 1vw;
}
.popup-content ul li button{
    font-size: 1vw;
    color: var(--accent-color);
    border: .1vw solid var(--primary-color);
    outline: none;
    background-color: transparent;
    border-radius: 100vw;
    padding: .67vw 1.6vw;
    width: 100%;
    cursor: pointer;
}
.popup-content ul li button:hover{
    background-color: var(--primary-color);
    color: var(--white-color);
}
.hidden {
    display: none;
}
.close_popup_wa{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .48vw;
    position: absolute;
    right: 1.4vw;
    top: 1.4vw;
    border: none;
    outline: none;
    background-color: var(--primary-color);
    border-radius: .7vw;
    cursor: pointer;
}
.close_popup_wa iconify-icon{
    font-size: 1.8vw;
    color: var(--white-color);
}
.counter input{
    width: 3.4vw;
    outline: none;
    border: none;
    background-color: transparent;
    text-align: center;
    font-size: 1.3vw;
    color: var(--accent-color);
    font-weight: 600;
}
.counter button{
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    cursor: pointer;
    background-color:transparent;
}
.counter button iconify-icon{
    font-size: 1.1vw;
    color:var(--accent-color);
    transition:.4s all;
}
.counter button:hover iconify-icon{
    transform:scale(1.8);
}
.checkout_button{
    font-size: 1vw;
    display: flex;
    align-items: center;
    gap: .4vw;
    outline: none;
    border: none;
    background-color: var(--primary-color);
    border-radius: 100vw;
    color: var(--white-color);
    padding: .68vw 1.4vw;
    cursor: pointer;
    transition:.4s all;
}
.checkout_button iconify-icon{
    font-size: 1.2vw;
}
.checkout_button:hover{
    transform:scale(1.04);
}
.product_text_box{
    font-size: 1vw;
    color: var(--accent-color);
}
.product_share{
    display: flex;
    gap: 1vw;
}
.product_share_box{
    width: 2.8vw;
    height: 2.8vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100vw;
    background-color: var(--primary-color);
    transition:.4s all;
}
.product_share_box iconify-icon{
    color: var(--white-color);
    font-size: 2vw;
}
.product_share_box:hover{
    transform:scale(1.05);
}
.product_section_sc{
    width: 100%;
    padding: 4vw 7.78vw;
    position: relative;
    background: radial-gradient(72.36% 72.36% at 50% 72.36%, #85AFDB 0%, #3D74AD 100%);
}
.desc_complete{
    background-color: var(--white-color);
    background-image: url(../images/papper_section.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 22.7vw;
    border-radius: 1.4vw;
    padding: 2.8vw 3vw;
    position: relative;
    z-index: 2;
    margin-top: -15.8vw;
    box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -webkit-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    -moz-box-shadow: 0px 0px 1.4vw 0px rgba(61,116,173,0.14);
    overflow-y: scroll;
    transition:.4s all;
}
.desc_complete::-webkit-scrollbar{
    display: none;
}
.desc_complete:hover{
    transform:scale(1.04);
}
.desc_complete h2{
    font-size: 1.8vw;
    font-weight: 500;
    color: var(--primary-color);
    margin-bottom: 1vw;
}
.desc_complete h3, .desc_complete h4, .desc_complete h5, .desc_complete h6{
    font-size: 1.4vw;
    font-weight: 500;
    color: var(--primary-color);
}
.desc_complete p, .desc_complete a{
    font-size: 1.1vw;
    color: var(--accent-color);
}
.desc_complete ul, .desc_complete ol{
    margin-left: 1.26vw;
}
.desc_complete ul li, .desc_complete ol li{
    font-size: 1vw;
    color: var(--accent-color);
}
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 120%; /* Above the element */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.tooltip:hover::after,
.tooltip.show-tooltip::after {
    opacity: 1;
}


.other_products{
    margin-top: 4.5vw;
}
.other_products_heading{
    text-align: center;
    margin-bottom: 2.5vw;
}
.other_products_heading h2{
    font-size: 3.3vw;
    color: var(--white-color);
    font-weight: 500;
}

.cta_product{
    width: 100%;
    padding: 0vw 7.78vw;
    background-image: url(../images/papper_section.png);
    background-position: center;
    background-size: cover;
}
.cta_product_content h2{
    color: var(--primary-color);
}
.cta_product_content p{
    color: var(--accent-color);
    line-height: 1.4;
    font-size: 1.1vw;
    font-weight: 400;
}
.cta_product_content{
    padding: 8vw 3vw;
}

.banner_page_box_article{
    height: 22vw;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.banner_page_box_article img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}
.article_detail_heading h2{
    font-size: 2.7vw;
    color: var(--accent-color);
    font-weight: 500;
    margin-bottom: 1vw;
}
.article_detail_meta{
    margin-bottom: 1vw;
}
.article_detail_meta span{
    font-size: 1vw;
    color: var(--accent-color);
}
.article_detail_text p{
    font-size: 1vw;
    color: var(--accent-color);
}
.article_detail_text ul, .article_detail_text ol{
    margin-left:1.2vw;
}
.article_detail_text ul li, .article_detail_text ol li{
    font-size: 1vw;
    color: var(--accent-color);
}
.article_detail_text h2{
    font-size:1.4vw;
    color: var(--accent-color);
    font-weight:500;
    margin-bottom:.4vw;
}
.article_detail_text h3{
    font-size:1.3vw;
    color: var(--accent-color);
    font-weight:500;
    margin-bottom:.4vw;
}
.article_detail_text h4{
    font-size:1.2vw;
    color: var(--accent-color);
    font-weight:500;
    margin-bottom:.4vw;
}
.article_detail_text h5{
    font-size:1.1vw;
    color: var(--accent-color);
    font-weight:500;
    margin-bottom:.4vw;
}

.faq_page{
    width: 100%;
    padding: 2vw 7.78vw;
    padding-bottom: 4vw;
    display: grid;
    grid-template-columns: 70% 30%;
}
.faq-container {
    width: 100%;
    padding-right: 2vw;
}
.faq-item {
    background: var(--white-color);
    border-radius: .8vw;
    margin-bottom: 1.2vw;
    overflow: hidden;
    border: .12vw solid var(--primary-color);
    transition: all 0.3s ease;
}
.faq-item.active {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}
.faq-question {
    padding: 1.2vw 1.8vw;
    cursor: pointer;
    position: relative;
    font-size:1vw;
    font-weight: 500;
    color: var(--accent-color);
    font-family: "Unbounded", sans-serif !important;
}
.faq-question::after {
    content: '+';
    position: absolute;
    right: 1.5rem;
    font-size: 1.5rem;
    transition: transform 0.3s;
    font-family: 'Inter', sans-serif;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
}
.faq-item.active .faq-question{
    color: var(--white-color);
    border-bottom: .1vw solid var(--primary-color);
}
.faq-item.active .faq-question::after {
    content: '+';
    transform: rotate(180deg);
    font-family: 'Inter', sans-serif;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 1.8vw;
    font-size: 1vw;
    line-height: 1.5;
    background: var(--white-color);
    color: var(--accent-color);
    transition: max-height 0.4s ease;
    font-family: 'inter', sans-serif;
}

.faq-item.active .faq-answer {
    padding: 1rem 1.5rem;
    max-height: 200px;
}
.faq_sidebar_box{
    background-color: var(--primary-color);
    border-radius: 1vw;
    text-align: center;
    color: white;
    padding: 1.8vw 3vw;
    position: relative;
    overflow: hidden;
}
.faq_sidebar_box iconify-icon{
    font-size: 5vw;
    margin-bottom: .3vw;
}
.faq_sidebar_box h3{
    font-family: "Unbounded", sans-serif !important;
    font-size: 1.3vw;
    font-weight: 500;
    margin-bottom: .7vw;
}
.faq_sidebar_box p{
    font-size: 1.1vw;
    margin-bottom: 1.2vw;
}
.faq_sidebar_box button{
    font-size: 1.1vw;
    background-color: var(--white-color);
    color: var(--accent-color);
    border-radius: 100vw;
    outline: none;
    border: none;
    padding: .6vw 1.8vw;
    cursor: pointer;
}

.faq_sidebar_contact{
    background-color: var(--white-color);
    border-radius: 100vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8vw 1vw;
    margin-top: 1.5vw;
    border: .1vw solid var(--accent-color);
}
.faq_sidebar_contact_box{
    display: flex;
    gap: 1.4vw;
    align-items: center;
    justify-content: space-between;
}
.faq_sidebar_icon{
    width: 2.4vw;
    height: 2.4vw;
    border-radius: 100vw;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq_sidebar_icon iconify-icon{
    color: var(--white-color);
    font-size: 1.3vw;
}
.faq_sidebar_contact_box h5{
    font-size: .95vw;
    font-family: "Unbounded", sans-serif !important;
    color: var(--accent-color);
    border-right: .1vw solid var(--accent-color);
    padding-right: 1vw;
    font-weight: 500;
}
.faq_sidebar_contact_sc p{
    font-size: 1vw;
    color: #52576F;
}

@media (max-width:768px) {
    .nav_top{
        padding: 2.5vw 4vw;
    }
    .identity_nav_box:nth-child(1){
        display: none;
    }
    .identity_nav_box:nth-child(3){
        display: none;
    }
    .identity_nav_box{
        gap: 1.5vw;
    }
    .identity_nav_box iconify-icon{
        font-size: 3.5vw;
    }
    .identity_nav_box span{
        font-size: 3vw;
    }
    .social_nav{
        gap: 2.5vw;
    }
    .social_nav_box{
        padding: .9vw;
    }
    .social_nav_box iconify-icon{
        font-size: 2.8vw;
    }

    .nav_container{
        padding: 4vw 4vw;
        display: flex;
        justify-content: space-between;
        gap: 3vw;
    }
    .nav_container_mobile{
        display: flex;
        justify-content: space-between;
        gap: 3vw;
        padding: 4vw;
    }
    .hamburger{
        display: flex;
        width: max-content;
        align-items: center;
        justify-content: center;
        width: 16vw;
        height: 9vw;
        position: relative;
        outline: none;
        border: none;
        background-color: var(--primary-color);
        border-radius: 1.4vw;
    }
    .hamburger iconify-icon{
        font-size: 5vw;
        color: var(--white-color);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    nav{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateX(-100%);
        z-index: 80;
        transition: .4s all;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0;
        background-image: url(../images/bg_interior.webp);
        background-position: center;
        background-size: cover;
        background-color: var(--white-color);
    }
    nav.active{
        transform: translateX(0);
    }
    .nav_search {
        border-radius: 1.5vw;
        padding: 0.86vw 3.3vw;
        height: 9vw;
    }
    .nav_search button {
        right: 3vw;
        font-size: 4vw;
    }
    .nav_search input{
        font-size: 3vw;
    }
    .logo img {
        width: 20.2vw;
        margin-bottom: -1.9vw;
        margin-left: -1vw;
    }
    .menu_mobile_layout{
        flex-direction: column;
        text-align: center;
        padding-left: 0;
        padding: 1vw 4vw;
        gap: 3.7vw;
    }
    .menu_mobile_layout a {
        text-decoration: none;
        font-size: 6.7vw;
        color: var(--primary-color);
        width: 100%;
        padding-bottom: 3vw;
        font-family: 'Unbounded',sans-serif;
        font-weight: 500;
    }
    .close_menu{
        display: block;
        position: absolute;
        right: 5vw;
        top: 5vw;
        background-color: transparent;
        color: var(--white-color);
        border-radius: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        border: .12vw solid var(--primary-color);
        width: 12vw;
        height: 12vw;
    }
    .close_menu iconify-icon{
        font-size: 5.7vw;
        color: var(--primary-color);
    }

    .banner {
        padding: 0 4vw;
        padding-bottom: 1.5vw;
    }
    .banner_box {
        height: 41.2vw;
        border-radius: 2.87vw;
        padding: 4vw 5.7vw;
    }
    .banner_content{
        width: 70%;
    }
    .banner_content h1 {
        font-size: 4.2vw;
        margin-bottom: 1.8vw;
    }
    .banner_content p {
        font-size: 1.5vw;
        width: 91%;
        margin-bottom: 0.45vw;
    }
    .banner_box img {
        width: 33vw;
        right: 0vw;
    }
    .banner_box_layout button {
        font-size: 2vw;
        padding: .8vw 3vw;
    }
    .banner_box_layout {
        gap: 2.2vw;
    }
    .swiperBanner .swiper-wrapper{
        padding-bottom: 10vw;
    }
    .swiperBanner .swiper-pagination-bullet{
        width: 8.2vw;
        height: 1.42vw;
    }
    .swiperBanner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiperBanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1vw;
    }
    .section_2 {
        padding: 9.2vw 4vw;
        padding-bottom: 80vw;
    }
    .heading_section {
        margin-bottom: 5.35vw;
    }
    .heading_section h2 {
        font-size: 5.3vw;   
        margin-bottom: 3.5vw;
    }
    .heading_divider {
        width: 12.6vw;
        height: 0.8vw;
        margin-bottom: 3.4vw;
    }
    .heading_section p {
        width: 90%;
        font-size: 3vw;
    }
    .product_home {
        grid-gap: 2.5vw;
        grid-template-columns: repeat(2, 1fr);
    }
    .product_box {
        padding: 1.8vw;
        border-radius: 2.6vw;
    }
    .product_image {
        height: 41vw;
        border-radius: 1.87vw;
    }
    .product_content {
        padding: 0 1.62vw;
        margin: 3.7vw 0;
        margin-bottom: 2.5vw;
    }
    .product_content h3 {
        font-size: 3.2vw;
        margin-bottom: 1.3vw;
    }
    .product_content p {
        font-size: 3vw;
    }
    .product_box button {
        padding: 1.4vw 2vw;
        font-size: 3vw;
        gap: 1.3vw;
    }
    .product_box button iconify-icon {
        font-size: 4.4vw;
    }
    .read_more {
        margin-top: 6.4vw;
    }
    .read_more a {
        font-size: 3vw;
    }

    .section_3 {
        width: 100%;
        padding: 4.7vw 4vw;
        padding-bottom: 10.6vw;
    }
    .about_home{
        border-radius: 3vw;
        grid-template-columns: 100%;
        padding: 4vw;
        padding-left: 4vw;
        margin-top: -73.7vw;
    }
    .about_home_content {
        padding-right: 0;
    }
    .about_home_content h2 {
        font-size: 4.2vw;
        margin-bottom: 2.6vw;
    }
    .about_home_content p {
        font-size: 3vw;
    }
    .ahc_benefit {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 3.5vw;
        padding-top: 4.5vw;
        gap: 5.4vw;
    }
    .ahc_benefit_box {
        gap: 2.87vw;
        align-items: center;
    }
    .ahc_benefit_box img {
        width: 15.5vw;
    }
    .ahcb_box_content h5 {
        font-size: 4.5vw;
        margin-bottom: 1.3vw;
    }
    .ahcb_box_content p {
        padding-right: 7vw;
        font-size: 3vw;
        color: var(--accent-color);
    }
    .ahc_benefit_box:nth-child(2) img {
        width: 20vw;
        margin-left: -5vw;
    }
    .about_home_image {
        height: 51vw;
        border-radius: 3vw;
        margin-top: 6vw;
    }
    .benefit_section {
        margin-top: 11vw;
    }
    .heading_white h2{
        font-size: 5.3vw;
    }
    .benefit_layout {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3.3vw;
        margin-top: 5vw;
    }
    .benefit_box{
        border-radius: 2.7vw;
        padding: 7.9vw 10vw;
    }
    .benefit_box img {
        width: 25.8vw;
        margin-bottom: 3.4vw;
    }
    .benefit_box h4 {
        font-size: 5.62vw;
        margin-bottom: 4vw;
    }
    .benefit_box p {
        font-size: 3vw;
    }

    .divider_cta_top{
        height: 3vw;
    }
    .divider_cta_bottom{
        height: 3vw;
    }
    .cta_home{
        padding: 23vw 12.4vw;
    }
    .cta_home_img{
        display:none ;
    }
    .cta_content{
        text-align: center;
    }
    .cta_content h2 {
        font-size: 5.6vw;
        margin-bottom: 3.89vw;
    }
    .cta_content p {
        font-size: 3.5vw;
        width: 100%;
    }
    .cta_content button {
        padding: 1.78vw 4.89vw;
        font-size: 3.6vw;
        margin-top: 6.9vw;
    }

    .banner_page {
        padding: 0 4vw;
        padding-bottom: 4vw;
    }
    .banner_page_box {
        border-radius: 2vw;
        padding: 12.8vw 11vw;
        text-align: center;
    }
    .banner_page_box h1 {
        font-size: 7.2vw;
        margin-bottom: 2.8vw;
    }
    .banner_page_box p {
        font-size: 3.4vw;
    }
    .contact_layout {
        padding: 2vw 4vw;
        display:flex;
        flex-direction:column-reverse;
        grid-template-columns: 100%;
        gap:8vw;
        padding-bottom:10vw;
    }
    .contact_form {
        padding-right: 0;
    }
    .contact_form form {
        gap: 4.7vw;
    }
    .contact_box {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 4.7vw;
    }
    .contact_field {
        gap: 1.8vw;
    }
    .contact_field label {
        font-size: 3.4vw;
    }
    .contact_field input {
        font-size: 3.5vw;
        padding: 2.76vw 4.3vw;
        border-radius: 2.5vw;
    }
    .contact_field textarea {
        font-size: 3.5vw;
        padding: 2.76vw 4.3vw;
        border-radius: 2.5vw;
        height: 16vw;
    }
    .contact_field textarea::placeholder{
        font-size: 3.5vw;
    }
    .contact_form button {
        font-size: 3.5vw;
        padding: 2.5vw 4.3vw;
        border-radius: 1.7vw;
    }
    .contact_sidebar {
        padding: 5.3vw;
        border-radius: 2.2vw;
        gap: 8vw;
        margin-top: 0;
    }
    .contact_address_cabang{
        gap:3.5vw;
    }
    .contact_address h2 {
        font-size: 4.6vw;
        margin-bottom: 4.1vw;
        padding-bottom: 4.1vw;
    }
    .contact_address p {
        font-size: 3.5vw;
        gap:.7vw;
    }
    .contact_address iconify-icon{
        font-size:3.7vw;
    }
    .contact_social{
        gap: 3vw;
    }
    .contact_social_box {
        padding: 1.6vw;
    }
    .contact_social_box iconify-icon {
        font-size: 5.7vw;
    }
    .contact_maps_box {
        height: 75vw;
        border-radius: 1.8vw;
        margin-top:8vw;
    }
    /*.contact_maps {*/
    /*    padding: 6vw 4vw;*/
    /*    padding-bottom: 9vw;*/
    /*}*/
    .about_page {
        padding: 3vw 4vw;
        padding-bottom: 123vw;
        gap: 5vw;
    }
    .about_page_box {
        width: 100%;
        border-radius: 0.2vw;
        border-left: 1.4vw solid var(--primary-color);
        padding-left: 4vw;
        border-bottom: .1vw solid #0f24642d;
        padding-bottom: 4vw;
    }
    .about_page_box p {
        font-size: 3.4vw;
    }
    .about_page_box font {
        font-size: 4.5vw;
    }
    .container_about {
        padding: 3vw 4vw;
    }
    .vision_mision {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3.5vw;
        margin-top: -115vw;
    }
    .vision_mision_box {
        padding: 5vw;
        border-radius: 2.7vw;
    }
    .vision_mision_box img {
        width: 24.3vw;
        margin-bottom: 2.5vw;
    }
    .vision_mision_box h3 {
        font-size: 6.5vw;
        margin-bottom: 2vw;
    }
    .vision_mision_box p {
        font-size: 3.5vw;
    }
    .vision_mision_box ul{
        margin-left: 4.6vw;
    }
    .vision_mision_box ul li {
        font-size: 3.5vw;
    }
    .cta_about_img{
        display: none;
    }
    .cta_about {
        padding: 12vw 6.6vw;
        padding-bottom: 7.3vw;
        text-align: center;
    }
    .cta_about h2 {
        font-size: 5.6vw;
        margin-bottom: 3.89vw;
    }
    .cta_about p {
        font-size: 3.5vw;
        width: 100%;
    }
    .cta_about button {
        padding: 1.62vw 4.89vw;
        font-size: 3.5vw;
        margin-top: 6.9vw;
    }
    .btn_about_sc{
        margin-left: 1.6vw;
    }
    .article_section{
        padding: 10.7vw 4vw;
        padding-bottom: 11vw;
    }
    .heading_article_section h2 {
        font-size: 6.2vw;
        margin-bottom: 5.5vw;
    }
    .article_section_layout {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3vw;
    }
    .article_section_box {
        padding: 2vw;
        border-radius: 3vw;
    }
    .article_section_img {
        height: 30vw;
        border-radius: 2.3vw;
        margin-bottom: 3.3vw;
    }
    .article_section_content {
        padding: 0 1vw;
        margin-bottom: 3.3vw;
    }
    .article_section_content h3 {
        font-size: 3.1vw;
        margin-bottom: 1.6vw;
    }
    .article_section_content p {
        font-size: 3vw;
    }
    .article_section_box button {
        padding: 1.2vw 1vw;
        font-size: 3vw;
        gap: 1.4vw;
    }
    .article_section_box button iconify-icon {
        font-size: 4.4vw;
    }
    .article_section_box:nth-child(3){
        display: none;
    }
    .category_badge span {
        font-size: 2.2vw;
    }
    .category_badge {
        padding: 0.7vw 1.9vw;
        right: 1.8vw;
        top: 1.8vw;
    }
    .view_badge {
        padding: .7vw 1.9vw;
        left: 1.8vw;
        top: 1.8vw;
    }
    .view_badge span {
        font-size: 2.2vw;
    }
    .view_badge iconify-icon {
        font-size: 3vw;
    }

    .product_section {
        padding: 0 0;
        padding-bottom: 41vw;
        grid-template-columns: 100%;
    }
    .product_main {
        height: 99vw;
        border-radius: 0;
        margin-bottom: 3.5vw;
    }
    .product_gallery_layout {
        padding-bottom: 3vw;
    }
    .product_gallery {
        gap: 3.5vw;
    }
    .product_gallery_box {
        width: 22.3vw;
        height: 22.37vw;
        border-radius: 0;
    }
    .product_text {
        padding: 4.7vw 4vw;
        padding-left: 4vw;
    }
    .product_text_box h3 {
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    .product_text_box span {
        font-size: 4.5vw;
    }
    .product_text_box {
        font-size: 3.5vw;
    }
    .product_text_box {
        padding: 4.46vw 0;
    }
    .product_text_box h4 {
        font-size: 5vw;
        margin-bottom: 2.72vw;
    }
    .spek_layout {
        gap: 3.14vw;
    }
    .spek_layout button {
        font-size: 3.5vw;
        padding: 1.57vw 4.3vw;
    }
    .checkout_layout p {
        font-size: 3.5vw;
    }
    .checkout_layout {
        gap: 3.5vw;
    }
    .counter {
        padding: 1.4vw 3vw;
    }
    .counter input {
        width: 7.4vw;
        font-size: 3.5vw;
    }
    .counter button iconify-icon {
        font-size: 4.7vw;
    }
    .checkout_button {
        font-size: 3.5vw;
        gap: 1.5vw;
        padding: 1.4vw 4.4vw;
    }
    .checkout_button iconify-icon {
        font-size: 4.2vw;
    }
    .product_share {
        gap: 3vw;
    }
    .product_share_box {
        width: 10.8vw;
        height: 10.8vw;
    }
    .product_share_box iconify-icon {
        font-size: 7vw;
    }
    .product_section_sc {
        padding: 8vw 4vw;
    }
    .desc_complete h2 {
        font-size: 4.4vw;
        margin-bottom: 3vw;
    }
    .desc_complete p {
        font-size: 3.5vw;
    }
    .desc_complete{
        height: 84.7vw;
        border-radius: 2.4vw;
        padding: 4.8vw 5vw;
        position: relative;
        z-index: 2;
        margin-top: -50vw;
    }
    .desc_complete ul, .desc_complete ol {
        margin-left: 4.26vw;
    }
    .desc_complete ul li, .desc_complete ol li {
        font-size: 3.5vw;
    }
    .other_products {
        margin-top: 13.5vw;
    }
    .other_products_heading {
        margin-bottom: 6.5vw;
    }
    .other_products_heading h2 {
        font-size: 6.3vw;
    }
    .zoom_product {
        padding: 2.8vw;
        left: 4.5vw;
        top: 4.5vw;
    }
    .zoom_product iconify-icon {
        font-size: 4.7vw;
    }
    .catalog_layout {
        padding: 1.6vw 4vw;
        padding-bottom: 6vw;
        grid-template-columns: 100%;
        grid-gap: 5.5vw;
    }
    .article_detail_layout{
        display: flex;
        flex-direction: column-reverse;
    }
    #productContainer.product-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2vw;
    }
    #productContainer.product-list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 3.8vw;
    }
    #productContainer.product-list .product_image {
        height: 41vw;
        border-radius: 2.87vw;
    }
    #productContainer.product-list .product_box {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3.5vw;
        row-gap: 0;
        padding: 2.8vw;
    }
    #productContainer.product-list .product_box .product_content p {
        font-size: 3.5vw;
    }
    #productContainer.product-list .product_content .desc_product {
        font-size: 3vw;
        -webkit-line-clamp: 2;
        margin-top: 1.5vw;
    }
    .article_popular{
        display: none;
    }
    .catalog_search h3 {
        font-size: 4.2vw;
        gap: 2vw;
    }
    .catalog_search h3 iconify-icon {
        font-size: 4.4vw;
    }
    .catalog_search {
        gap: 2.5vw;
        padding: 3.8vw;
        border-radius: 1.8vw;
    }
    .catalog_search form{
        gap: 2.5vw;
    }
    .catalog_search input {
        padding: 2.3vw 3.8vw;
        border-radius: 1.45vw;
        font-size: 3.5vw;
    }
    .catalog_category ul li {
        gap: .4vw;
        padding: 2.3vw 3.8vw;
        font-size: 3.5vw;
    }
    .catalog_category ul li iconify-icon {
        font-size: 3.2vw;
    }
    .price_range span {
        font-size: 3.8vw;
    }
    input[type="range"] {
        width: 100%;
        padding: 0 0 !important;
        accent-color: var(--primary-color);
    }
    .catalog_price{
        gap: .3vw !important;
    }
    .price-steps {
        font-size: 2.85vw;
    }
    #apply-filter {
        margin-top: 5vw;
        padding: 3.3vw 1.2vw;
        font-size: 3.5vw;
        gap: 1.4vw;
    }
    .catalog_filter_select {
        border-radius: 2.6vw;
    }
    .catalog_filter_select button {
        padding: 2.72vw 3.2vw;
        font-size: 3.5vw;
        border: none;
        border-radius: 2vw;
    }
    .catalog_filter_select button iconify-icon{
        font-size: 5.3vw;
    }
    .show_filter {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.9vw 1.2vw;
        width: 100%;
        outline: none;
        border: none;
        background-color: var(--primary-color);
        color: var(--white-color);
        font-size: 4.3vw;
        gap: 1.4vw;
        border-radius: 2vw;
    }
    .catalog_filter_select .dropdown li {
        padding: 2.72vw 3.2vw;
        font-size: 3.5vw;
        cursor: pointer;
        border-bottom: .1vw solid var(--primary-color);
        color: var(--accent-color);
    }
    .catalog_filter_select .dropdown{
        border-radius: 2.6vw;
        margin-top: 2.7vw;
    }



    .catalog_category_box{
        display: none;
    }
    .catalog_sidebar{
        padding-right: 0;
        gap: 3.5vw;
    }
    #targetFilter{
        display: none;
    }
    #targetFilter.active{
        display: flex;
    }
    .article_category_mobile{
        display: block;
    }
    .article_category_mobile{
        width: 100%;
        overflow-x: scroll;
    }
    .article_category_mobile::-webkit-scrollbar{
        display: none;
    }
    .article_category_mobile_layout{
        width: max-content;
        display: flex;
        gap: 2.7vw;
    }
    .article_category_mobile_layout button{
        font-size: 3.5vw;
        padding: 1.4vw 3.4vw;
        border-radius: 100vw;
        outline: none;
        border: .1vw solid var(--primary-color);
        background-color: transparent;
        color: var(--accent-color);
    }
    .pagination{
        gap: 2.7vw;
        margin-top: 9.9vw;
    }
    .pagination button {
        width: 7.3vw;
        height: 7.3vw;
        font-size: 3.5vw;
    }
    .pagination button iconify-icon {
        font-size: 5.5vw;
    }
    .pagination input{
        font-size: 3.5vw;
        border-radius: 1.6vw;
        width: 3vw;
        padding: 1.7vw 6.2vw;
        color: var(--accent-color);
    }

    .heading_catalog_main {
        margin-bottom: 4.6vw;
    }
    .heading_catalog_main h4 {
        font-size: 3vw;
    }
    .heading_catalog_main h4 font {
        font-size: 3.45vw;
    }
    .catalog_filter {
        gap: 1.7vw;
    }
    .catalog_filter button {
        width: 8vw;
        height: 6vw;
        border-radius: 1.4vw;
    }
    .catalog_filter button iconify-icon{
        font-size: 3vw;
    }


    .article_detail_heading h2 {
        font-size: 4vw;
        line-height: 1.4;
        margin-bottom: 0vw;
    }
    .article_detail_meta {
        margin-bottom: 3vw;
    }
    .article_detail_meta span {
        font-size: 2.8vw;
    }
    .article_detail_text p {
        font-size: 3.5vw;
    }
    .article_detail_text ul, .article_detail_text ol{
        margin-left:3vw;
    }
    .article_detail_text ul li, .article_detail_text ol li{
        font-size: 3.5vw;
        color: var(--accent-color);
    }
    .article_detail_text h2{
        font-size:4vw;
        margin-bottom:.8vw;
    }
    .article_detail_text h3{
        font-size:3.9vw;
        margin-bottom:.8vw;
    }
    .article_detail_text h4{
        font-size:3.8vw;
        margin-bottom:.8vw;
    }
    .article_detail_text h5{
        font-size:3.7vw;
        margin-bottom:.8vw;
    }
    .banner_page_box_article{
        height: 55vw;
    }

    .faq_page{
        padding: 8vw 5vw;
        grid-template-columns: 100%;
    }
    .faq-container {
        padding-right: 0;
    }
    .faq-item {
        border-radius: 2.4vw;
        margin-bottom: 3vw;
    }
    .faq-question {
        padding: 2.8vw 3.4vw;
        font-size:3.8vw;
        padding-right: 5.7vw;
        line-height: 1.4;
    }
    .faq-question::after {
        right: 2vw;
        top: 7.4vw;
        font-size: 7vw;
    }
    .faq-item.active .faq-question{
        color: white;
        border-bottom: .1vw solid rgba(255, 255, 255, 0.425);
    }
    .faq-item.active .faq-question::after {
        transform: rotate(180deg);
    }

    .faq-answer {
        padding: 0 3.4vw;
        font-size: 3.3vw;
    }

    .faq-item.active .faq-answer {
        padding: 2.8vw 3.4vw;
        max-height: 200px;
    }
    .faq_sidebar{
        margin-top: 1.1vw;
    }
    .faq_sidebar_box{
        border-radius: 6vw 0 6vw 0;
        padding: 8.4vw 5vw;
    }
    .faq_sidebar_box::before {
        position: absolute;
        content: '';
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1.1vw;
        height: 52.6vw;
    }
    .faq_sidebar_box iconify-icon {
        font-size: 19vw;
        margin-bottom: 2.7vw;
    }
    .faq_sidebar_box h3 {
        font-size: 4.7vw;
        margin-bottom: 3.3vw;
    }
    .faq_sidebar_box p{
        font-size: 3.5vw;
        margin-bottom: 4.6vw;
    }
    .faq_sidebar_box button{
        font-size: 3.5vw;
        padding: 1.8vw 3vw;
    }

    .faq_sidebar_contact {
        padding: 3.8vw 6vw;
        margin-top: 4.5vw;
    }
    .faq_sidebar_contact_box{
        display: flex;
        gap: 2vw;
        align-items: center;
        justify-content: space-between;
    }
    .faq_sidebar_icon{
        width: 4.6vw;
        height: 4.6vw;
    }
    .faq_sidebar_icon iconify-icon{
        font-size: 2.3vw;
    }
    .faq_sidebar_contact_box h5 {
        font-size: 3.5vw;
        font-family: "Unbounded", sans-serif !important;
        color: #01165A;
        border-right: .1vw solid #FC6011;
        padding-right: 5vw;
        font-weight: 500;
    }
    .faq_sidebar_contact_sc p {
        font-size: 3.5vw;
    }

    .footer{
        padding:13vw 5vw;
        padding-bottom: 4vw;
    }
    .footer_first{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer_identity img {
        width: 30vw;
        margin-bottom: 4vw;
    }
    .footer_identity p {
        color: white;
        width: 100%;
        font-size: 3.5vw;
        line-height: 1.5;
        margin-bottom: 4vw;
    }
    .social_media_footer{
        gap: 3vw;
    }
    .social_media_box{
        width: 7vw;
        height: 7vw;
    }
    .social_media_box iconify-icon{
        font-size: 3.5vw;
    }
    .menu_footer{
        display: flex;
        flex-direction: row;
        gap: 18vw;
        align-items: flex-start;
        margin-top: 7vw;
    }
    .menu_footer_box{
        width: max-content;
    }
    .menu_footer_box h3{
        font-size: 4vw;
        margin-bottom: 3.4vw;
    }
    .menu_footer_box ul li{
        font-size:3.5vw;
        margin-bottom: 2.8vw;
    }
    .menu_footer_box ul li a{
        text-decoration: none;
        color: white;
        width: max-content;
    }
    .footer_second{
        display: flex;
        justify-content: space-between;
        padding: 4vw 0;
        align-items: center;
        border-top: .1vw solid rgba(255, 255, 255, 0.377);
        border-bottom: .1vw solid rgba(255, 255, 255, 0.377);
        margin: 2.5vw 0;
        margin-bottom: 5vw;
        flex-direction: column;
        gap: 3vw;
    }
    .footer_second ul{
        display: flex;
        list-style: none;
        gap: 3vw;
    }
    .footer_second ul li a{
        font-size: 3.5vw;
    }
    .footer_second span{
        font-size: 3.5vw;
    }
    .footer_third p{
        font-size: 3.5vw;
        margin-bottom: 6vw;
        line-height: 1.5;
    }
    .company_data{
        display: flex;
        flex-direction: column;
        gap: 4vw;
    }
    .company_data_box{
        display: flex;
        gap: 1.3vw;
        align-items: flex-start;
    }
    .company_data_box iconify-icon{
        font-size: 4vw;
    }
    .company_data_box h5{
        font-size: 3.5vw;
        color: white;
        margin-bottom: 1vw;
        font-weight: 600;
    }
    .company_data_box p{
        margin-bottom: 0;
    }

    .popup_content_layout {
        width: 100%;
        padding: 4vw;
    }
    .popup-content {
        padding: 5vw;
        border-radius: 3vw;
    }
    .popup-content h2 {
        font-size: 6.8vw;
        margin-bottom: 4.7vw;
    }
    .popup-content ul {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 4.5vw;
    }
    .popup-content ul li button {
        font-size: 3.5vw;
        padding: 2.67vw 1.6vw;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
    .close_popup_wa {
        padding: 1.48vw;
        right: 2.4vw;
        top: 2.4vw;
        border-radius: 100vw;
    }
    .close_popup_wa iconify-icon {
        font-size: 5.8vw;
    }


}