.inter {
  font-family: "Inter", sans-serif;
}
.poppins {
  font-family: "Poppins", sans-serif;
}

/* color */
.text-black{color: #000000;}
.text-black2{color: #272B27;}

.bg-yellow{background-color: #EFEADB;padding: 20px;}
.bg-pink{background-color: #FBF6F1;padding: 20px;}
.bg-creame{background-color: #BFA161;}
.bg-creame2{background-color: #EFEADB;}
.bg-green{background-color: #155332;}

/* font */
.f16{font-size: 16px;}
.f61{font-size: 52px;}
.f21{font-size: 21px;}
.fs-20{font-size: 20px;}
.fs-29{font-size: 24px;}
.fs-56{font-size: 56px;}
.fs-51{font-size: 51px;}
.fs-40{font-size: 40px;}
.fs-16{font-size: 16px;}



/* font weight */
.f400{font-weight: 400;}
.f600{font-weight: 600;}

/* line-height */
.l22{line-height: 22.4px;}
.lh-43{line-height: 41px;}
.l67{line-height: 57.1px}
.l25{line-height: 25px;}

.lh-22{list-style: 22px;}
.lh-37{list-style: 37px;}

a:hover{color: #000;}
.text-shadow{text-shadow: 10px 5px 10px rgba(0, 0, 0, 0.80);}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  
}

.btn-outline-secondary {
    color: #000;
	border-color: #000;}

.btn-outline-secondary:hover {
    color: #000;
	border-color: #000; background: transparent;}

.hero-section {
  position: relative;
  margin-top: 0;
  height: 100vh;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.hero-container{ top: 0;
  bottom: 0;
  left: 0;
  right: 0;}
.hero-bg {
  height: 100vh;
  object-fit: cover;
 width: 100%;
  display: block;
}

.hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.mobile-img{
    margin-top: 180px;
}


.hero-content {
  position: absolute;
  z-index: 2;
}


.navbar-nav .nav-link.active {
  position: relative;
}

.navbar-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 75%;
  height: 3px;
  background-color: #BDA066;
}

/* .banner-right{
    max-width: 125% !important;
} */

.homepad{padding-top: 100px;padding-bottom: 100px;}
.section-gb{background: linear-gradient(180deg, #EFEADB 0%, #FFFFFF 100%);}


 /* Circle Image */
    .center-circle {
      width: 400px;
      height: 400px;
      border-radius: 50%;
      overflow: hidden;
      margin: auto;
      position: relative;
      z-index: 2;
    }

    .center-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Outer curved ring */
    .ring {
      position: absolute;
      width: 900px;
      height: 900px;
      border: 1px solid #caa86b;
      border-radius: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

  

    .content p {
      max-width: 440px;
    }
     .vision .fs-56{
        font-size: 40px !important;
    }
    .vision .fs-20{
        font-size: 14px !important;
    }
    .vision {
      text-align: left;
      position: absolute;
      top: -85px;
    left: 20%;
      background: linear-gradient(
  180deg,
  #f8f5ee 0%,
  #faf9f4 100%
);
      z-index: 9;
    }
    .mission {
      text-align: left;
      position: absolute;
    bottom: -35px;
    left: 62%;
    background:linear-gradient(180deg,#fbfaf6 0%, #fffefe 100%);
      z-index: 9;
    }
    .mission .fs-56{
        font-size: 40px !important;
    }
    .mission .fs-20{
        font-size: 14px !important;
    }
   .approach-section{
    padding:80px 0;
}


.splide__pagination{bottom: -3.5em !important;}
.splide__pagination__page{background: #D9D9D9 !important;height: 10px !important;width: 10px !important;}
.splide__pagination__page.is-active{background: #202020 !important;transform: unset !important;opacity: 1 !important;}
.splide__arrow{top: 111% !important;    background: transparent !important;}
.splide__arrow svg {display: none !important;}
.splide__arrow--prev {
  margin-left: 30px !important;
}

.splide__arrow--next {
  margin-right: 30px !important;
}

.splide__arrow--prev::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='24' y1='11' x2='1' y2='11' stroke='%23b8960c' stroke-width='1.8'/%3E%3Cpolyline points='9,1 1,11 9,21' fill='none' stroke='%23b8960c' stroke-width='1.8' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

.splide__arrow--next::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='11' x2='23' y2='11' stroke='%23b8960c' stroke-width='1.8'/%3E%3Cpolyline points='15,1 23,11 15,21' fill='none' stroke='%23b8960c' stroke-width='1.8' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

.splide__arrow--prev:hover,
.splide__arrow--next:hover {
  opacity: 0.6 !important;
}



.fs-13{font-size: 13px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-51{font-size: 45px;}

.lh-20{line-height: 20px;}
.lh-29{line-height: 29px;}
.lh-58{line-height: 44px;}
.opacity-50{opacity: 50%;}

.fw-extralight{font-weight: 200;}


#menu-header_menu li a{      color: #212529 !important;    font-weight: 400;    font-size: 16px;line-height: 22.4px;font-family: "Inter", sans-serif;
    text-decoration: none;}
  #menu-header_menu li{        padding-right: .5rem;
        padding-left: .5rem;}

#menu-header_menu li.current-menu-item{    position: relative;}
#menu-header_menu li.current-menu-item::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
    height: 3px;
    background-color: #BDA066;
}
#menu-header_menu li.current-menu-item a{    font-weight: 700;}



.comapny {    margin-top: 99px;}
#menu-header_menu-3 li a{text-decoration: none; font-size: 16px;font-weight: 400;font-family: "Inter", sans-serif;color: #000000;
opacity: 50%;}

#menu-header_menu-4 li a{text-decoration: none; font-size: 18px;font-weight: 400;font-family: "Inter", sans-serif;color: #000000;
opacity: 50%;}


/* ================= HEADER ================= */

#masthead{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

#masthead .navbar{
    background: #fff;
    border-radius: 12px;
}

/* Logo */
.logo-img{
    max-width: 120px;
}

/* ================= TOGGLER ================= */

.custom-toggler{
    width: 42px;
    height: 42px;
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.custom-toggler:focus{
    box-shadow: none;
}

.custom-toggler span{
    display: block;
    width: 28px;
    height: 3px;
    background: #bda066;
    border-radius: 50px;
    transition: 0.3s ease;
}

/* ================= MOBILE MENU ================= */

.mobile-menu{
    position: fixed;
    top: 0;
    left: -100%;
    width: 320px;
    max-width: 90%;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    transition: 0.4s ease;
    padding: 24px;
    overflow-y: auto;
    box-shadow: -10px 0 30px rgba(0,0,0,0.08);
}

.mobile-menu.active{
    left: 0;
}

/* ================= OVERLAY ================= */

.menu-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9999;
}

.menu-overlay.active{
    opacity: 1;
    visibility: visible;
}

/* ================= MOBILE HEADER ================= */

.mobile-menu-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.mobile-logo{
    max-width: 110px;
}

/* ================= CLOSE BUTTON ================= */

.close-btn{
    width: 42px;
    height: 42px;
    border: none;
    background: #f5f5f5;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

.close-btn:hover{
    background: #ececec;
}

/* Proper Cross Icon */
.close-btn::before,
.close-btn::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: #000;
    border-radius: 10px;
}

.close-btn::before{
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-btn::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ================= MOBILE NAV ================= */

.mobile-nav{
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    margin: 0;
}

.mobile-nav li{
    list-style: none;
}

.mobile-nav li a{
    text-decoration: none;
    color: #111;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s;
}

.mobile-nav li a:hover{
    color: #bda066;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px){

    .logo-img{
        max-width: 35px;
    }

}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500&display=swap');

/* ── Outer wrapper (dark green background) ── */
.git-outer {
  background-color: #fff;
  border: 1px solid ;
  border-radius: 20px;
  padding: 2.5rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ── White card ── */


/* ── Title ── */
.git-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 32px;
  font-weight: 500;
  color: #1a1a1a;
  text-align: center;
  margin: 0 0 8px;
}

/* ── Subtitle ── */
.git-sub {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: #888;
  text-align: center;
  margin: 0 0 2rem;
}

/* ── Two-column row (First + Last Name) ── */
.git-row {
  display: flex;
  gap: 14px;
  margin-bottom: 1rem;
}

.git-row .git-group {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}

/* ── Field group ── */
.git-group {
  margin-bottom: 1rem;
}

/* ── Label ── */
.git-label {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  margin-bottom: 6px;
}

.git-req {
  color: #000;
  margin-left: 2px;
}

/* ── Inputs & Textarea ── */
.git-card .wpcf7-form-control.wpcf7-text,
.git-card .wpcf7-form-control.wpcf7-email,
.git-card .wpcf7-form-control.wpcf7-tel,
.git-card .wpcf7-form-control.wpcf7-textarea {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  background-color: #f6f7f8;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 11px 14px;
  width: 100%;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}

.git-card .wpcf7-form-control.wpcf7-text::placeholder,
.git-card .wpcf7-form-control.wpcf7-email::placeholder,
.git-card .wpcf7-form-control.wpcf7-tel::placeholder,
.git-card .wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #bbb;
}

.git-card .wpcf7-form-control.wpcf7-text:focus,
.git-card .wpcf7-form-control.wpcf7-email:focus,
.git-card .wpcf7-form-control.wpcf7-tel:focus,
.git-card .wpcf7-form-control.wpcf7-textarea:focus {
  border-color: #b0c8be;
  box-shadow: 0 0 0 3px rgba(45, 99, 82, 0.08);
  background-color: #ffffff;
}

.git-card .wpcf7-form-control.wpcf7-textarea {
  resize: vertical;
  min-height: 130px;
}

/* ── Submit Button ── */
.git-card .wpcf7-form-control.wpcf7-submit {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  background-color: #000;
  border: none;
  border-radius: 50px;
  padding: 12px 34px;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
  margin-top: 0.5rem;
}

.git-card .wpcf7-form-control.wpcf7-submit:hover {
  background-color: #000;
}

.git-card .wpcf7-form-control.wpcf7-submit:active {
  transform: scale(0.97);
}

/* ── CF7 Validation error ── */
.git-card .wpcf7-not-valid-tip {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  color: #000;
  margin-top: 4px;
  display: block;
}

.git-card .wpcf7-form-control.wpcf7-not-valid {
  border-color: #000;
  box-shadow: 0 0 0 3px rgba(224, 112, 112, 0.1);
}

/* ── CF7 Success / Error response message ── */
.git-card .wpcf7-response-output {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  border-radius: 8px;
  padding: 10px 14px;
  margin-top: 14px;
  border: none;
}

.git-card .wpcf7-mail-sent-ok {
  background: #eaf5f0;
  border: 1px solid #a8d9c3 !important;
  color: #2d6352;
}

.git-card .wpcf7-mail-sent-ng,
.git-card .wpcf7-spam-blocked {
  background: #fdf0f0;
  border: 1px solid #f0b0b0 !important;
  color: #a03030;
}

/* ── Responsive (Mobile) ── */
@media (max-width: 540px) {
  .git-outer {
    padding: 1.5rem 1rem;
  }
  .git-card {
    padding: 2rem 1.25rem 1.5rem;
  }
  .git-row {
    flex-direction: column;
    gap: 0;
  }
  .git-row .git-group {
    margin-bottom: 1rem;
  }
  .git-title {
    font-size: 26px;
  }
}




.terms-privacy h1{text-align: center; margin-bottom: 30px; font-family: "poppins", sans-serif;}
.terms-privacy h2{margin-bottom: 20px; font-size: 13px;margin-top: 20px; font-family: "poppins", sans-serif;}
.terms-privacy h3{margin-bottom: 20px; font-size: 13px;margin-top: 20px; font-family: "poppins", sans-serif;}
.terms-privacy p{font-size: 10px;margin-bottom: 7px;font-weight: 400;  font-family: "Poppins", sans-serif;}
.terms-privacy ul li{font-size: 10px;margin-bottom: 7px;font-weight: 400;  font-family: "Poppins", sans-serif;}

.accordion-button:not(.collapsed) { color: #000 !important; background-color: #EFEADB !important;box-shadow: none !important;}
.accordion-flush .accordion-collapse{ background-color: #EFEADB !important;}
.accordion-button::after { filter: brightness(0);}
.accordion-button:not(.collapsed)::after { filter: brightness(0);}
.accordion-button:focus {  box-shadow: none !important;  border-color: transparent !important;}
.accordion-button {  box-shadow: none !important;}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 15px;
    }

    .h4, h4 {
        font-size: 12px;
    }
}








.why-aryos-slider .splide__pagination {bottom: 0.5em !important;}
.why-aryos-slider .splide__arrow {
    top: 98% !important;
    background: transparent !important;
}
#masthead.position-fixed {
    top: 0;
    z-index: 1030;
}
#masthead.position-fixed .navbar.my-3{margin-top: 0 !important;}
#masthead2.position-fixed {
    top: 0;
    z-index: 1030;
}
#masthead2.position-fixed .navbar.my-3{margin-top: 0 !important;}
.bg-green2{background: #155332 !important;padding: 20px !important;}
.bg-yellow2 {background: #BFA161 !important;padding: 20px !important;}
.why-aryos-slider.homepad{padding-top: 0 !important;}







/* ============================================================
     CSS
============================================================  */
.scroll-slider{
    display:flex;
    align-items:flex-start;
    position:relative;
}

/* =========================================
   LEFT SIDE
========================================= */

.left-col{
    width:50%;
    position:relative;
}

/* HEADER HEIGHT SPACE */
.slide-panel{
    min-height:100vh;
    display:flex;
    align-items:center;

    /* TOP  = header + spacing
       BOTTOM = equal spacing */
    padding:140px 80px 140px;
    box-sizing:border-box;
}

.content-wrap{
    max-width:500px;
}

.slide-desc{
    font-size:16px;
    line-height:1.8;
    color:#555;
}

/* =========================================
   RIGHT SIDE
========================================= */

.right-col{
    width:50%;

    /* FULL SCREEN */
    height:100vh;

    position:sticky;

    /* HEADER HEIGHT */
    top:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    /* SAME TOP/BOTTOM SPACE */
    padding:40px 60px;
    box-sizing:border-box;
}

/* =========================================
   IMAGE CARD
========================================= */

.card-wrap{
    position:relative;

    width:100%;

    /* IMAGE HEIGHT */
    height:calc(100vh - 160px);

    border-radius:24px;
    overflow:hidden;

    box-shadow:0 10px 40px rgba(0,0,0,0.12);

    background:#ddd;
}

/* =========================================
   IMAGES
========================================= */

.card-img2{
    position:absolute;
    inset:0;

    background-size:contain;
    background-position:center center;
	background-repeat: no-repeat;

    opacity:0;

    transform:translateY(100%);

    transition:
        transform 0.8s ease,
        opacity 0.8s ease;
}

/* ACTIVE IMAGE */

.card-img2.active{
    opacity:1;
    transform:translateY(0%);
    z-index:2;
}