@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --white: #FFFFFF;
    --lightblack: #292929;
    --grey: #0A0A0A;
    --golden: #DCA86A;
}

html {font-size: 1rem; scroll-behavior: smooth; scroll-padding-top: 100px;}
::-webkit-scrollbar{width:0.438rem;background-color:var(--white)}
::-webkit-scrollbar-thumb{background-color:var(--golden); }
::selection{background:var(--lightblack);color:#fff;}
::-moz-selection{background:var(--lightblack);color:#fff;}

body {margin: 0; padding: 0; color: var(--lightblack); font-size: 1rem; font-family: "Poppins", serif; line-height:1.6; overflow-x: hidden;}
a {color: inherit; text-decoration: none; letter-spacing: 1px;}
ul,li {list-style: none; margin: 0; padding: 0; font-size: 0.938rem; line-height: 1.206rem; font-weight: 500;}
p{font-size: 1.25rem; line-height: 1.75rem; font-weight: 500;}

@media (min-width: 1200px) {
.container {max-width: inherit; width: 90%; margin: 0 auto;}
.row {--bs-gutter-x: 1.667vw; --bs-gutter-y: 0;}
}


.offcanvas {
  transform: translateX(100%);
  transition: all 0.6s ease-in-out;
  z-index: 1045;
}

.offcanvas.show {
  transform: translateX(0);
}

/* Header */
.logo {max-width: 250px; display: block; position: absolute; left: 50%; transform: translateX(-50%);}
.logo image {width: 100%;}
.navbar-toggler {border: 0; outline: 0;}
.menuIcon:focus-visible {outline: unset;}
.navbar-toggler:focus {box-shadow: unset;}
.offcanvas {width: 100%; background: var(--golden);}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1050;
  background: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  overflow-x: hidden;
}

header.scrolled {
  background-color: #fff; /* Change this to match your design */
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Make the offcanvas full screen and styled */
.custom-offcanvas {
  background: url('../images/menu-background.jpg') no-repeat center center;
  background-size: cover;
  width: 100vw !important;
  max-width: 100%;
  color: #fff;
}

/* Remove bootstrap white background */
/* .offcanvas-backdrop {
  background-color: rgba(0, 0, 0, 0.6) !important;
} */


/* Styling the menu items */
.menu-list .nav-link, .menu-list .toggle{
  color: var(--golden);
  font-size: 1.4rem;
  padding: 0.75rem 0;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 300;
}

.menu-list .open{
  font-weight: 500;
}

.menu-panel {
  background: rgba(0, 0, 0, 0.40);
  width: 540px;                         
  z-index: 1040;
  overflow-y: auto;
  height: 100%;
}


@media (min-width: 1400px) {
    .menu-panel {
        width: 600px;                         
    }
}

.offcanvas-end.custom-offcanvas {
  padding-right: 0; /* Prevent padding pushing the close button */
}

.btn-close {
  z-index: 3; /* Ensure it's above the background */
}

.menu-list {
  padding: 2rem 2rem 0 2rem; 
}

.menu-item-has-children .sub-menu {
  display: none;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 1rem;
}

.sub-menu li {
  margin-bottom: 1rem;
  font-weight: 400;
  color: #fff;
}

.sub-menu li:last-child {
  margin-bottom: 0;
}

.menu-item-has-children.open .sub-menu {
  display: block;
  margin-top: 2vw;
  margin-bottom: 0;
}

.menu-list .toggle::after {
  content: "+";
  margin-left: 7rem;
  font-weight: 300;
}

.menu-list .open .toggle::after {
  content: "–";
}


.menu-btn {
  width: 2rem;
  height: 2rem;
  background: url('../images/icons/white-hamburger.svg') no-repeat center;
  background-size: contain;
  border: none;
}

header.scrolled .menu-btn {
  background-image: url('../images/hamburgerIcon.svg');
}

.btn-close {
  background: url('../images/icons/btn-close.svg');
  opacity: 1;
  background-size: contain;
}

.btn-close:hover {
  opacity: 1;
}

.btn-close:focus {
  box-shadow: unset;
}


@media (max-width: 575px) 
  {
  .menu-item-has-children.open .sub-menu {
    margin-top: 5vw;
  }

}



@media (max-width: 767px) {
   .introBanner {margin-top: 60px;}
   .menu-btn {background: url('../images/hamburgerIcon.svg'); background-size: contain;
  
  }
}


@media (min-width: 768px) {
  .menu-btn{
    width: 2.5rem;
    height: 2.5rem;
    }
  }

@media (max-width: 767px) {
  .menu-panel {
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
  }

}

@media (min-width: 1200px) {
.menuIcon {
  width: 3.542vw;
  height: 3.542vw;
  }

  .menu-list .nav-link, .menu-list .toggle {
     font-size: 2.813vw;
     line-height: 2.1vw;
  }

  .sub-menu {
    font-size: 0.833vw;
    line-height: 2.344vw;
  }

  .menu-item {
    margin-bottom: 1vw;
  }
}

/* Cta */
.cta {
    position: relative;
    z-index: 1;
    display: table;
    padding: 1rem 1.5rem;
    font-family: poppins, serif;
    text-transform: capitalize;
    line-height: 1;
    color: var(--white);
    overflow: hidden;
    background: var(--golden);
    font-size: 1rem;
    border-radius: 0.313rem;
    font-weight: 700;
    letter-spacing: 0.02rem;
    margin: 0 auto;
    text-transform: uppercase;
}

.cta:hover {
  background: #0A0A0A;
  color: var(--white);
  transition: all .5s ease-out;
}

@media (min-width: 1200px) {
  .cta {
    font-size: 1vw;
    line-height: 1.1vw;
    padding: 0.8vw 1.5vw;
  }
}

/* Swiper Arrows */
.swiperArw .swiper-button-prev:after, .swiperArw  .swiper-button-next:after,
.swiperArwGolden .swiper-button-prev:after, .swiperArwGolden .swiper-button-next:after{
  display: none;
}

/* Golden Border Arrow */
.swiperArwGolden .swiper-button-prev, .swiperArwGolden .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 35px; 
  height: 35px;
  border-radius: 100%;     
  display: block;
  overflow: hidden; 
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background: var(--white);
  border: 1px solid var(--golden);
  transform: translateY(50%);
}

.swiperArwGolden .swiper-button-prev {
  background-image: url("../images/icons/gold_arrow-Left.svg"); 
  background-repeat: no-repeat; 
  background-position: center; 
}

.swiperArwGolden .swiper-button-next {
  background-image: url("../images/icons/gold_arrow-Right.svg"); 
  background-repeat: no-repeat; 
  background-position: center; 
}

.swiperArwGolden .swiper-button-prev:hover, .swiperArwGolden .swiper-button-next:hover {
  background-color: var(--golden);
}

.swiperArwGolden .swiper-button-prev:hover {
  background-image: url("../images/icons/wht_arrow-Left.svg");
}

.swiperArwGolden .swiper-button-next:hover {
  background-image: url("../images/icons/wht_arrow-right.svg");
}

.swiperArwGolden .swiper-button-prev { 
  left: 25px; 
}

.swiperArwGolden .swiper-button-next {
  right: 25px; 
}


/* White Border Arrow */

.swiperArw .swiper-button-prev, .swiperArw .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px; 
  height: 35px;
  border-radius: 100%;     
  display: block;
  overflow: hidden; 
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background: var(--white);
}

