@import url('https://fonts.googleapis.com/css2?family=Vidaloka&family=Nunito+Sans:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap');


:root{
    --color-primary : #104843;
    --color-secondary : #980C16;
    --color-dark-primary : #092825;
    --color-text : #0F423D;
    --color-black-800 : #060E19;
    --color-black-700 : #081220;
    --color-black-500 : #0B1A2D;
    --color-black-50 : #E7E8EA;
    --color-white : #ffffff;
    --color-bg-light : #F6F6F6;
    --color-border : #E7EDEC;


    /* Fonts */
    --font-nunito : 'Nunito Sans';
    --font-vidaloka : 'Vidaloka';
    --font-poppins : 'Poppins';
}

* {box-sizing: border-box;}
body{ font-family:var(--font-nunito); font-size:18px; font-weight:400; line-height:25px; color:var(--color-text); margin:0;}
p{margin: 0px;}
p:not(:last-of-type) {
    margin-bottom: 15px;
}

/* Global Heading Typography */
h1, h2{ font-family:var(--font-vidaloka); font-weight:400; letter-spacing:0; margin:0;}
h3, h4, h5, h6{ font-family:var(--font-nunito); font-weight:500; letter-spacing:0; margin:0;}

h1 { font-size: 55px; line-height: 67px; color: var(--color-primary);}
h2 { font-size: 40px; line-height: 49px; color: var(--color-dark-primary);}
h3 { font-size: 20px; line-height: 24px; color: var(--color-black-500);}


.sub_title {display: inline-flex; align-items: center; gap: 10px; font-size: 20px; line-height: 25px; font-weight: 600; font-family: 'Nunito Sans'; color:var(--color-dark-primary);}
.sub_title img {width: 20px; height: 20px; object-fit: contain}
.section_heading, h2 {margin: 20px 0px 16px;}
.section_content {display: flex; flex-direction: column; max-width: 748px; margin-bottom: 60px; align-items: start;}
.section_content.text-center {align-items: center; text-align: center;}
.section_spacing {padding-block: 100px;}
.container{ max-width:1360px; margin:0 auto; padding:0 20px;}
.mat-60 {margin-top: 60px;}
.mab-60 {margin-bottom: 60px;}
img {max-width: 100%;}
.mx-auto {margin-inline: auto;}
.bg-light {background-color: var(--color-bg-light);}
.mt-0 {margin-top: 0px !important;}
p:empty {display: none;}
.py-120 {padding-block: 120px;}
.text-center {text-align: center;}