.swiperArw .swiper-button-prev {
  background-image: url("../images/icons/gold_arrow-Left.svg"); 
  background-repeat: no-repeat; 
  background-position: center; 
}

.swiperArw .swiper-button-next {
  background-image: url("../images/icons/gold_arrow-Right.svg"); 
  background-repeat: no-repeat; 
  background-position: center; 
}


.swiperArw .swiper-button-prev:hover, .swiperArw .swiper-button-next:hover {
  background-color: var(--golden);
}

.swiperArw .swiper-button-prev:hover {
  background-image: url("../images/icons/wht_arrow-Left.svg");
}

.swiperArw .swiper-button-next:hover {
  background-image: url("../images/icons/wht_arrow-right.svg");
}

.swiperArw .swiper-button-prev { 
  left: 20px; 
}

.swiperArw .swiper-button-next {
  right: 20px; 
}

/* Hr */
/* .line {
  background: url("../images/icons/golden-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 20px;
  width: 100%;
} */

.line {
  position: relative;
  height: 1px;
  background-color: var(--golden);
  margin: 20px 0;
}

.line:before, .line:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-color: var(--golden);
  border-radius: 50%;
  z-index: 1;
}

.line::before {
  right: 0;
}

.line::after {
  left: 0;
}


/* Home page */
.lifestyles h4 {
    font-family: poppins, 'serif';
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.lifestyles h2 {
    font-family: poppins, 'serif';
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.1rem;
    margin-bottom: 1.5rem;
}

.lifestyles p {
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

.projectRow:nth-child(odd) {
  flex-direction: row-reverse;
}

.projectRows:nth-child(even) {
  flex-direction: row-reverse;
}

/* Headings */
.heading h2{
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .heading h2 {
    font-size: 1.25vw;
    line-height: 1.823vw;
  }
}

@media (min-width: 768px) {
    .lifestyles h4{
        font-size: 1.3rem;
        line-height: 1.523rem;
    }

    .lifestyles h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .lifestyles p {
      font-size: 1.1rem;
      line-height: 1.8rem;
  }
}

@media (min-width: 1200px) {
    .lifestyles h4{
        font-size: 1.25vw;
        line-height: 1.823vw;
        margin-bottom: 1.406vw;
    }

    .lifestyles h2 {
        font-size: 1.875vw;
        line-height: 2.813vw;
        margin-bottom: 1.458vw;
    }

    .lifestyles p {
        font-size: 1.042vw;
        line-height: 1.667vw;
        margin-bottom: 1.823vw;
    }
  }

  .projectSwiper p {
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
  }

  @media (min-width: 768px) {
    .projectSwiper p {
        font-size: 1.1rem;
        line-height: 2.2rem;
    }
  }

  @media (min-width: 1200px) {
    .projectSwiper p {
        font-size: 1.042vw;
        line-height: 2.344vw;
    }
  }

  .projectImg img{
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  @media (max-width: 768px) {
    .projectImg img{
      width: 100%;
    }
  }

  .projectSwiper .swiper-slide {
    transition: transform 0.3s ease;
    transform: scale(0.85); /* smaller by default */
  }
  
  .projectSwiper .swiper-slide-active {
    transform: scale(1); /* center slide is full size */
    z-index: 2;
  }

  .content p{
    font-size: 1.1rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.8rem;
    gap: 8px;
    font-family: poppins, 'serif';
  }

  .contentQoute p {
    display: flex;
  }

  .contentQoute p:before {
    content: "";
    display: inline-block;
    width: 1.75rem; 
    height: 2rem;
    background-image: url('../images/blockqoute.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: middle;
    flex-shrink: 0;
  }

  @media (min-width: 1200px) {
    .content p {
        font-size: 1.15vw;
        line-height: 2vw;
    }

    .contentQoute p:before {
      width: 2.125vw; 
      height: 2.344vw;
    }
  }

  .teams:nth-child(2) {
    margin-top: 10rem;
  }

  .team{
    border: 1px solid var(--golden);
    padding: 10px;
  }

  .team img {
    background-color: #f5f5f5;
  }

  .teams p {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  @media (max-width: 992px) {
    .teams:nth-child(2) {
      margin-top: unset;
    }
  }

  @media (min-width: 1200px) {
    .teams p {
        font-size: 0.938vw;
        line-height: 2.344vw;
    }
  }


  .projectDetails h5{
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
  }

  .projectDetails h3 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
  }

  .projectDetails p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
  }

  
  @media (max-width: 767px) {
    .projectDetails h5 {
      margin: 1rem 0;
    }
  }

  @media (min-width: 1200px) {  
    .projectDetails h5{
      font-size: 1.25vw;
      line-height: 2.344vw;
      letter-spacing: 0.025vw;
    }

    .projectDetails h3 {
      font-size: 1.875vw;
      line-height: 2.813vw;
      margin-bottom: 1.042vw;
    }

    .projectDetails p {
      font-size: 1.042vw;
      line-height: 1.458vw;
      margin-bottom: 2.083vw;
    }
  }


  .imageText h6 {
    font-size: 1.1rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
  }

  .imageText p {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-bottom: 0.313rem;
  }

  .testimonialSwiper .content p {
    font-size: 1rem;
    line-height: 1.6rem;
    font-style: italic;
    font-weight: 400;
  }

  /* .testimonialSwiper .content p:before {
    padding: 0 30px;
    background: url('../images/icons/blockqouteline.svg');
    background-repeat: no-repeat;
    height: auto;
    width: auto;
    margin-right: 0;
  } */

  @media (max-width: 767px) {
    /* .testimonialSwiper .content p:before {
      display: none;
    } */

    
    .swiperArwGolden .swiper-button-prev {
      left: 20px;
    }

    .swiperArwGolden .swiper-button-next {
      right: 20px;
    }
  }

  
  @media (max-width: 991.99px) {
    .testimonialSwiper .content p {
      text-align: center;
      margin-top: 1rem;
    }

  }


  @media (min-width: 1200px) {  
    .imageText h6, .imageText p {
      font-size: 1.042vw;
      line-height: 1.458vw;
      margin-bottom: 0.26vw;
    }

    .testimonialSwiper .content p {
      font-size: 1.042vw;
      line-height: 1.823vw;
    }

    /* .testimonialSwiper .content p:before {
      width: 1.563vw;
      height: 9.552vw;
    } */

  }

  .getIn h3 {
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: 400;
    margin-bottom: 2rem;
  }

  .getIn {

    background-image: url(../images/background-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 89% 100%;
  }

  .blogContent p {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400;
  }

  /* @media (max-width: 767px) {  
    .blogs .swiperArwGolden .swiper-button-prev, .blogs .swiperArwGolden .swiper-button-next {
      top: 35%;
    }
  } */

  @media (min-width: 1200px) {  
    .getIn h3 {
      font-size: 1.979vw;
      line-height: 2.865vw;
    }

    .blogContent p {
      font-size: 1.042vw;
      line-height: 1.458vw;
    }
  }

 


  .footer h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
  }

  .footer ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
  }

  .footerLogo {
    max-width: 250px;
  }

  .hr-footer {
    border-bottom: 1px solid #C4C4C4;
    padding: 15px 0;
  }

  .footerCol:nth-child(odd){
    border-right: 1px solid var(--golden);
  }

  .footerDetails p,  .footerDetails a {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
  }

  .footerDetails h6 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1.5rem;
  }

  .footerCol h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
  }

  @media (max-width: 767px) {
    .footerCol {margin-bottom: 2rem;}
    .footerCol:nth-child(odd) {border-right: unset}
  }
  

  @media (min-width: 1200px) {  
    .footer h5 {
      font-size: 0.938vw;
      line-height: 1.823vw;
    }

    .footer ul li {
      font-size: 0.938vw;
      line-height: 1.823vw;
      margin-bottom: 1.2vw;
    }

    .footerDetails p, .footerDetails a {
      font-size: 1vw;
      line-height: 1.458vw;
      margin-bottom: 0.26vw;
      margin-top: 0.8vw;
    }

    .footerCol h4 {
      font-size: 1.5vw;
      line-height: 1.979vw;
    }

    .footerDetails h6 {
      font-size: 1vw;
      line-height: 1.5vw;
  }
}

  .contactForm input, .contactForm textarea, .contactForm select {
       border: 0;
       border-bottom: 1px solid #C4C4C4;
       font-size: 1rem;
       line-height: 2.188rem;
       color: #292929;
       font-weight: 400;
       width: 100%;
  }

  .contactForm .contactCta {
    width: auto;
    padding: 0.3rem 1.2rem!important;
    color: var(--white);
    font-weight: 700;
  }

  .fileResume {
    font-size: 1rem;
    line-height: 2.188rem;
    color: #292929;
    font-weight: 400;
    width: 100%;
  }



  .contactForm input::placeholder, .contactForm textarea::placeholder, .contactForm select{
    color: var(--black);
  }

  .contactForm input:focus-visible, .contactForm textarea:focus-visible, .contactForm select:focus-visible {
    outline: 0;
  }

  .contactForm select {
    padding-bottom: 0.4rem;
    cursor: pointer;
  }

  .fileResume {
    line-height: 1.5rem;
  }

  
  @media (min-width: 1200px) {  
    .contactForm input, .contactForm textarea, .contactForm select, .fileResume {
      font-size: 1.042vw;
      line-height: 2vw;
    }
  }

  .contactForm .cta {
    border: 0;
    margin: 0;
  }

  .copyright p, .copyright a {
    font-size: 1rem;
    /* line-height: 1.5rem; */
    font-weight: 400;
    margin-bottom: 1rem;
    letter-spacing: normal;
    color: #0A0A0A;
  }

  @media (min-width: 1200px) {  
    .copyright p, .copyright a {
      font-size: 1vw;
      line-height: 1.5vw;
    }
  }

  .socialIcons li {margin-right: 1rem;}

  .projectRow video, .projectRows video {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

 .custom-file-label {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 0 0.2rem;
    cursor: pointer;
 }
  
.map p {
  height: 100%;
}

.contact .contactForm .contactPage {
  padding: 1rem 0!important;
}

.glance img, .culture img {
  width: 4rem;
  height: 4rem;
}

.glance h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  text-transform: uppercase;
}

.glance p {
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}

.gSection {
  border-right: 1px solid #DCA86A;
}


.gSection:last-child {
  border-right: none;
}


  @media (max-width: 767px) {  
     .gSection {
      border-right: none;
    }

    .gSection {
      border-bottom: 1px solid #DCA86A;
    }

     .gSection:last-child {
        border-bottom: none;
     }
  }


  @media (min-width: 1200px) {  
    .glance img, .culture img{
      width: 4.688vw;
      height: 4.688vw;
    }

    .glance h5 {
      font-size: 1.875vw;
      line-height: 2.188vw;
    }

    .glance p {
      font-size: 1.042vw;
      line-height: 1.458vw;
    }

  }

  .privacypolicy h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .privacypolicy p, .privacypolicy ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
  }

  .privacypolicy ul li{
    list-style: disc;
    margin-bottom: 5px;
  }

  .privacypolicy ul {
    padding-left: 25px;
    padding-bottom: 20px;
  }

  
  @media (min-width: 1200px) {  
    .privacypolicy h3 {
    font-size: 1.5vw;
    line-height: 2.188vw;
  }

  .privacypolicy p, .privacypolicy ul li {
    font-size: 1.042vw;
    line-height: 1.458vw;
   }
  }


  .pastProjects h5 {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
  }

   .pastProjects p { 
      font-size: 1rem;
      line-height: 1.75rem;
      font-weight: 400;
   }

    @media (min-width: 1200px) {  
      .pastProjects h5 {
          font-size: 1.25vw;
          line-height: 2.344vw;
      }

      .pastProjects p { 
        font-size: 1.042vw;
        line-height: 1.458vw;
      }
    }

      @media (max-width: 575px) {  
            .linkSection ul li a {
              letter-spacing: normal;
              font-size: 0.8rem!important;
            }
        
        .links li a {
          margin-right: 1rem!important;
        }
            
      }