.theme_btn{ font-family: var(--font-nunito); cursor: pointer; display: inline-flex; font-size: inherit; font-weight: 500; color: var(--color-white); background-color: var(--color-secondary); padding: 11.5px 25px; border-radius: 60px; border: 1px solid var(--color-secondary); transition: all ease-in-out 0.3s; text-decoration: none; box-shadow: 0px 11px 21.4px 0px #980C1633;}
.theme_btn:hover {color: var(--color-secondary); background-color: var(--color-bg-light);}

/* Header */
.site-header{ background:var(--color-white); border-bottom:1px solid #EAEAEA; width:100%; position: sticky; top: 0; z-index: 100;}
.header-wrapper{ max-width:1920px; margin:0 auto; padding:20px 100px; display:flex; align-items:center; justify-content:space-between;}
.main-navigation{ flex:1; display:flex; justify-content:end; margin:0 40px;}
.main-menu{ display:flex; align-items:center; gap:30px; margin:0; padding:0; list-style:none;}
.main-menu li{ margin:0;}
.main-menu li a{ text-decoration:none; color:var(--color-black-700); font-weight:500; transition:.3s;}
.main-menu li.current-menu-item a, .main-menu li a:hover{ color:var(--color-secondary);}

/* Right Side*/
.header-right{ display:flex; align-items:center; gap:30px; flex-shrink:0;}
.header-phone{ display:flex; align-items:center; gap:8px; padding:4px 15px 4px 5px; border:1px solid var(--color-secondary); border-radius:60px; color:var(--color-black-700); text-decoration:none; font-weight:500; transition: all ease-in-out 0.3s;}
.phone-icon{ width:40px; height:40px; border-radius:50%; background:var(--color-secondary); color:var(--color-white); display:inline-flex; align-items:center; justify-content:center; flex: 0 0 auto;}
.header-phone:hover {color: var(--color-secondary);}

/* Menu */
.menu-toggle{ display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; width:45px; height:45px; padding:8px; border:none; background:var(--color-secondary); border-radius:8px; cursor:pointer;}
.menu-toggle span{ width:22px; height:3px; background:var(--color-white); border-radius:3px; display:block;}

/* Hero Section */
.hero-section {background-repeat: no-repeat; background-position: center bottom; background-size: 100%;}
.hero-wrapper {display: grid; grid-template-columns: 1fr 1fr;}
.hero-content {padding: 195px 0px;}
.hero-title {margin: 24px 0px 20px;}
.hero-description {margin-bottom: 40px;}
.rg-hero-section{ position: relative; background: var(--color-bg-light); overflow: hidden; padding: 90px 0px 0px; box-sizing: border-box;}
.rg-hero-section *{ box-sizing: border-box;}
.rg-hero-section .rg-leaf-top-left{ position: absolute; top: 0; left: 0; width: 190px; height: auto; z-index: 1; pointer-events: none;}
.rg-hero-section .rg-leaf-top-right{ position: absolute; top: 0; right: 0; width: 150px; height: auto; z-index: 1; pointer-events: none;}
.rg-hero-section .rg-hero-inner{ padding-left: calc((100% - 1320px) / 2); padding-right: 20px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative; z-index: 2;}
.rg-hero-section .rg-hero-content{ flex: 0 0 46%; max-width: 640px; padding-block: 60px;}
.rg-hero-section .rg-hero-visual{ flex: 0 0 50%; position: relative; display: flex; align-items: flex-end; justify-content: center; min-height: 620px;}
.rg-hero-section .rg-dashed-circle{ position: absolute; top: 8%; left: 50%; transform: translateX(-50%); width: 520px; height: 520px; border-radius: 50%; border: 2px dashed #D08F94; animation: rg-rotate 40s linear infinite; z-index: 1;}
.rg-hero-section .rg-dashed-circle::before{ content: ""; position: absolute; inset: 40px; border-radius: 50%; background: #F5E7E8;}
@keyframes rg-rotate{ from{ transform: translateX(-50%) rotate(0deg); } to{ transform: translateX(-50%) rotate(360deg); }}
.rg-hero-section .rg-human-img{ position: relative; z-index: 3; max-width: 100%; height: auto; display: block;}
.rg-hero-section .rg-ingredients-img{ position: absolute; right: 0px; bottom: 0; z-index: 3;}
.rg-hero-section .rg-notif{ position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; background: var(--color-white); border-radius: 60px; padding: 8px 35px 8px 8px; box-shadow: 19.13px 22.96px 48.47px 0px #0C24242B; animation: rg-float 4.5s ease-in-out infinite;}
.rg-hero-section .rg-notif img{ width: 51px; height: 51px; border-radius: 50%; object-fit: cover;}
.rg-hero-section .rg-notif-title{ font-size: 14px; line-height: 16px; font-weight: 500; color: var(--color-black-800); margin: 0; white-space: nowrap;}
.rg-hero-section .rg-notif-sub{ font-size: 12px; line-height: 16px; color: var(--color-text);  margin: 0px 0px 4px; white-space: nowrap;}
.rg-hero-section .rg-notif-time{ font-size: 10px; line-height: 14px; font-weight: 400; color: #059669; margin: 0;}
.rg-hero-section .rg-notif-icon{ position: absolute; top: -12px; right: -10px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-white); font-size: 12px; box-shadow: 0px 7.48px 14.55px 0px #10484333;}
.rg-hero-section .rg-notif-1{ top: 22%; left: -2%; animation-delay: 0s; }
.rg-hero-section .rg-notif-1 .rg-notif-icon{ background: var(--color-secondary); }
.rg-hero-section .rg-notif-2{ top: 50%; left: 25%; animation-delay: 1.2s; }
.rg-hero-section .rg-notif-2 .rg-notif-icon{ background: #D97706; }
.rg-hero-section .rg-notif-3{ top: 18%; right: 0%; animation-delay: 2.2s; }
.rg-hero-section .rg-notif-3 .rg-notif-icon{ background: #059669; }
@keyframes rg-float{ 0%, 100%{ transform: translateY(0); } 50%{ transform: translateY(-12px); }}
.rg-hero-section .rg-wood-banner{ position: relative; z-index: 2; width: 100%; display: block; pointer-events: none;}
.rg-hero-section .rg-banner-bottom-left{ position: absolute; left: 0px; bottom: 0; z-index: 3; pointer-events: none;}
@media (prefers-reduced-motion: reduce){.rg-hero-section .rg-dashed-circle, .rg-hero-section .rg-notif{ animation: none; }}


/* About Us */
.about-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px;}
.about-stat h2 {color: var(--color-secondary);position: relative; display: inline-block; font-family: 'Instrument Sans'; margin: 0px 0px 20px; padding-bottom: 20px;}
.about-stat h2::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 33px; height: 2.3px; background: var(--color-border);}
.about-stat h3 { margin-bottom: 6px; font-family: 'Nunito Sans';}
.about-images{ display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.about-images img{ width:100%; object-fit:cover; border-radius:20px; display:block;}


/* Products Section */
.products-section{background:var(--color-bg-light);}
.products-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px ;}
.product-card {display: flex; flex-direction: column; gap: 30px;}
.product-image, .shine_hover {border-radius: 20px; overflow: hidden; display: flex; position: relative;}
.product-image::before , .shine_hover::before{ position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.product-card:hover .product-image:before, .shine_hover:hover::before { -webkit-animation: shine .75s; animation: shine .75s;}
.product-image img {width: 100%; height: auto;}
.product-content {display: flex; flex-direction: column; gap: 20px; flex: 1 1 0;}
.product-content p {margin: 0px;}
.product-arrow {color: var(--color-secondary); text-decoration: none; font-family: var(--font-poppins); display: inline-flex; align-items: center; gap: 10px; margin-top: auto;}
.product-arrow * {transition: all ease-in-out 0.3s;}
.product-arrow svg {transform: rotate(45deg);}
.product-arrow:hover svg {transform: rotate(0deg);}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.custom-logo-link{ display:block;}



/* Why Choose Us */
.why-section {margin-bottom: 70px;}
.why-section .inner_section{ background-repeat:no-repeat; background-size:cover; background-position: 100% -70px; padding-bottom: 0px !important; }
.why-section .container {padding-top: 50px;}
.why-section .why-box{ width:100%; max-width: 870px; background:var(--color-white); border-radius:20px; padding:40px; box-shadow: 0px 4px 19.8px 0px #00000014; position: relative; margin-bottom: -70px;} 
.why-features{ display: grid; grid-template-columns: repeat(3, 1fr);}
.why-feature{ padding: 0px 24px 24px; display: flex; flex-direction: column; gap: 16px; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);}
.why-feature:nth-child(3n){ border-right: none;}
.why-feature:nth-last-child(-n+3){ border-bottom: none; padding-top: 24px; padding-bottom: 0px;}
.why-feature img{ width:40px; height:40px; object-fit:contain;}


/* Testimonial */
.testimonial-layout{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; width: 100%;}
.testimonials-image{ width: 100%; position: relative; z-index: 1;}
.testimonialSwiper  {max-width: 100%; margin-inline: auto;}
.testimonialSwiper .testimonial-review {margin-bottom: 50px;}
.testimonial_user_name {margin-bottom: 10px;}
.testimonialSwiper .swiper-wrapper {height: auto;}
.testimonialSwiper .swiper-pagination{ margin-top:35px; position:unset;}
.testimonialSwiper .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; background:var(--color-border);}
.testimonialSwiper .swiper-pagination-bullet-active{ background:var(--color-secondary);}
.testimonialSwiper .swiper-slide{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width: 100% !important;}


/* Cta Section */
.cta-section{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.cta-section .section_content {margin-bottom: 0px !important;}
.cta-section .theme_btn {margin-top: 40px;}


/* Footer */
.site-footer{ background: var(--color-black-800); color:var(--color-white);}
.footer-grid{ display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:60px;}
.footer-grid .footer-col:first-child{max-width: 360px;}
.footer-logo{ margin-bottom:30px;}
.footer-col h3{ font-size: 28px; line-height: 34px; margin-bottom:16px; color:var(--color-white);}
.footer-col p{ color: var(--color-black-50);}
.footer-col h4{ margin-bottom:20px; color:var(--color-white); font-family: 'Nunito Sans'; font-weight: 500;}
.footer-col ul{ margin:0; padding:0; list-style:none;}
.footer-col ul li:not(:last-child){ margin-bottom:16px;}
.footer-col ul li a{ color: var(--color-black-50); text-decoration:none; transition:.3s;}
.footer-col ul li a:hover{ color:var(--color-white);}
.footer-social{ display:flex; align-items:center; gap:16px;}
.footer-social a{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:0.3s;}
.footer-social img{ width:40px; height:40px; object-fit:contain; display:block;}
.footer-bottom-inner{ display:flex; justify-content:space-between; align-items:center;}
.footer-bottom p, .footer-policy a{ margin:0; font-size:16px; line-height: 22px;}

.footer-bottom{ border-top:1px solid rgba(255,255,255,.2); padding:22px 0px;}
.footer-bottom .container{ display:flex; justify-content:space-between; align-items:center; gap: 20px; flex-wrap: wrap; text-align: center;}
.footer-copy{ margin:0;}
.footer-policy{ display:flex; gap:30px;}
.footer-policy a{text-decoration:none; color: var(--color-white);}
.footer-policy a:hover{ color:var(--color-white);}

.contact-item{ display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.contact-item img{ width:40px; height:40px; object-fit:contain; flex-shrink:0; border-radius: 10px;}
.contact-item p{ margin:0; color:var(--color-black-50); line-height:1.7;}
.footer-divider{ width:100%; height:1px; background:rgba(255,255,255,.12); margin:24px 0;}

.footer-menu { list-style: none; padding: 0; margin: 0;}
.footer-menu li { margin-bottom: 16px;}
.footer-menu li a { text-decoration: none; color: inherit;}

.site-footer .contact-text a { color: #fff !important; text-decoration: none !important;}


/* Custom Single Product */
.single-product-image{ border-radius: 20px; display: flex; overflow: hidden;}
.single-product-image img{ width:100%; height: auto;}
.single-product-content {display: flex; flex-direction: column; gap: 20px; align-self: center;}
.single-product-content h2 {margin: 0px; padding-bottom: 22px; position: relative;}
.single-product-content h2::after {content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; border-radius: 4px; background-color:var(--color-border);}
.product-description {margin-bottom: 20px;}
.gmwqp_inquirybtn_loop {margin: 0px; width: fit-content !important;}
#enquiry_btn .button, .gmwqp_inner_popup_op_mores .gmqqp_submit_btn{ font-family: var(--font-nunito) !important; display: inline-flex !important; font-weight: 500 !important; line-height: inherit; color: var(--color-white) !important; background-color: var(--color-secondary) !important; padding: 11.5px 25px !important; border-radius: 60px !important; border: 1px solid var(--color-secondary) !important; transition: all ease-in-out 0.3s !important; text-decoration: none !important; box-shadow: 0px 11px 21.4px 0px #980C1633 !important;}
#enquiry_btn .button:hover, .gmwqp_inner_popup_op_mores .gmqqp_submit_btn:hover {color: var(--color-secondary) !important; background-color: var(--color-bg-light) !important;}

.gmwqp_popup_op .gmwqp_inner_popup_op { background: var(--color-white); border-radius: 12px; padding: 32px 30px; width: calc(100% - 40px); max-width: 600px; box-shadow: 0 10px 40px rgba(5, 37, 26, 0.15); position: relative; border: 1px solid var(--color-border);}
.gmwqp_inner_popup_op_mores .gmwqp_close { position: absolute; top: -14px; right: -14px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-bg-light); transition: background 0.2s ease, transform 0.2s ease;}
.gmwqp_inner_popup_op_mores .gmwqp_close:hover { background: var(--color-bg-light); transform: rotate(90deg);}
.gmwqp_inner_popup_op_mores .gmwqp_close img { width: 14px; height: 14px; opacity: 0.7;}
.gmwqp_inner_popup_op_mores .gmwqp_popup_title { color:var(--color-dark-primary); background-color: var(--color-bg-light); font-size: 22px; font-weight: 700; margin: 0 0 24px 0; padding-bottom: 14px; border-bottom: 2px solid var(--color-secondary); letter-spacing: 0.2px;}
.gmwqp_inner_popup_op_mores .gmwqp_popup_op_form { display: block;}
.gmwqp_inner_popup_op_mores .gmwqp_popupcontant { display: block;}
.gmwqp_inner_popup_op_mores .gmwqp_inner_popupcontant { display: flex; flex-direction: column; gap: 20px;}
.gmwqp_inner_popup_op_mores .gmwqp_loop { display: flex; flex-direction: column; gap: 6px; margin: 0px !important;}
.gmwqp_inner_popup_op_mores .gmqqp_label { color: var(--color-dark-primary); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px;}
.gmwqp_inner_popup_op_mores .gmqqp_label span { color: var(--color-secondary); margin-left: 2px;}
.gmwqp_inner_popup_op_mores .gmqqp_inner_field { width: 100%;}
.gmwqp_inner_popup_op_mores .gmqqp_input { width: 100%; box-sizing: border-box; background: var(--color-bg-light); border: 1px solid var(--color-border) !important; border-radius: 30px !important; padding: 0 14px; min-height: 45px; font-size: inherit; font-family: inherit !important; color:var(--color-dark-primary); transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}
.gmwqp_inner_popup_op_mores textarea.gmqqp_input { height: auto; min-height: 90px; border-radius: 20px !important; padding: 12px 14px; resize: vertical;}
.gmwqp_inner_popup_op_mores .gmqqp_input::placeholder { color: var(--color-text);}
.gmwqp_inner_popup_op_mores .gmqqp_input:hover { border-color: var(--color-border);}
.gmwqp_inner_popup_op_mores .gmqqp_input:focus { outline: none; border-color: var(--color-primary) !important; }
.gmwqp_inner_popup_op_mores .gmqqp_submit { margin-top: 24px; display: flex; justify-content: flex-end;}
.gmwqp_popupcontant .gmwqpmsgc {font-size: 14px; line-height: 20px; margin-top: 30px !important; display: flex; flex-direction: column; gap: 2px; padding: 20px; border-radius: 10px; border: 1px solid green; background-color: #ebffeb;} 
.gmwqpmsgc.gmwerr {border-color: red; background-color: #fff8f8;}

.gmwqpmsgc.gmwerr {
    display: none;
}
 
.gmwqp-inline-error { font-size: 14px; line-height: 20px; display: flex; flex-direction: column; gap: 2px; color: red; text-transform: unset;}

@media (max-width: 480px) { 
.gmwqp_popup_op .gmwqp_inner_popup_op { padding: 24px 20px; border-radius: 10px; }
.gmwqp_inner_popup_op_mores .gmqqp_submit { justify-content: stretch; }
.gmwqp_inner_popup_op_mores .gmqqp_submit_btn { width: 100%; text-align: center; justify-content: center;}
}

/* =======================
    Inner Pages
========================= */
/* Banner Section */
.products-hero {padding: 120px 0px; text-align: center; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.products-hero::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background-color: #000; opacity: 0.5;}
.products-hero * {color: var(--color-white); position: relative;}
.banner_title {margin: 24px 0px 20px;}


/* ====== About Us Page ======= */
.flex_container {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.about_section .about_img>div {border-radius: 20px; overflow: hidden; display: flex;}
.about_section .about_img .img-1 {width: 75%;}
.about_section .about_img .img-2 {width: 50%; margin: -35% 0px 0px auto; transform: rotate(6deg); border: 4px solid var(--color-white);}
.about_section .about_img>div img {width: 100%;}
.about_counter {padding: 30px; border-radius: 20px; border: 1px solid var(--color-black-50 ); display: flex; gap: 40px; margin-top: 44px;}
.about_counts {flex: 1; text-align: center; position: relative;}
.about_counts:not(:last-child)::before {content: ''; width: 2px; height: 34px; border-radius: 2px; background-color: var(--color-black-50); position: absolute; top: 50%; transform: translateY(-50%); right: -20px;}
.about_counts h2 {color: var(--color-secondary); margin: 0px 0px 20px; font-weight: 500; font-family: 'Nunito Sans';}
.about_counts p {color: var(--color-black-500); margin: 0px;}


.process_group, .process_count {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.process_item {text-align: center;}
.process_item_img {width: 160px; height: 160px; border-radius: 50%; margin: 0px auto; overflow: hidden;}
.process_item h3 {margin: 20px 0px 16px;}
.process_count {position: relative;}
.process_count::before {content: ''; height: 1px; width: 100%; position: absolute; top: 19px; left: 0px; border-bottom: 1px dashed #91ABA9;}
.process_count span {display: inline-flex; position: relative; margin: auto; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto; background-color: var(--color-secondary); color: var(--color-white); font-weight: 500;}



.our_facilities_item:not(:last-child) {margin-bottom: 100px;}
.our_facilities_item {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.our_facilities_item_img {border-radius: 20px; overflow: hidden; display: flex;}
.our_facilities_item_img img {width: 100%; object-fit: cover;}
.our_facilities_item_content {padding: 50px 0px 62px; display: flex; flex-direction: column; gap: 20px;}
.our_facilities_item_content h2 {margin: 0px; padding-bottom: 22px; position: relative;}
.our_facilities_item_content h2::after {content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; border-radius: 4px; background-color:var(--color-border);}
.our_facilities_item_content h3 {padding: 20px 30px; margin-top: auto; margin-right: auto; margin-left: -150px; position: relative; border-radius: 20px; background-color: var(--color-white); font-size: 30px; line-height: 36px; color: var(--color-secondary); font-family: var(--font-vidaloka);}
.our_facilities_item:nth-child(even) .our_facilities_item_content {order: 1;}
.our_facilities_item:nth-child(even) .our_facilities_item_img {order: 2;}
.our_facilities_item:nth-child(even) .our_facilities_item_content h3 {margin-right: -150px; text-align: end; margin-left: auto;}


.mission_section .inner_section {padding-bottom: 0px; position: relative;}
.mission_section .inner_section::before {content: ''; height: 100px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: var(--color-white);}
.mission_section .flex_container {max-width: 976px; margin-inline: auto; position: relative;}
.mission_item {display: flex; flex-direction: column; text-align: center; padding: 60px; border-radius: 20px; background-color: var(--color-white);}
.mission_item:not(.vission_item) {background-color: var(--color-primary);}
.mission_item_icon {width: 60px; height: 60px; display: inline-flex; margin: 0px auto 40px;}
.mission_item_content h2 {margin: 0px 0px 20px;}
.mission_item:not(.vission_item) h2, .mission_item:not(.vission_item) p {color: var(--color-white);}
.mission_item_footer {padding-top: 30px; margin-top: 30px; position: relative; border-top: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);}
.vission_item {border: 1px solid var(--color-border);}
.vission_item .mission_item_footer {border-top: 1px solid;border-image-source: linear-gradient(270deg, rgba(152, 12, 22, 0) 0%, rgba(152, 12, 22, 0.2) 50%, rgba(152, 12, 22, 0) 100%);}


.trusted_customer .section_heading {margin: 0px; position: relative; display: flex; align-items: center; gap: 50px;}
.trusted_customer .section_heading span {display: flex; height: 1.5px; width: auto; flex: 1 1 0; border-radius: 4px; background-color: var(--color-black-50); margin-top: 4px;}
.trusted_customer_group {display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px;}
.trusted_customer_group .item { display: flex; justify-content: center; align-items: center; max-width: 120px; width: 100%; margin: auto;}


.cta_page_banner {background-position: bottom right; background-repeat: no-repeat; background-size: cover;}
.cta_page_banner h2 {margin: 0px;}
.cta_page_banner .cta_content {max-width: 627px;}
.cta_page_banner .theme_btn {margin-top: 40px;}



.product_lis_item:not(:last-child) {margin-bottom: 100px;}
.product_lis_item {display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}
.product_list_image {border-radius: 20px; overflow: hidden; display: flex;}
.product_list_image img {width: 100%; object-fit: cover; height: 100%;}
.product_list_content h2 {margin: 0px 0px 20px; padding-bottom: 22px; position: relative;}
.product_list_content h2::after {content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; border-radius: 4px; background-color:var(--color-secondary);}
.product_subtitle {margin: 20px 0px 10px;}
.product_specifications {margin: 0px 0px 40px; list-style: none; padding: 0px;}
.product_specifications li:not(:last-child) {margin-bottom: 8px;}
.product_specifications li {display: flex; gap: 10px;}
.product_specifications li::before {content: ''; display: inline-flex; width: 24px; height: 24px; background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.5C5 14.5 6.5 14.5 8.5 18C8.5 18 14.059 8.833 19 7" stroke="%23980C16" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;}
.product_lis_item:nth-child(even) .product_list_content {order: 1;}
.product_lis_item:nth-child(even) .product_list_image {order: 2;}



.gallery-tabs {display: flex; align-items: center; gap: 20px; flex-wrap: nowrap; overflow: auto hidden; max-width: fit-content; margin-bottom: 40px;}
.gallery-tab {padding: 12.5px 20px; white-space: nowrap; background-color:#ffffff00 ; cursor: pointer; font-size: inherit; font-family: inherit; border-radius: 40px; outline: none; border: 1px solid var(--color-black-50); color: #0F423D; transition: all ease-in-out 0.3s;}
.gallery-tab:hover {border-color: var(--color-secondary); color: var(--color-secondary);}
.gallery-tab.active, .gallery-tab.active:hover {color: var(--color-white); border-color: var(--color-secondary); background-color: var(--color-secondary); box-shadow: 0px 11px 21.4px 0px #980C1633;}

.gallery-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.gallery-item {border-radius: 20px; overflow: hidden; display: flex;}
.gallery-item img {width: 100%; height: 100%; object-fit: cover;}


.form_grid {display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px;}
.form_group {display: flex; flex-direction: column; margin-bottom: 24px;}
.form_group label {margin-bottom: 8px; display: block;}
.form_group input, .form_group textarea {padding: 12.5px 20px; font-size: inherit; font-family: inherit; line-height: inherit; border: 1px solid var(--color-black-50); color: var(--color-text); width: 100%; outline: none; box-shadow: none;}
.form_group input {border-radius: 60px;}
.form_group textarea {border-radius: 20px;}
.form_group input:focus, .form_group textarea:focus {border-color: var(--color-dark-primary);}
.form_btn p {display: inline-flex; width: fit-content; position: relative;}
.form_btn p .wpcf7-spinner {margin: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.wpcf7-form.submitting .form_btn .theme_btn {pointer-events: none; opacity: 0.8;}

.wpcf7 form .wpcf7-response-output{ padding: 15px 20px; border-radius: 10px; text-align: center; margin: 30px 0px 0px; border: 1px solid ; background-color: color-mix(in srgb, currentColor 8%, white);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border-color: #ffb900; background-color: color-mix(in srgb, currentColor 8%, white); color: #ffb900;}
.wpcf7 form .wpcf7-response-output{ color: red;}
.wpcf7 form.sent .wpcf7-response-output{color: green; }
.wpcf7-not-valid-tip {font-size: 14px; line-height: 20px; margin-top: 4px;}

.contact_content {display: flex; flex-direction: column;}
.contact_form>div {margin-top: 10px;}
.contact_content_right {display: flex; flex-direction: column; gap: 30px;}
.contact_details {padding: 40px; background-position: bottom right; background-repeat: no-repeat; border-radius: 20px; background-color: #F5F5F5;}
.contact_details_item {display: flex; align-items: start; gap: 20px; max-width: 80%;}
.contact_details_item:not(:last-child) {margin-bottom: 20px;}
.contact_details_item_icon {display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; width: 40px; height: 40px; background-color: var(--color-border);}
.contact_details_item_content .title {color: var(--color-black-500); margin-bottom: 4px;}
.contact_details_item_content a {color: var(--color-text); transition: all ease-in-out 0.3s; text-decoration: none;}
.contact_details_item_content a:hover {color: var(--color-secondary);}
.contact_img {border-radius: 20px; overflow: hidden; display: flex;}
.contact_img img {width: 100%; object-fit: cover;}

.map_section {aspect-ratio: 2.34; display: flex;}
.map_section iframe {height: 100%; border: none;}


/* === Blog Page ==== */
.blog_wrapper {display: grid; grid-template-columns: 66% auto; gap: 30px;}
.blog_list {display: flex; flex-direction: column; gap: 30px;}
.blog_card {background-color: var(--color-white);}
.blog_card:not(:last-child) {border-bottom: 1px solid var(--color-black-50);}
.blog_card__image {border-radius: 20px; display: flex; overflow: hidden; aspect-ratio: 29 / 15;}
.blog_card__image img {width: 100%; height: 100%; object-fit: cover;}
.blog_card__content {padding: 30px 0px;}
.blog_card__content .blog_date {font-size: 16px; line-height: 22px; display: inline-flex; align-items: center;}
.blog_card__content .blog_title {font-size: 32px; line-height: 39px; margin: 12px 0px;}
.blog_card__content .blog_title a {color: inherit; text-decoration: none; transition: all ease-in-out 0.3s;}
.blog_card__content .blog_title a:hover {color: var(--color-secondary);}
.blog_card__content .blog_excerpt {margin-bottom: 20px;}
.blog_card__content .read-more {text-decoration: underline; font-family: var(--font-nunito);}

.blog_pagination {display: flex; align-items: center; gap: 8px;}
.blog_pagination .page-numbers {color: var(--color-primary); border: 1px solid transparent; padding: 8px; border-radius: 8px; font-size: 14px; line-height: 20px; text-decoration: none; height: 36px; display: inline-flex; align-items: center; justify-content: center; transition: all ease-in-out 0.3s; min-width: 36px;}
.blog_pagination .page-numbers:hover {border-color: var(--color-primary);}
.blog_pagination .page-numbers.current {background-color: var(--color-primary); color: var(--color-white);}


.certificate_group {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.separator_space {max-width:718px; height: 10px; border-radius: 30px; background-color: var(--color-bg-light);}

.certificate_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.certificate_item {border-radius: 20px; padding: 30px 58px; border: 1px solid var(--color-black-50); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 40px;}
.certificate_item_img {overflow: hidden; border-radius: 0px;}
.certificate_item h3 {margin: 0px;}


.blog-sidebar { width: 420px; display: flex; flex-direction: column; gap: 30px; flex-shrink: 0;}
.blog-widget { background: #fff; border: 1px solid #E6ECE9; border-radius: 20px; padding: 24px;}
.widget-title {font-size: 24px;font-weight: 600; line-height: 1.3; color: #092A27; margin-bottom: 24px;}

.blog-widget .search-form { position: relative;}
.blog-widget .search-field { width: 100%; height: 56px; border: 1px solid #E6ECE9; border-radius: 999px; padding: 0 55px 0 20px; font-size: 16px; color: #104843; outline: none; background: #fff;}
.blog-widget .search-field::placeholder { color: #8AA29D;}
.blog-widget .search-submit { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 22px; height: 22px; border: 0; background: transparent; cursor: pointer; text-indent: -9999px;}
.blog-widget .search-submit::after { content: "\1F50D"; position: absolute; inset: 0; text-indent: 0; font-size: 18px; color: #104843;}

.recent-post-item { display: flex; align-items: flex-start; gap: 12px; text-decoration: none;}
.recent-post-item:not(:last-child) { margin-bottom: 20px;}

.recent-post-thumb { width: 80px; height: 80px; flex-shrink: 0;}
.recent-post-thumb img { width: 100%; height: 100%;object-fit: cover;border-radius: 8px; display: block;}

.recent-post-content {flex: 1;}
.recent-post-content h4 {margin: 0 0 10px; color: #104843; transition: .3s;}
.recent-post-content span { display: block; font-size: 16px; color: #0F423D;}
.recent-post-item:hover h4 { color: #980C16;}


.search-form{ position: relative;}
.search-submit{position:absolute; top:50%; right:18px; transform:translateY(-50%); width:40px; height:40px; border:none; background:transparent; padding:0; cursor:pointer; display:flex; align-items:center; justify-content:center;}

.search-submit::before,
.search-submit::after{ display:none !important; content:none !important;}

.search-submit img{ width:16px; height:16px; display:block !important; opacity:1 !important; visibility:visible !important;}


.single_blog_post>*:first-child{ margin-top:0;}
.single_blog_post>*:last-child{ margin-bottom:0;}

/* Typography */
.single_blog_post h1{ font-size:32px; line-height:39px; margin:12px 0 20px;}
.single_blog_post h2{ font-size:28px; line-height:36px; margin:40px 0 18px;}
.single_blog_post h3{ font-size:24px; line-height:32px; margin:34px 0 16px;}
.single_blog_post h4{ font-size:20px; line-height:28px; margin:30px 0 14px;}
.single_blog_post h5{ font-size:18px; line-height:26px; margin:26px 0 12px;}
.single_blog_post h6{ font-size:16px; line-height:24px; margin:22px 0 10px;}
.single_blog_post p{ margin:0 0 18px; line-height: 1.6;}
.single_blog_post strong,
.single_blog_post b{ font-weight:700;}
.single_blog_post em{ font-style:italic;}

/* Links */
.single_blog_post a{ color:inherit; text-decoration:underline; transition:.3s;}
.single_blog_post a:hover{ text-decoration:none;}

/* Lists */
.single_blog_post ul,
.single_blog_post ol{ margin:0 0 22px 25px; padding:0;}
.single_blog_post li{ margin-bottom:10px; line-height:1.8;}
.single_blog_post ul ul,
.single_blog_post ul ol,
.single_blog_post ol ul,
.single_blog_post ol ol{ margin-top:10px; margin-bottom:10px;}

/* Images */
.single_blog_post img{ display:block; max-width:100%; height:auto; border-radius:10px; margin:30px auto;}

/* Figure */
.single_blog_post figure{ margin:30px 0;}
.single_blog_post figcaption{ margin-top:10px; font-size:14px; text-align:center; opacity:.7;}

/* Quote */
.single_blog_post blockquote{ margin:35px 0; padding:24px 28px; border-left:4px solid #e91e63; background:#fafafa; font-size:20px; line-height:1.8; font-style:italic;}
.single_blog_post blockquote p:last-child{ margin-bottom:0;}

/* Table */
.single_blog_post table{ width:100%; margin:30px 0; border-collapse:collapse;}
.single_blog_post table th,
.single_blog_post table td{ padding:14px 18px; border:1px solid #e5e5e5; text-align:left;}
.single_blog_post table th{ font-weight:600;}

/* Code */
.single_blog_post pre{ margin:30px 0; padding:20px; overflow:auto; border-radius:8px; background:#f7f7f7;}
.single_blog_post code{ font-family:Consolas, monospace;}

/* Horizontal line */
.single_blog_post hr{ margin:40px 0; border:none; border-top:1px solid #e5e5e5;}


/* ===========================
   404 Page
=========================== */

.error-404-section{ background: #fff; padding: 80px 0; min-height: calc(100vh - 220px); display: flex; align-items: center; justify-content: center;}
.error-404-content { max-width: 700px; margin: 0 auto; text-align: center;}
.error-icon img{ width:42px; margin-bottom:16px;}
.error-subtitle{ color: var(--color-secondary); font-size:20px; font-weight:600; margin-bottom:20px;}
.error-title{ font-family: var(--font-vidaloka); color: var(--color-primary); font-size:140px; line-height:1; margin:15px 0 25px;}
.error-heading{ color: var(--color-dark-primary); margin-bottom:20px;}
.error-description{ color: var(--color-text); max-width:600px; margin:0 auto 40px;}

/*====================================
 Privacy Policy & Terms Page
====================================*/

.page-content{ padding:100px 0; background:#f7f8f9;}
.page-content .container{ max-width:1000px;}
.page-content .entry-content{ background:#fff; border-radius:20px; padding:70px; box-shadow:0 10px 35px rgba(0,0,0,.08);}
/* Last Updated */

.page-content .entry-content > p:first-child{ display:inline-flex; align-items:center; gap:10px; background:#F6F6F6; border:1px solid #E7EDEC; padding:12px 22px; border-radius:50px; color:var(--color-secondary); font-weight:700; margin-bottom:40px;}
/* Heading */

.page-content h2{ font-family:var(--font-vidaloka); color:var(--color-primary); font-size:34px; margin:40px 0 25px; padding-bottom:16px; position:relative;}
.page-content h2::after{ content:""; position:absolute; left:0; bottom:0; width:70px; height:3px; background:var(--color-secondary); border-radius:20px;}
.page-content h3{ font-size:24px; color:var(--color-primary); margin:40px 0 18px;}
/* Paragraph */

.page-content p{line-height:1.6;  margin-bottom:18px;}
/* Lists */

.page-content ul,
.page-content ol{ margin:25px 0; padding-left:0; list-style:none;}
.page-content li{ position:relative; padding-left:28px; margin-bottom:10px; line-height:1.6;}
.page-content ul li::before{ content:""; position:absolute; left:0; top:11px; width:10px; height:10px; border-radius:50%; background:var(--color-secondary);}
/* Links */

.page-content a{ color:var(--color-secondary); text-decoration:none; font-weight:600;}
.page-content a:hover{ text-decoration:underline;}
/* Strong */

.page-content strong{ color:var(--color-primary);}
/* Contact Box */

.page-content h2:first-child{ margin-top:0px;}
.page-content h2:last-of-type + p{ background:var(--color-white); border-left:5px solid var(--color-secondary); padding:25px; border-radius:12px;}
/* Table */

.page-content table{ width:100%; border-collapse:collapse; margin:30px 0;}
.page-content table th{ background:var(--color-primary); color:#fff; padding:16px;}
.page-content table td{ border:1px solid #E7EDEC; padding:16px;}




/* Swiper container */
.certificate-slider{ padding: 10px 4px 8px;}
.certificate-slider .swiper-slide{ display:flex; align-items:center; justify-content:center;}
.certificate-slider .item{ display:flex; align-items:center; justify-content:center; width:100%;}
.certificate-slider .item img{ max-width:100%; height:auto; display:block;}
.certificate-slider.swiper-css-mode .swiper-wrapper{ justify-content:center;}



/* Responsive */

@media(max-width:991px){

.page-content{ padding:70px 0;}
.page-content .entry-content{ padding:45px 35px;}
.page-content h2{ font-size:30px;}
}

@media(max-width:767px){

.page-content{ padding:50px 0;}
.page-content .entry-content{ padding:25px;}
.page-content h2{ font-size:26px;}
}


.product_long_description {padding-top: 0px !important;}
.product_long_description .section_heading {margin-top: 0px !important;}
.product-description-text p {margin-bottom: 18px;}
/* .product-description-text{ max-height:220px; overflow:hidden; position:relative; transition:max-height .4s ease;} 
.product-description-text.expanded{ max-height:5000px;} 
.product-description-text::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:80px; background:linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events:none;} 
.product-description-text.expanded::after{ display:none;}
.read-more-description{ width:100%; display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:-10px;  margin-bottom:30px; color:var(--color-secondary); font-weight:600; font-size:16px; text-decoration:none; cursor:pointer; transition:.3s ease; position: relative;} 
.read-more-description:hover{ color:var(--color-primary);} 
.read-more-description svg{ transition:transform .3s ease;} 
.read-more-description.active svg{ transform:rotate(-90deg);} */



.certificate_slider .swiper-slide {width: auto !important; flex: 1 1 0;}

/* =========== Responsive CSS============ */

@media screen and (max-width : 1700px) { 
    .rg-hero-section .rg-banner-bottom-left {width: 30%;}
}
@media screen and (max-width : 1600px) {
    .header-wrapper {padding: 20px;}
}

@media screen and (max-width:1366px) {
    body {font-size: 18px;}
    h1 { font-size: 50px; line-height: 56px;}
    h2 { font-size: 35px; line-height: 43px;}
    h3, .sub_title { font-size: 18px;}
    .section_spacing {padding-block: 80px;}
    .section_content , .mab-60 {margin-bottom: 50px;}
    .mat-60 {margin-top: 50px;}
    .py-120 {padding-block: 100px;}

    /* Header */
    .main-menu, .header-right {gap: 20px;}

    /* Hero Section */
    .rg-hero-section .rg-hero-inner {padding-inline: 20px;}
    .rg-hero-section .rg-banner-bottom-left {max-width: 400px;}
    .rg-hero-section .rg-ingredients-img {width: 40%;}

    /* About US */
    .about-stat h2 {margin: 0px 0px 15px; padding-bottom: 15px;}

    /* Why Choose Us */
    .why-section .container {padding-top: 20px;}

    /* Testimonial */
    .testimonialSwiper .testimonial-review {margin-bottom: 40px;}

    /* Cta Section */
    .cta-section .theme_btn {margin-top: 30px;}


    /* Banner Section */
    .products-hero {padding: 100px 0px;}
    .banner_title {margin: 20px 0px 18px;}

    .flex_container {gap: 50px;}

    .process_item_img {width: 130px; height: 130px;}

    .our_facilities_item:not(:last-child) {margin-bottom: 80px;}
    .our_facilities_item {gap: 50px;}
    .our_facilities_item_content h3 {font-size: 28px;}


    .cta_page_banner .theme_btn {margin-top: 30px;}

    .product_lis_item:not(:last-child) {margin-bottom: 80px;}
    .product_lis_item {gap: 50px;}
    .products_list_section {padding-bottom: 50px;}

    .gallery-tabs {margin-bottom: 30px; gap: 10px;}
    .gallery-grid {gap: 20px;}


    .blog_card__content .blog_title {font-size: 28px; line-height: 35px;}

    .single_blog_post h1{ font-size:28px; line-height:35px;}
    .single_blog_post h2{ font-size:25px; line-height:32px;}
    .single_blog_post h3{ font-size:22px; line-height:29px;}
    .single_blog_post h4{ font-size:19px; line-height:26px;}
    .single_blog_post h5{ font-size:17px; line-height:24px;}
    .single_blog_post h6{ font-size:15px; line-height:22px;}
}

@media (max-width:1200px){
    .theme_btn {padding: 9px 25px;}

    .header-wrapper{ padding:10px 20px;}
    .main-menu li a, .header-phone{ font-size:16px;}
    .phone-icon{ width: 36px; height: 36px;}
    .main-menu, .header-right {gap: 15px;}
    .main-navigation {margin-inline: 20px;}

    /* About Us Page */
    .about_counter {padding: 24px;}
    .about_counts h2 {margin-bottom: 16px;}
}

@media (max-width: 1100px){ 
    /* Hero Section */
    .rg-hero-section .rg-hero-inner{ flex-direction: column; gap: 0px; }
    .rg-hero-section .rg-hero-content{ text-align: center; }
    .rg-hero-section .rg-badge{ justify-content: center; width: 100%; }
    .rg-hero-section .rg-hero-content p{ margin-left: auto; margin-right: auto; }
    .rg-hero-section .rg-hero-visual {max-width: 600px;}
}

@media (min-width:1024.98px){
    .menu-toggle{ display:none !important;}
    .mobile-navigation{ display:none !important;}
    .header-right{ display:flex !important;}
}

@media screen and (max-width : 1024px) {
    /* ========= Mobile Header ======== */
    .header-wrapper{ display:flex; justify-content:space-between; align-items:center; position:relative;}
    .site-logo img, .custom-logo{ height:40px; object-fit: contain;}
    .menu-toggle{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius: 0px;}
    .hide-toggle{ display:none !important;}
    .header-right{ display:none;}

    /* ==== Mobile Navigation ====== */
    .mobile-navigation{ position: fixed; top: 0; right: -100%; width: 85%; max-width: 350px; height: 100vh; background: var(--color-white); z-index: 9999; transition: right .4s ease; padding: 50px 25px 30px; overflow-y: auto; box-shadow: -8px 0 20px rgba(0,0,0,.15);}
    .mobile-navigation.active{ display:block; right:0;}
    .mobile-navigation .mobile-menu{ list-style:none; margin:0; padding:0;}
    .mobile-navigation .mobile-menu li{ margin:0;}
    .mobile-menu{ display:flex; flex-direction:column; list-style:none; margin:0; padding:0; width:100%;}
    .mobile-menu li{ width:100%;}
    .mobile-menu li a{ display:block; width:100%; padding:10px 0; color:var(--color-text); text-decoration:none; border-bottom:1px solid var(--color-bg-light); letter-spacing: 0px !important; transition: all ease-in-out 0.3s;}
    .mobile-navigation .mobile-menu li a:hover{ color:var(--color-secondary) !important; border-color: var(--color-secondary);}
    .mobile-btn{ display:flex; align-items:center; justify-content:center; width:30%; margin-top:30px; padding:14px 20px; background:var(--color-secondary); color:var(--color-white); border-radius:40px; text-decoration:none; font-size:16px; font-weight:600;}
    .mobile-navigation .theme_btn{ display: flex; margin: 40px 0px 20px; justify-content: center;}
    .menu-close{ display:none;}
    .menu-toggle.hide{ display:none !important;}
    .header-phone, .mobile-navigation .theme_btn {max-width: 195px;}


    .menu-close{ position:absolute; top: 10px;right: 25px; border: none; background: none; width: 40px; height: 40px; border-radius: 50%; background-color:var(--color-bg-light); font-size: 30px; line-height: 1; font-weight: 500; cursor:pointer; color:var(--color-secondary); transition: all ease-in-out 0.3s;}
    .menu-close:hover {background-color: var(--color-secondary); color: var(--color-white);}

    .menu-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:.3s; z-index:9998;}
    .menu-overlay.active{ opacity:1; visibility:visible;}

    /* Mobile */
    .main-navigation{ display:none !important;}
    .header-right{ display:none !important;}.site-header{ width:100%; overflow:hidden;}


    /* About Us Page */
    .flex_container {gap: 40px;}

    .certificate_item {gap: 24px; padding-bottom: 24px;}

}


@media screen and (max-width:991px) {
    body {font-size: 16px; line-height: 23px;}
    h1 { font-size: 40px; line-height: 45px;}
    h2 { font-size: 30px; line-height: 38px;}
    .section_spacing {padding-block: 60px;}
    .section_content , .mab-60 {margin-bottom: 40px;}
    .mat-60 {margin-top: 40px;}
    .py-120 {padding-block: 80px;}

    /* About US */
    .about-stats {grid-template-columns: 1fr 1fr;}

     /* Products Section */ 
    .product-card {gap: 24px;}
    .product-content {gap: 16px;}

    /* Why Choose Us */
    .why-section .why-box {padding: 30px;}

    
    /* Testimonial */
    .testimonialSwiper .testimonial-review {margin-bottom: 30px;}
    .testimonial-side-image {display: none;}
    .testimonial-layout {grid-template-columns: 1fr;}
    .testimonial-content {max-width: 450px; margin-inline: auto; width: 100%;}

    /* Footer */
    .footer-grid {grid-template-columns: 1fr 1fr;}
    .footer-col h3 {font-size: 24px; line-height: 32px;}
    .footer-bottom p, .footer-policy a {font-size: 14px; line-height: 20px;}
    .footer-policy {gap: 20px;}

    /* Banner Section */
    .products-hero {padding: 80px 0px;}
    .banner_title {margin: 20px 0px 16px;}

    /* About Us Page */
     .flex_container {grid-template-columns: 1fr;}
     .about_section .about_img {max-width: 600px; margin-inline: auto;}
     .about_counter {margin-top: 30px;}


    .our_facilities_item:not(:last-child) {margin-bottom: 60px;}
    .our_facilities_item {gap: 40px;}
    .our_facilities_item_content h3 {font-size: 22px; line-height: 28px;}
    .our_facilities_item_content {padding: 30px 0px 40px;}

    .trusted_customer_group {grid-template-columns: repeat(3, 1fr);}

    .cta_page_banner {background-position: left top;}

    .product_lis_item:not(:last-child) {margin-bottom: 60px;}
    .product_lis_item {gap: 40px;}
    .product_specifications {margin-bottom: 30px;}
    .products_list_section {padding-bottom: 40px;}

    .gallery-grid {gap: 10px;}
    .gallery-item {border-radius: 12px;}

    .blog_card__content .blog_title {font-size: 24px; line-height: 30px;}

    .blog-sidebar{ width:100%; margin-top:40px;}


    .single_blog_post h1{ font-size:24px; line-height:30px;}
    .single_blog_post h2{ font-size:22px; line-height:28px;}
    .single_blog_post h3{ font-size:20px; line-height:26px;}
    .single_blog_post h4{ font-size:18px; line-height:24px;}
    .single_blog_post blockquote{ padding:18px 20px; font-size:18px;}
    .single_blog_post table th,
    .single_blog_post table td{ padding:10px;}

}


@media screen and (max-width: 768px) {
    h1 { font-size: 35px; line-height: 40px;}
    h2 { font-size: 28px; line-height: 34px;}

    /* Hero Section */
    .rg-hero-section{ padding: 60px 0px 0; }
    .rg-hero-section .rg-hero-visual {min-height: unset;}
    .rg-hero-section .rg-human-img{ width: 320px; }
    .rg-hero-section .rg-dashed-circle{ width: 340px; height: 340px; }
    .rg-hero-section .rg-notif-title, .rg-hero-section .rg-notif-sub{ white-space: normal; }
    .rg-hero-section .rg-notif img {width: 40px; height: 40px;}
    .rg-hero-section .rg-notif-title {font-size: 12px; line-height: 14px;}
    .rg-hero-section .rg-notif-sub {font-size: 11px; line-height: 13px; margin-bottom: 2px;}
    .rg-hero-section .rg-notif {padding: 4px 30px 4px 4px;}
    .rg-hero-section .rg-notif-1 {left: -30%;}
    .rg-hero-section .rg-notif-2 {top: 47%; left: 12%;}
    .rg-hero-section .rg-notif-3 {top: 25%; right: -27%;}
    .hero-title {margin: 20px 0px 16px;}
    .hero-description {margin-bottom: 30px;}

    /* Products Section */ 
    .products-grid {grid-template-columns: 1fr 1fr;}
    
    /* Why Choose Us*/
    .why-section {margin-bottom: 0px;}
    .why-section .container {padding-top: 0px;}
    .why-section .inner_section {background-image: none !important;}
    .why-section .why-box{ margin-bottom: 0px; border-radius: 0px; padding: 0px; box-shadow: none;}
    .why-features{ display:grid; grid-template-columns:repeat(2,1fr);}
    .why-feature:nth-of-type(3) {padding-top: 24px;}
    .why-feature:nth-child(odd){ border-right:1px solid var(--color-border);}
    .why-feature:nth-child(even) {border-right: none;}
    .why-feature:nth-child(-n+4){border-bottom:1px solid var(--color-border); padding-bottom: 24px;}
    .why-feature img{ width:34px; height:34px;}

    
    .footer-grid {grid-template-columns: 1fr; gap: 40px;}
    .footer-logo {height: 40px; object-fit: contain; margin-bottom: 24px;}
    .footer-col h3 {font-size: 20px; line-height: 28px; margin-bottom: 12px;}
    .footer-col ul li:not(:last-child) {margin-bottom: 10px;}
    .footer-bottom .container {flex-direction: column; align-items: center; text-align: center; gap: 10px;}


    .process_group, .process_count {grid-template-columns: 1fr;}
    .process_counts_group {display: flex; gap: 30px;}
    .process_count {margin-bottom: 0px !important;}
    .process_count span {margin-top: 50px;}
    .process_count::before {width: 1px; height: 100%; top: 0; left: 19px; border-bottom: none; border-left: 1px dashed #91ABA9;}

    .our_facilities_item {grid-template-columns: 1fr; gap: 30px;}
    .our_facilities_item:nth-child(even) .our_facilities_item_content{order: 2;}
    .our_facilities_item:nth-child(even) .our_facilities_item_img {order: 1;}
    .our_facilities_item:nth-child(even) .our_facilities_item_content h3 {text-align: start;}
    .our_facilities_item_content {padding: 0px; gap: 15px;}
    .our_facilities_item_content h2 {padding-bottom: 17px;}
    .our_facilities_item_content h3 {margin: 0px !important; border: 1px solid var(--color-border);}
    .our_facilities_item_content h3 br {display: none;}
    .our_facilities_item_content h3 {padding: 20px; border-radius: 15px; font-size: 20px; line-height: 26px;}


    .mission_item {padding: 40px;}
    .mission_item_icon {margin-bottom: 30px;}

    .trusted_customer .section_heading {gap: 0px;}
    .trusted_customer .section_heading span {display: none;}

    .product_lis_item {grid-template-columns: 1fr; gap: 30px;}
    .product_list_content h2 {padding-bottom: 17px; margin-bottom: 15px;}
    .product_subtitle {margin: 15px 0px 10px;}
    .product_lis_item:nth-child(even) .product_list_content{order: 2;}
    .product_lis_item:nth-child(even) .product_list_image {order: 1;}


    .gallery-grid {grid-template-columns: 1fr 1fr;}
    .gallery-tab {padding: 9px 20px;}


    .single-product-content {padding: 0px; gap: 15px;}
    .single-product-content h2 {padding-bottom: 17px;}
    .product-description {margin-bottom: 10px;}


    .blog_wrapper {grid-template-columns: 1fr;}
    .blog_card__content .blog_title {margin: 5px 0px 10px;}


    .certificate_group {justify-content: center; gap: 20px; flex-wrap: wrap;}
    .certificate_group .item {flex: 0 0 auto;}
    .certificate_grid {grid-template-columns: 1fr 1fr;}

    .map_section {aspect-ratio: 4/3;}


}

@media screen and (max-width: 576px) {
    /* Hero Section */
    .rg-hero-section .rg-notif {display: none;}
    .rg-hero-section .rg-dashed-circle::before {inset: 20px;}
    .rg-hero-section .rg-leaf-top-left, .rg-hero-section .rg-leaf-top-right {width: 100px;}
    .rg-hero-section .rg-hero-content {padding-block: 40px;}
    .rg-hero-section .rg-ingredients-img {width: 45%;}
    .rg-hero-section .rg-banner-bottom-left {width: 35%;}

    /* About US */
    .about-images {grid-template-columns: 1fr;}

    /* Products Section */ 
    .products-grid {grid-template-columns: 1fr;}


    /* Why Choose Us*/
    .why-features{ display:grid; grid-template-columns:repeat(1,1fr);}
    .why-feature {border-right: none !important; padding-inline: 0px;}
    .why-feature:nth-of-type(2) {padding-top: 24px;}
    .why-feature:nth-last-child(-n+3) {padding-bottom: 24px;}
    .why-feature:not(:last-child) {border-bottom: 1px solid var(--color-border);}


    .testimonial-content {max-width: 320px;}

    .mission_item {padding: 30px 20px;}
    .mission_item_content h2 {margin-bottom: 16px;}
    .mission_item_footer {padding-top: 20px; margin-top: 20px;}

    .gallery-grid {grid-template-columns: 1fr;}

    .form_grid {grid-template-columns: 1fr;}
    .form_group {margin-bottom: 20px;}
    .contact_details {padding: 20px 20px 20px 20px; background-image: none !important;}
    .contact_details_item {max-width: 100%;}


    .certificate_grid {grid-template-columns: 1fr;}
}

@media screen and (max-width: 400px) {

    /* Hero Section */
     .rg-hero-section .rg-dashed-circle {width: 320px; height: 320px;}

    /* About US */
    .about-stat h3 {font-size: 16px;}
    .about-stat p {font-size: 14px;}

    .testimonial-content {max-width: 280px;}


    .about_counter {flex-direction: column; align-items: center;}
    .about_counts:not(:last-child)::before {width: 100px; height: 2px; top: unset; bottom: -20px; left: 50%; transform: translateX(-50%) translateY(0);}

    .trusted_customer_group {grid-template-columns: repeat(2, 1fr); gap: 20px;}
}