.pastImg {
  position: relative;
  overflow: hidden;
}

.pastImg img {
  display: block;
  width: 100%;
  height: auto;
}

.pastImg .logo-hover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px; /* adjust size */
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.pastImg:hover .logo-hover {
  opacity: 1;
}

.pastprojectBox{border: 1px solid #DCA86A; padding: 15px; margin-bottom: 5px; display: block;}

.designEthos {
  background-color: #FCF7F2;
}

.drive-button::after {
  content: '+';
  font-size: 1.25rem;
  color: #cc7722; /* orange-brown color */
  transform: none;
  background-image: none;
}

.drive-button:not(.collapsed)::after {
  content: '–';
}

.drive-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: 500;
  color: #000;
  justify-content: space-between;
}

.accordion-body {
  color: #666;
}

 
    .culture h5{
      font-size: 1.1rem;
      line-height: 2rem;
      font-weight: 600;
      text-transform: uppercase;
    }

    .culture p {
      font-size: 1rem;
      line-height: 1.8rem;
      font-weight: 400;
    }

   @media (min-width: 1200px) {  
      .culture h5{
         font-size: 1.042vw;
         line-height: 2.344vw;
      }

       .culture p {
      font-size: 1.042vw;
      line-height: 1.875vw;
       }
  }


.ethos-wrapper {
  position: relative;
}

/* Lines */
@media (min-width: 768px) {
  .ethos-wrapper::before,
  .ethos-wrapper::after {
    content: '';
    position: absolute;
    background-color: #DCA86A; /* Bootstrap secondary */
    z-index: 1;
  }

  /* Vertical line */
  .ethos-wrapper::before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  /* Horizontal line */
  .ethos-wrapper::after {
    height: 1px;
    width: 100%;
    top: 47%;
    left: 0;
    transform: translateY(-50%);
  }
}

/* Center Dot */
.ethos-dot {
  position: absolute;
  top: 47%;
  left: 50%;
  width: 25px;
  height: 25px;
  background-color: #DCA86A; /* Bootstrap warning */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}


@media (max-width: 767px) {
    .culture {
      margin: 0;
    }
}

.drive h5 {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 600;
}

.drive p {
  font-size: 1rem;
  line-height: 1.6rem;

  font-weight: 400;
}

@media (min-width: 1200px) {  
  .drive h5 {
  font-size: 1.25vw;
  line-height: 1.667vw;
}

.drive p {
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.667vw;
}

}

.designList li{position:relative; font-size:1.125rem; font-weight:400; color:#292929; line-height:2rem; margin-bottom:10px; padding-left:20px;}
.designList li::before{content:""; position:absolute; left:-5px; top:2px; background-image:url('../images/icons/circle-ok.svg'); background-repeat:no-repeat; width:20px; height:20px; background-size:contain;}
@media (min-width:1200px){
.designList li{font-size:1.146vw; line-height:1.66vw;}
}

.termsList li{list-style-type:decimal!important; font-weight:400;}

.privacypolicy p, .privacypolicy ul li, .privacypolicy ol li{font-size: 1rem;line-height: 1.5rem;list-style-type:decimal!important; font-weight:400;}
.privacypolicy h2{font-size: 1.5rem;line-height: 2rem;font-weight: 400;}
.privacypolicy h5{font-size: 1.2rem; line-height: 1.8rem;font-weight: 600;}
.privacypolicy p{font-weight:400;}
.privacypolicy a{color:#DCA86A; text-decoration:underline;}
.bottom-links a{font-size: 1.06rem;}

@media(min-width:1200px){
.privacypolicy h2{
       font-size: 1.875vw;
        line-height: 2.813vw;
}

.privacypolicy p, .privacypolicy ul li, .privacypolicy ol li{font-size: 1vw; line-height: 1.8vw;}

.privacypolicy h5{
        font-size: 1.25vw;
        line-height: 1.667vw;
    }
 
    .bottom-links a{font-size: 1vw;}
}

.teamText h5 {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.teamText h6 {
  margin-bottom: 20px;
}

.sub-menu li a:hover {
  color: var(--golden);
}


.logoClass {
  display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    background: linear-gradient(
  180deg,
  rgba(220, 168, 106, 0.70) 0%,
  rgba(235, 205, 169, 0.70) 50.46%,
  rgba(255, 252, 249, 0.70) 99.95%
);
    min-height: 100px;
    padding: 15px 30px;
}

.logoClass img {
  width: auto;
  max-height: 60px;
  object-fit: contain;
}

.pressBox {
  border: 1px solid #A56417;
  min-height: 480px;
}



.pressImg::after {
  content: "";
  position: absolute;
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.30);
  pointer-events: none; /* ensures clicks go through */
}