* {
  & h2, & h3, & h4, & h5, & h6 { font-family: Marcellus, serif; }
  & p { font-family: Poppins, sans-serif; } 
  & h2 { font-size: 42px; }
  & h3 { font-size: 24px; }
  & p { font-size: 16px; }
  & span { font-size: 14px; }
} 
.full-width-border { position: relative; }
.full-width-border::after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 98vw; border-bottom: 1px solid rgb(225, 225, 225); }
.header-space { padding-top: 90px !important; }
.container-fluid { width: 100%; padding: 60px 50px; }
.section-space { padding: 40px 0px; margin: auto; }
.hm.info.dark-text { color: rgb(18, 18, 18); }
.hm.info.white-text { color: rgb(255, 255, 255); }
.row { padding: 0px; margin-left: 0px !important; margin-right: 0px !important; }
.text-white { color: rgb(255, 255, 255) !important; }
.hm.info h2 { font-size: 42px; } 
.hm.info h4 { font-size: 32px; }
.container { max-width: 1320px !important; }

body.about-us-page .aboutus-section03 .btm .left .overlay-text,body.about-us-page .aboutus-section03 .btm .right .overlay-text {
    background: linear-gradient(360deg, rgba(14, 4, 1, 0.8) 40%, rgba(14, 4, 1, 0.6) 80%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 115px 20px 15px 20px;
}

body.about-us-page .aboutus-section03 .btm .overlay-text p, body.about-us-page .aboutus-section03 .btm .overlay-text li {
    line-height: 19px;
    font-size: 14px;
}

body.about-us-page .aboutus-section03 .btm .overlay-text h3 {
    margin-bottom: 5px;
}

body.about-us-page .aboutus-section03 .btm .overlay-text p {
    margin-bottom: 9px;
}

body.about-us-page .aboutus-section03 .btm .overlay-text ul {
    margin-bottom: 5px;
}

.about-us-page .aboutus-section04 .btm .box .overlay-text {
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (min-width: 1320px) {
  body .container { width: 100%; }
}
@media (max-width: 1450px) {
  body .container { width: 100%; max-width: 1320px; }
}
section { width: 100%; }
.display-flex { display: flex; justify-content: center; align-items: center; }
nav { position: fixed; z-index: 9; width: 100%; }
.navbar {
  z-index: 9; width: 100%; height: 80px; padding: 0px 30px; top: 0%; display: flex; justify-content: center; flex-direction: row; align-items: center; background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  & .logo { height: 100%; }
  & .logo img { height: 50px; }
  & .mid-div {
  margin-left: auto; gap: 36px;
  & a { color: rgb(255, 255, 255); text-decoration: none; font-size: 16px; font-family: "Source Sans 3", sans-serif; }
  padding: 0px 15px;
}
  & .right-div .enquire-now { background-color: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; height: 44px; width: auto; padding: 10px 22px; max-width: 171px; color: rgb(18, 18, 18); font-size: 14px; font-weight: 600; border-radius: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: auto 20px; text-transform: uppercase; text-decoration: none; }
  & svg { transform: scaleX(-1); }
}
.navbar .outer-container { max-width: 1440px; z-index: 9; width: 100%; height: 80px; padding: 0px 30px; top: 0%; display: flex; justify-content: space-between; flex-direction: row; align-items: center; }
.hamburger-div {
  & .top-panel { position: fixed; left: 0px; right: 0px; top: -110vh; background: rgb(17, 16, 11); color: rgb(255, 255, 255); z-index: 999; transition: transform 0.38s, top 0.38s; transform: translateY(-100%); box-shadow: rgba(0, 0, 0, 0.6) 0px 12px 40px; padding: 28px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.03); width: 100% !important; }
  & .top-panel .hamburger-logo {
  padding: 0px 0px 0px 40px; margin: 0%; height: 50px;
  & img { height: 100%; }
}
  & .top-panel.show { transform: translateY(0px); top: 0px; z-index: 9999; }
  & .panel-links {
  & .div3 { display: flex; flex-direction: row; gap: 10px; }
}
  & .top-panel .close-panel { position: absolute; right: 35px; top: 35px; background: transparent; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 28px; line-height: 1; cursor: pointer; opacity: 0.95; }
  & .panel-links span { letter-spacing: 0.8px; margin-bottom: 12px; text-transform: uppercase; font-size: 14px; color: rgb(188, 181, 166); font-family: Marcellus, serif; }
  & .panel-links a, & .panel-links p { display: block; color: rgb(245, 239, 230); text-decoration: none; margin-bottom: 10px; font-family: Poppins, sans-serif; font-size: 16px; }
  & .panel-links a:hover { opacity: 0.8; }
  & .panel-preview { text-align: right; padding-left: 24px; }
  & .panel-preview img { max-width: 100%; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 30px; }
  & .main-div {
  width: 100%; padding: 0px 50px; display: flex; flex-flow: wrap; justify-content: space-between;
  & .link-div {
  width: 60%; min-width: 1000px; display: flex; flex-flow: wrap; justify-content: space-between; max-width: 100% !important;
  & .panel-links {
  width: 10%; min-width: 200px; height: fit-content; display: flex; flex-direction: column;
  & span { padding-top: 0px; }
}
}
}
  & .image {
  width: 40%; max-width: 720px; min-width: 10%; height: auto; overflow: hidden; border-radius: 12px;
  & img { width: 100%; height: auto; overflow: hidden; border-radius: 12px; }
}
}
.bottom-overlay-div {
  width: 100%; height: 80px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 0px; z-index: 99; background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  & .container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; color: rgb(255, 255, 255); }
  & .right { display: flex; flex-direction: row; height: 100%; gap: 20px; align-items: center; }
  & .enquire-now { background-color: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; height: 44px; width: auto; padding: 10px 22px; max-width: 171px; color: rgb(18, 18, 18); font-size: 14px; font-weight: 600; border-radius: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: auto 20px; }
  & .download-brochure { display: flex; justify-content: center; align-items: center; background-color: rgb(255, 252, 248); border: 1px solid rgb(221, 189, 129); color: rgb(71, 49, 1); font-size: 14px; text-transform: uppercase; height: 44px; width: fit-content; padding: 14px 22px; border-radius: 12px; }
}
.bottom-overlay-div { transform: translateY(100%); transition: transform 0.3s ease-in-out; }
.bottom-overlay-div.show { transform: translateY(0px); }
nav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; transition: transform 0.3s ease-in-out; }
nav.nav-hidden { transform: translateY(-100%); }
.breadcrumb {
  padding: 32px 0% 32px 10px; margin: 0px;
  & .breadcrumb-item a { text-decoration: none; color: rgb(96, 96, 96); }
  & .breadcrumb-item.active { color: rgb(48, 48, 48); }
}
#home-page { background-color: rgb(255, 251, 245); }
.home-search-sec { background: linear-gradient(rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); padding: 18px 0px; }
.home-search-sec {
  & .search-box {
  display: flex; align-items: center; width: 100%; border-radius: 6px; overflow: hidden; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255);
  & .search-box__input { flex: 1 1 0%; padding: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; font-size: 14px; }
  & .search-box__btn { background: rgb(245, 200, 96); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 12px 96px; cursor: pointer; font-size: 16px; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; }
  & .search-box__btn:hover { background-color: rgb(255, 166, 0); }
}
  margin: 0px;
}
.home-section01 { padding-top: 80px; background-color: rgb(18, 18, 18); }
.home-section01, .home-section05 .btm {
  & .swiper-container {
  width: 100%; text-align: center;
  & img { width: 100%; height: auto; }
}
  & .swiper-pagination-bullet { width: 18px; height: 18px; opacity: 0.8; }
}
.swiper-button-prev, .swiper-button-next {
  background-image: none; height: 39px; width: 39px;
  & img { height: 100%; width: 100%; }
}
.swiper-pagination-bullet { background: url("images/default-pagination.svg") 0% 0% / cover; }
.swiper-pagination-bullet-active { background-image: url("images/active-pagination.svg"); background-size: cover; }
.home-section02-new {
  background-position: center top; background-repeat: no-repeat; width: 100%; padding-top: 50px;
  & .row { gap: 32px; }
  & .top {
  text-align: center;
  & h2 { text-transform: uppercase; }
  & p { margin-bottom: 0%; }
}
  & .middle-div {
  & .one, & .two { float: left; padding: 10px 50px; background: rgb(204, 204, 204); margin: 0px 2px 0px 0px; cursor: pointer; border-radius: 12px; }
  & .two_cont, & .three_cont { display: none; }
  & .clear { clear: both; }
  & .active { background: rgb(0, 55, 123); color: rgb(255, 255, 255); font-weight: 600; border-radius: 12px; }
  & .tab-division { display: flex; flex-direction: row; justify-content: center; gap: 20px; padding: 10px 0px; }
  & .tabs__panel {
  gap: 3px; display: flex; flex-direction: column;
  & .col-12.image-div {
  & .col-md-5 { width: 35.2%; height: auto; border-radius: 0px; overflow: hidden; }
  & .col-md-2 { width: 20%; height: auto; border-radius: 0px; overflow: hidden; }
  & .col-md-3 { width: 24%; height: auto; border-radius: 0px; overflow: hidden; }
  display: flex; flex-direction: row; justify-content: space-between;
  & div { max-height: 200px; overflow: hidden; border-radius: 10px; }
}
  & img { width: 100%; height: auto; object-fit: cover; min-height: 100%; }
}
  & .all-product-button {
  width: 100%; display: flex; justify-content: center; align-items: center;
  & button { float: left; padding: 10px 50px; margin: 10px 2px 0px 0px; cursor: pointer; background: rgb(0, 55, 123); color: rgb(255, 255, 255); font-weight: 600; border-radius: 12px; }
}
}
}
.home-section02 {
  background-position: center top; background-repeat: no-repeat; width: 100%; padding-top: 50px; display: flex; justify-content: center;
  & .row { gap: 32px; }
  & .top {
  align-items: center; text-align: center; display: flex; flex-direction: column;
  & h2 { text-transform: uppercase; }
  & p { margin-bottom: 0%; max-width: 1000px; }
}
  & .btm {
  width: 100%; gap: 24px;
  & .card-div {
  display: flex; flex-flow: wrap; justify-content: center; gap: 3px;
  & .content-box {
  width: auto; gap: 16px; height: auto; position: relative; min-width: 31.3%;
  & span { padding: 0%; margin: 0%; }
  & .image {
  width: 100%; max-height: 400px; overflow: hidden; height: 100%;
  & img { width: 100%; display: block; object-fit: cover; height: 100%; }
}
  & .text-div {
  display: flex; flex-direction: row; padding-top: 10px; margin: 0px; flex: 1 1 0%;
  & .left-line { height: 80%; width: 4px; background-color: rgb(221, 189, 129); border-radius: 10px; margin: 5px 4px 5px 0px; }
  & .text-content { display: flex; flex-direction: column; align-items: start; }
  & .card-head, & .card-address { width: 100%; display: flex; flex-direction: row; padding-left: 7px; }
  & .card-head {
  justify-content: space-between; padding: 0%; margin: 0%; align-items: center;
  & h3 { color: rgb(18, 18, 18); line-height: 100%; }
  & a { text-decoration: none; color: rgb(188, 124, 5); font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 0px 10px; }
}
  & .card-address {
  gap: 10px; justify-content: start; align-items: start;
  & .imag {
  width: 18px; height: 18px;
  & img { width: 100%; height: 100%; }
}
}
}
  & .sub-info { position: absolute; width: 100%; bottom: 32px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 20px; }
}
  & .content-box a { text-decoration: none; color: currentcolor; }
  & .content-box .image { position: relative; }
  & .content-box .image {
  & .top-left-overlay, & .top-right-overlay, & .bottom-overlay { position: absolute; }
  & .image__overlay { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.45); z-index: 1; }
  & .top-left-overlay {
  top: 20px; left: 25px; height: 52px; width: auto; z-index: 2;
  & img { height: 100%; width: auto; }
}
  & .top-right-overlay {
  top: 16px; right: 16px; height: 52px; width: auto; z-index: 1;
  & img { height: 100%; width: auto; }
}
  & .bottom-overlay {
  width: auto; padding: 0px 12px; display: flex; justify-content: center; border-radius: 50px; z-index: 1; top: 35%; left: 18px; flex-direction: column; color: rgb(255, 255, 255);
  & span {color: rgb(255, 255, 255);font-weight: 700;}
}
}
}
}
}
.home-section02 {
    & .btm {
        & .card-div {
            & .content-box .image {
                & .bottom-overlay {
                    & h4 {
                        font-weight: 500;
                        text-transform: uppercase;
                    }
                }
            }
        }
    }
}
.home-section03, .home-section04 {
  & .row { gap: 56px; }
  & .top.hm.info { text-align: center; }
  & .btm {
  & .card-div {
  display: flex; flex-wrap: wrap; justify-content: space-between;
  & .image {
  width: 100%; overflow: hidden;
  & img { width: 100%; display: block; }
}
}
  & .card-div {
  & .content-box {
  & span { padding: 0%; margin: 0%; }
}
  & .content-box { min-width: 250px; }
  & .content-box a { text-decoration: none; color: currentcolor; }
  & .content-box .image { position: relative; }
  & .content-box .image {
  & .top-left-overlay, & .top-right-overlay, & .bottom-overlay { position: absolute; }
  & .top-left-overlay {
  top: 16px; left: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .top-right-overlay {
  top: 16px; right: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .bottom-overlay {
  width: auto; padding: 0px 12px; height: 34px; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.4); bottom: 14px; left: 14px; display: flex; justify-content: center; align-items: center; border-radius: 50px;
  & span { color: rgb(255, 255, 255); font-weight: 400; }
}
}
}
}
  & .btm .content-box {
  margin: 10px 0px; width: 49%; max-width: 643px; gap: 16px; height: auto; border-radius: 12px; position: relative;
  & .text-div {
  display: flex; flex-direction: row; padding-top: 10px; margin: 0px; flex: 1 1 0%;
  & .left-line { height: 80%; width: 4px; background-color: rgb(221, 189, 129); border-radius: 10px; margin: 5px 4px 5px 0px; }
  & .text-content { display: flex; flex-direction: column; align-items: start; }
  & .card-head, & .card-address { width: 100%; display: flex; flex-direction: row; padding-left: 7px; }
  & .card-head {
  justify-content: space-between; padding: 0%; margin: 0%; align-items: center;
  & h3 { color: rgb(18, 18, 18); line-height: 100%; }
  & a { text-decoration: none; color: rgb(188, 124, 5); font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 0px 10px; }
}
  & .card-address {
  gap: 10px; justify-content: start; align-items: start;
  & .imag {
  width: 18px; height: 18px;
  & img { width: 100%; height: 100%; }
}
}
}
  & .sub-info { position: absolute; width: 100%; bottom: 32px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 20px; }
}
}
.home-section05 {
  display: flex; justify-content: center;
  & .main-div {
  height: auto; padding-top: 0px;
  & .section-space { padding-top: 10px; }
}
  & .top { text-align: start; padding-bottom: 0%; margin-bottom: 0%; position: relative; top: 40px; padding-top: 0%; margin-top: 0%; }
  & .swiper-container {
  width: 100%; height: 100%; border-radius: 12px; overflow: hidden; padding-top: 50px; padding-bottom: 30px;
  & .video-frame { width: 100%; height: auto; border-radius: 12px; }
  & .video-frame iframe { width: 100%; height: 50vw; min-height: 300px; max-height: 720px; border-radius: 12px; }
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; position: relative; bottom: -15px; }
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
}
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
}
.home-section06 {
  padding-top: 0px;
  & .top { position: relative; top: 40px; }
  & .section06-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; padding: 50px 0px; overflow: hidden;
  & img { width: 100%; height: auto; }
  & iframe { width: 100%; height: 15vw; min-height: 150px; max-height: 300px; border-radius: 12px; overflow: hidden; }
}
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
}
.home-section07 {
  & .top h2 { text-transform: uppercase; }
  & .section06-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; padding: 20px 0px; overflow: hidden;
  & img { width: 100%; height: auto; }
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
}
.home-section08 {
  & h2 { text-transform: uppercase; }
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .left, & .right {
  width: 49%; display: flex; flex-direction: column; justify-content: center;
  & img { width: 100%; height: auto; }
}
  & .left button { display: flex; justify-content: center; align-items: center; height: 51px; width: fit-content; padding: 14px 28px; border-radius: 14px; border: 1px solid rgb(221, 189, 129); color: rgb(71, 49, 1); font-size: 16px; font-weight: 600; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); }
}
.home-section03-new {
  & .main-container { padding-left: 11vw; background-color: rgb(255, 240, 231); }
  & h2 { text-transform: uppercase; }
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .left, & .right {
  width: 49%; display: flex; flex-direction: column; justify-content: center;
  & img { width: 100%; height: 100%; object-fit: cover; }
}
  & .left button { display: flex; justify-content: center; align-items: center; height: 51px; width: fit-content; padding: 14px 28px; border-radius: 14px; border: 1px solid rgb(221, 189, 129); color: rgb(71, 49, 1); font-size: 16px; font-weight: 600; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); }
}
.home-section03-new {
  & .left { width: 40%; display: flex; flex-direction: column; justify-content: center; }
}
.home-section03-new {
  & .right { width: 57%; display: flex; flex-direction: column; justify-content: center; height: 100%; object-fit: cover; }
  & .right {
  position: relative; overflow: hidden;
  & img { width: 100%; }
  & .right__fade { position: absolute; top: 0px; left: 0px; height: 100%; width: 100px; background: linear-gradient(to right, rgb(255, 240, 231), rgba(255, 255, 255, 0)); z-index: 1; pointer-events: none; }
}
}
.home-section09 {
  display: flex; justify-content: center;
  & .main-div { width: 100%; padding: 20px 40px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: start; background-repeat: repeat-x; background-size: calc(33.3333%); background-color: rgb(23, 53, 119); }
  & .box { display: flex; flex-direction: column; justify-content: start; align-items: center; text-align: center; width: 12%; min-width: 100px; padding: 20px 10px 0px; border-right: 1px solid rgb(191, 185, 177); color: rgb(255, 255, 255); height: 100% !important; }
  & .box.last { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
  & h4 { margin: 10px 0px; }
  & span { font-size: 16px; font-weight: 500; }
}
.home-section10 {
  & .row {
  display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;
  & button { width: fit-content; height: 51px; border-radius: 14px; background-color: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; color: rgb(71, 49, 1); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 14px 28px; font-weight: 600; font-size: 16px; }
  & button:hover { cursor: pointer; }
}
}
.footer {
  margin-bottom: 0px; display: flex; justify-content: center;
  & .main-div { display: flex; flex-direction: column; justify-content: center; padding: 50px 100px 0px; width: 100%; background-image: url("../images-new/footer-bg-img2.jpg"); background-size: cover; background-position: center center; filter: brightness(1.25) contrast(1.1); }
  & span { font-size: 15px; color: rgb(255, 255, 255); font-family: Marcellus, serif; font-weight: 500; letter-spacing: 5%; text-transform: uppercase; }
  & a { font-family: Poppins, sans-serif; font-size: 15px; text-decoration: none; color: currentcolor; font-weight: 200 !important; }
  & .footer-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); gap: 60px; color: white; }
  & .footer-title { font-size: 16px; font-weight: 600; margin-bottom: 12px; }
  & .footer-menu { display: flex; flex-direction: column; gap: 5px; list-style: none; padding: 0px; margin: 0px; }
  & .footer-menu li { font-family: Poppins, sans-serif; font-size: 15px; font-weight: 200; }
  & .social {
  padding: 20px 0px; display: flex; flex-direction: column; gap: 20px;
  & .div2 .form { display: flex; flex-direction: row; align-items: center; gap: 14px; }
  & .div3 { display: flex; flex-direction: row; gap: 10px; }
  & input { font-size: 16px; height: 51px; width: 338px; background-color: rgba(188, 181, 166, 0.16); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding-left: 20px; border-radius: 14px;color: #fff; }
  & input::placeholder { color: rgb(188, 181, 166); opacity: 1; }
  & button { display: flex; justify-content: center; align-items: center; width: auto; height: 51px; background-color: rgb(189, 163, 104); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; color: rgb(71, 49, 1); font-size: 16px; font-weight: 600; font-family: poppins, sans-serif; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 14px; padding: 14px 27px; }
}
  & .btm {
  & .logo {
  display: flex; justify-content: center; align-items: center;
  & img {width: 30%;height: auto;}
}
  & .copyright {
  padding: 20px 10px 0px; text-align: center; border-top: 1px solid rgb(121, 114, 99); margin-top: 20px; display: flex; justify-content: center; align-items: center;
  & p { font-size: 15px; color: rgb(255, 255, 255); font-weight: 200; font-family: poppins, sans-serif; }
}
}
}
.footer {
  & .main-div {
  position: relative; display: flex; flex-direction: column; justify-content: center; padding: 50px 100px 0px; width: 100%; background-image: url("../images-new/footer-bg-img2.jpg"); background-size: cover; background-position: center center;
  &::before { content: ""; position: absolute; inset: 0px; background: rgba(10, 25, 60, 0.7); z-index: 1; }
  & > * { position: relative; z-index: 2; }
}
}
.residential-projects {
  background-color: rgb(255, 251, 245);
  & h2 { text-transform: uppercase; }
  & .res-pro-section01 .main-div {
  display: flex; flex-direction: column;
  & img { width: 100%; height: auto; }
}
  & .res-pro-section2 .anc a { box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 12px; }
  & .res-pro-section02 {
  & .tabler-icon-search-parent { box-sizing: border-box; width: fit-content; height: 40px; display: flex; align-items: center; padding: 12px; gap: 6px; font-size: 14px; color: rgb(48, 48, 48); cursor: pointer; text-transform: uppercase; }
  & .active-button { color: rgb(142, 111, 54); border-bottom: 3px solid rgb(221, 189, 129); font-weight: 600; }
  & .full-width-border { position: relative; }
  & .full-width-border::after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 100vw; border-bottom: 1px solid rgb(225, 225, 225); }
  & .page-navigator {
  display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-bottom: 0% !important;
  & .tab-trigger { display: flex; flex-direction: row; width: fit-content; gap: 12px; }
  & .style-change {
  display: flex; flex-direction: row; width: fit-content; gap: 20px;
  & .landscape, & .grid {
  background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: auto; height: 100%;
  & img { width: auto; height: 100%; }
}
  & .landscape::after { }
}
}
}
  & .res-pro-section02 {
  & .row p { margin-bottom: 0%; }
  & .style2 {
  & .hide { display: none; }
  display: flex; flex-flow: wrap; justify-content: space-between;
  & .content-box {
  min-width: 250px;
  & span { padding: 0%; margin: 0%; }
}
  & .content-box {
  width: 32%; max-width: 450px; gap: 16px; min-width: 250px;
  & span { padding: 0%; margin: 0%; }
  height: auto; border-radius: 6px; position: relative;
  & .image {
  max-height: 400px; overflow: hidden; border-radius: 12px;
  & img { width: 100%; }
}
  & .text-div {
  display: flex; flex-direction: row; padding-top: 10px; margin: 0px; flex: 1 1 0%;
  & .top { display: flex; flex-direction: row; width: 100%; }
  & .left-line { height: 50px; width: 4px; background-color: rgb(221, 189, 129); border-radius: 10px; margin: 5px 4px 5px 0px; }
  & .text-content { display: flex; flex-direction: column; align-items: start; }
  & .card-head, & .card-address { width: 100%; display: flex; flex-direction: row; padding-left: 7px; }
  & .card-head {
  justify-content: space-between; padding: 0%; margin: 0%; align-items: center;
  & h3 { color: rgb(18, 18, 18); line-height: 100%; }
  & a { text-decoration: none; color: rgb(188, 124, 5); font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 0px 10px; }
}
  & .card-address {
  gap: 10px; justify-content: start; align-items: start; padding-bottom: 0%; margin-bottom: 0%;
  & .imag {
  width: 18px; height: 18px;
  & img { width: 100%; height: 100%; }
}
}
}
  & .sub-info { position: absolute; width: 100%; bottom: 32px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 20px; }
  & a { text-decoration: none; color: currentcolor; }
  & .image { position: relative; }
  & .image {
  & .top-left-overlay, & .top-right-overlay, & .bottom-overlay { position: absolute; }
  & .top-left-overlay {
  top: 16px; left: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .top-right-overlay {
  top: 16px; right: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .bottom-overlay {
  width: auto; height: 34px; padding: 0px 12px; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.3); bottom: 14px; left: 14px; display: flex; justify-content: center; align-items: center; border-radius: 10px;
  & span { color: rgb(255, 255, 255); font-weight: 400; }
}
}
}
}
  & .style1 {
  display: flex; flex-flow: column wrap; gap: 10px;
  & .content-box {
  border: 1px solid rgb(230, 224, 213); border-radius: 20px; padding: 12px; display: flex; flex-direction: row; width: 100%; gap: 16px; min-width: 250px;
  & span { padding: 0%; margin: 0%; }
  height: auto; position: relative;
  & .text-container {
  display: flex; flex-direction: column;
  & .landscape-hide { display: none; }
}
  & .image {
  width: 100%; max-width: 595px; height: 400px; overflow: hidden; border-radius: 12px;
  & img { width: 100%; height: auto; }
}
  & .text-div {
  display: flex; flex-direction: column; width: 100%; max-width: 660px; padding-top: 10px; margin: 0px; flex: 1 1 0%; gap: 5px;
  & .top { display: flex; flex-direction: row; }
  & .left-line { height: 50px; width: 4px; background-color: rgb(221, 189, 129); border-radius: 10px; margin: 5px 12px 5px 0px; }
  & .mid-div {
  display: flex; flex-direction: row; justify-content: space-between; width: 100%;
  & .detail {
  display: flex; flex-direction: column; gap: 10px; width: 30%; border-right: 1px solid rgb(228, 223, 215);
  & p { font-family: Marcellus, serif; text-transform: uppercase; padding: 0px; margin: 0%; font-size: 14px; }
  & span { font-family: Poppins, sans-serif; font-size: 14px; }
}
  & .detail.last { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
}
  & .btm {
  display: flex; flex-direction: column; gap: 5px;
  & p { font-family: Marcellus, serif; text-transform: uppercase; margin: 0px; padding: 0px; }
  & ul li { font-family: Poppins, sans-serif; }
  & ul {
  width: 100%; display: flex; flex-flow: wrap; gap: 15px; padding-left: 14px;gap: 15px 30px;
  & li { width: fit-content; margin-right: 1px; line-height: 80%; font-size: 14px; }
}
}
  & .explore-button {
  width: 100%; display: flex; flex-direction: row; justify-content: right; align-items: flex-end;
  & button { width: fit-content; display: flex; justify-content: center; align-items: center; padding: 12px 22px; background-color: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; color: rgb(71, 49, 1); font-size: 14px; border-radius: 12px; height: 44px; font-weight: 500; text-transform: uppercase; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
}
  & .text-content { display: flex; flex-direction: column; align-items: start; }
  & .card-head, & .card-address { width: 100%; display: flex; flex-direction: row; padding-left: 7px; }
  & .card-head {
  justify-content: space-between; padding: 0%; margin: 0%; align-items: center;
  & h3 { color: rgb(18, 18, 18); line-height: 100%; }
  & .explore-anchor { display: none; }
}
  & .card-address {
  padding-left: 0%; gap: 10px; justify-content: start; align-items: start;
  & .imag {
  display: flex; width: 18px; height: auto; padding: 0%; margin: 0%;
  & img { width: 100%; height: 100%; }
}
}
}
  & .sub-info { position: absolute; width: 100%; bottom: 32px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 20px; }
  & a { text-decoration: none; color: currentcolor; }
  & .image { position: relative; }
  & .image {
  & .top-left-overlay, & .top-right-overlay, & .bottom-overlay { position: absolute; }
  & .top-left-overlay {
  top: 16px; left: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .top-right-overlay {
  top: 16px; right: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .bottom-overlay {
  width: auto; height: 34px; padding: 0px 12px; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.3); bottom: 14px; left: 14px; display: flex; justify-content: center; align-items: center; border-radius: 10px;
  & span { color: rgb(255, 255, 255); font-weight: 400; }
}
}
}
}
  & .navigator-head {
  display: flex; flex-direction: row; justify-content: space-between;
  & .style-change { display: flex; flex-direction: row; justify-content: end; align-items: center; gap: 20px; }
}
  & .card-div { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .card-div::-webkit-scrollbar { display: none; }
}
}
.white-lily-residency {
  background-color: rgb(255, 251, 245);
  & h2 { text-transform: uppercase; }
  & .white-lily-section01 {
  padding: 0px 30px;
  & h1 { font-size: 56px; font-family: Marcellus, serif; }
  display: flex; align-items: center; justify-content: center;
  & .main-div {
  width: 100%; height: fit-content; position: relative;
  & img { width: 100%; height: auto; }
  & .top-overlay, & .btm-overlay { position: absolute; }
  & .top-overlay {
  top: 20px; left: 20px;
  & img { height: 83px; width: auto; }
}
  & .btm-overlay {
  bottom: 70px; left: 70px;
  & h1, & p { color: rgb(255, 255, 255); }
  & button { display: flex; justify-content: center; align-items: center; background-color: rgb(255, 252, 248); border: 1px solid rgb(221, 189, 129); color: rgb(71, 49, 1); font-size: 14px; text-transform: uppercase; height: 44px; width: fit-content; padding: 14px 22px; border-radius: 12px; }
}
}
}
  & .white-lily-section0-lowerpart {
  & .main-div {
  background-color: rgb(255, 254, 253); border: 1px solid rgb(230, 224, 213); width: 100%; min-height: 131px; border-radius: 30px; display: flex; align-items: start; flex-wrap: wrap; justify-content: space-between; padding: 30px; gap: 0px;
  & .content-div {
  width: 19%; border-right: 1px solid rgb(230, 224, 213); height: 100%; padding: 0% 5px 0% 0%;
  & span { font-family: Marcellus, serif; text-transform: uppercase; }
}
  & .content-div.no-line { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
}
}
  & .white-lily-section02 {
  & .tabler-icon-search-parent { box-sizing: border-box; width: fit-content; height: 40px; display: flex; align-items: center; padding: 12px; gap: 6px; font-size: 14px; color: rgb(48, 48, 48); cursor: pointer; text-transform: uppercase; }
  & .active-button { border-bottom: 3px solid rgb(221, 189, 129); font-weight: 600; color: rgb(142, 111, 54); }
  & .page-navigator {
  position: sticky; top: 0px; display: flex; flex-direction: row; background-color: rgb(255, 251, 245); justify-content: space-between; width: 100%;
  & .tab-trigger {
  display: flex; flex-direction: row; width: fit-content;
  & .tabler-icon-search-parent .filters { white-space: nowrap; }
}
  & .style-change {
  display: flex; flex-direction: row; width: fit-content; gap: 20px;
  & .landscape, & .grid {
  background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: auto; height: 100%;
  & img { width: auto; height: 100%; }
}
}
}
  & .top {
  width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 20px;
  & .right { display: flex; align-items: center; gap: 20px; }
  & a { text-decoration: none; color: currentcolor; }
}
  & .tab-pane .mid {
  margin-bottom: 20px; width: 100%;
  & .video-frame { width: 100%; }
  & .video-frame iframe { height: auto; min-height: 700px; border-radius: 12px; width: 100% !important; }
}
  & .btm {
  & .division {
  display: flex; flex-direction: row; justify-content: space-between; width: 100%; margin-top: 30px;
  & .content { width: 24%; border-right: 1px solid rgb(228, 223, 215); padding-left: 0px; }
  & .no-line { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
}
}
}
  & .white-lily-section03 {
  & .white-lily-section03-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; padding: 50px 0px; overflow: hidden;
  & iframe { width: 100%; height: auto; }
}
  & .swiper-slide .box {
  display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: space-between; align-items: center;
  & .top, & .btm {
  display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: auto; height: 50%;
  & img { width: auto; max-width: 150px; height: auto; }
}
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
}
  & .white-lily-section04 {
  padding-top: 0%;
  & .top { padding: 0px; position: relative; top: 30px; }
  & .swiper-container .swiper-slide {
  & .top { position: relative; }
  & .overlay-text {
  position: absolute; width: 60%; bottom: 20px; left: 30px; color: rgb(255, 255, 255); text-align: start;
  & h3 { font-size: 26px; text-transform: uppercase; }
  & p { font-weight: 300; }
}
}
  & .white-lily-section04-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; padding: 20px 0px 80px; overflow: hidden;
  & iframe { width: 100%; height: auto; }
}
  & .swiper-slide .box {
  display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;
  & .top, & .btm {
  display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto;
  & img { width: 100%; height: auto; }
}
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 30px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 30px; }
}
  & .white-lily-section05 {
  & .tabler-icon-search-parent { box-sizing: border-box; width: fit-content; height: 40px; display: flex; align-items: center; padding: 12px; gap: 6px; font-size: 14px; color: rgb(48, 48, 48); cursor: pointer; text-transform: uppercase; }
  & .active-button { color: rgb(142, 111, 54); border-bottom: 2px solid rgb(221, 189, 129); font-weight: 600; }
  & .page-navigator {
  display: flex; flex-direction: row; border-bottom: 1px solid rgb(225, 225, 225); justify-content: space-between; width: 100%; padding: 0%; margin-bottom: 30px;
  & .tab-trigger { display: flex; flex-direction: row; width: 100%; }
  & .style-change {
  display: flex; flex-direction: row; width: fit-content; gap: 20px;
  & .landscape, & .grid {
  background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: auto; height: 100%;
  & img { width: auto; height: 100%; }
}
}
}
  & .tab-content { padding: 0px; }
  & .tab-pane .mid {
  width: 100%;
  & img { width: 100%; }
}
}
  & .white-lily-section06 {
  & h2 { padding-bottom: 24px; }
  & .main-div { display: flex; flex-direction: column; gap: 24px; }
  & .content-div {
  background-color: rgb(255, 254, 253); display: flex; flex-direction: column; border: 1px solid rgb(230, 224, 213); border-radius: 20px; padding: 40px; gap: 20px;
  & h3 { text-transform: uppercase; }
}
  & .content-div .btm {
  display: flex; flex-flow: wrap; width: 100%; justify-content: space-between;
  & .info-div {
  display: flex; flex-direction: column; gap: 20px; width: 32%; max-width: 345px;
  & span { text-transform: uppercase; }
  & .item {
  display: flex; flex-direction: column;
  & span { font-family: Marcellus, serif; }
}
  & li { font-family: Poppins, sans-serif; }
}
}
}
  & .white-lily-section07 {
  & h2 { padding-bottom: 20px; }
  & .color-description { background-color: rgb(255, 254, 253); border: 1px solid rgb(230, 224, 213); border-radius: 20px; padding: 20px; }
  & .tabler-icon-search-parent { box-sizing: border-box; width: fit-content; height: auto; display: flex; align-items: center; padding: 12px; gap: 6px; font-size: 14px; color: rgb(48, 48, 48); cursor: pointer; text-transform: uppercase; }
  & .active-button { border-bottom: 2px solid rgb(221, 189, 129); font-weight: 600; color: rgb(142, 111, 54); }
  & .filters { padding: 0%; }
  & .page-navigator {
  display: flex; flex-direction: row; justify-content: space-between; width: 100%;
  & .tab-trigger { display: flex; flex-direction: row; border-bottom: 1px solid rgb(230, 224, 213); width: 100%; }
  & .style-change {
  display: flex; flex-direction: row; width: fit-content; gap: 20px;
  & .landscape, & .grid {
  background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: auto; height: 100%;
  & img { width: auto; height: 100%; }
}
}
}
  & .tab-content .tab-pane {
  & .top { padding: 10px 5px; }
  & .mid {
  width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;
  & .left { width: 49%; max-width: 606px; display: flex; flex-direction: column; border: 1px solid rgb(230, 224, 213); border-radius: 14px; min-width: 400px; }
  & .left .content-div {
  width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 15px 16px; border-bottom: 1px solid rgb(230, 224, 213);
  & .info-div, & .distance-div {
  display: flex; flex-direction: column; justify-content: start; gap: 10px;
  & p { margin-bottom: 0%; }
  max-width: 60%;
}
}
  & .left .last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  & .right {
  width: 49%; max-width: 606px; border-radius: 14px; overflow: hidden; min-width: 400px;
  & iframe { width: 100%; height: 100%; }
}
}
}
}
  & .white-lily-section08 {
  & .row { display: flex; justify-content: center; align-items: center; gap: 10px; }
  & .main-div {
  background-color: rgb(255, 254, 253); border-radius: 20px; border: 1px solid rgb(230, 224, 213); overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 10px;
  & iframe { width: 100%; height: auto; min-height: 700px; border-radius: 14px; overflow: hidden; }
}
}
  & .white-lily-section09 {
  padding-top: 0%;
  & .top { position: relative; top: 30px; }
  & .white-lily-section09-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; padding: 10px 0px 80px; overflow: hidden;
  & iframe { width: 100%; height: auto; }
}
  & .swiper-slide .box {
  display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;
  & .top, & .btm {
  display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto;
  & img { width: 100%; height: auto; }
}
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
}
}
.about-us-page {
  & .aboutus-section01 {
  & h1 { font-size: 56px; font-family: Marcellus, serif; }
  display: flex; align-items: center; justify-content: center;
  & .main-div {
  width: 98%; height: fit-content; position: relative;
  & img { width: 100%; height: auto; }
  & .btm-overlay { position: absolute; }
  & .btm-overlay {
  display: flex; flex-direction: column; justify-content: center; align-items: center; bottom: 70px; left: 50%; top: 70%; transform: translate(-50%, -50%); text-align: center;
  & .image {
  width: 250px; height: auto;
  & img { width: 100%; height: auto; }
}
  & h1, & p { color: rgb(255, 255, 255); }
}
}
}
  & .aboutus-section02 {
  background-image: url("images/aboutus-2bg.png"); background-size: cover; background-position: center center; width: 100%; height: auto;
  & .main-div { width: 100%; padding: 20px 0px; display: flex; flex-flow: wrap; justify-content: space-between; align-items: start; }
  & .btm { text-align: center; }
  & .box { display: flex; flex-direction: column; justify-content: start; align-items: center; text-align: center; max-width: 132px; }
}
  & .aboutus-section03 {
  & .row { gap: 20px; height: fit-content; }
  & .aboutus-section03-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; text-align: center; overflow: hidden;
  & iframe { width: 100%; height: auto; }
}
  & .swiper-wrapper { width: 100%; }
  & .swiper-slide {
  width: 100%; position: relative;
  & .overlay-text { position: absolute; text-align: start; top: 30px; left: 30px; width: 40%; color: rgb(255, 255, 255); }
}
  & .swiper-slide img { width: 100%; height: auto; }
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 40px; width: 40px;
  & img { height: 100%; width: 100%; }
}
  & .aboutus-section03-pagination { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; gap: 25px; width: 80%; z-index: 10; bottom: 40px !important; }
  & .aboutus-section03-pagination::before { content: ""; position: absolute; width: 100%; height: 2px; background: white; top: 50%; transform: translateY(-50%); z-index: 0; }
  & .aboutus-section03-pagination .swiper-pagination-bullet { width: 14px; height: 14px; background: url("images/white-star.png") center center / contain no-repeat; opacity: 1; border-radius: 0px; position: relative; z-index: 1; transition: transform 0.35s, opacity 0.35s; margin: 0px !important; }
  & .aboutus-section03-pagination .swiper-pagination-bullet-active { background-image: url("images/white-star.png"); transform: scale(1.8); opacity: 1; }
  & .btm {
  width: 100%; height: 100%; display: flex; flex-flow: wrap; justify-content: space-between; overflow: hidden;
  & .left { width: 59%; height: auto; }
  & .right { width: 40%; height: 100%; }
  & .left, & .right {
  border-radius: 14px; overflow: hidden; position: relative;
  & img { width: 100%; height: 100%; object-fit: cover; display: block; }
  & .overlay-text { position: absolute; width: 95%; bottom: 15px; left: 15px; color: rgb(255, 255, 255); }
}
}
}
  & .aboutus-section04 {
  & .row { width: 100%; }
  & .btm { display: flex; flex-flow: wrap; justify-content: space-between; gap: 10px; width: 100%; }
  & .btm .box {
  position: relative; width: auto; max-width: 415px;
  & img { width: 100%; }
  & .overlay-text { position: absolute; bottom: 15px; left: 15px; color: rgb(255, 255, 255); }
}
}
}
.contact-us-page {
  background-color: rgb(255, 251, 245);
  & .contact-us-section01 {
  & h1 { font-size: 56px; font-family: Marcellus, serif; }
  display: flex; align-items: center; justify-content: center;
  & .main-div {
  width: 98%; height: fit-content; position: relative;
  & img { width: 100%; height: auto; }
  & .btm-overlay { position: absolute; }
  & .btm-overlay {
  display: flex; flex-direction: column; justify-content: center; align-items: center; bottom: 70px; left: 50%; top: 70%; transform: translate(-50%, -50%); text-align: center;
  & .image {
  width: 250px; height: auto;
  & img { width: 100%; height: auto; }
}
  & h1, & h5 { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 6px; }
}
}
}
  & .contact-us-section02 {
  display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;
  & .row { display: flex; justify-content: space-between; flex-direction: row; gap: 20px !important; }
  & .heading { width: 798px !important; }
  & .left {
  padding: 0%; margin: 0%; display: flex; flex-direction: column; gap: 20px; width: 798px !important;
  & .box-container {
  width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;
  & .content-box {
  width: 386px; height: fit-content; min-height: 385px; padding: 30px; border: 1px solid rgb(230, 224, 213); border-radius: 12px; display: flex; flex-direction: column; gap: 8px; background-color: rgb(255, 253, 250); margin-top: 10px;
  & .logo {
  width: 120px; height: auto;
  & img { width: 100%; height: auto; }
}
  & p { padding: 0%; margin: 5px 0% 0%; }
}
}
  & .contact-details {
  width: 100%; height: fit-content; min-height: 400px; padding: 30px; border: 1px solid rgb(230, 224, 213); border-radius: 12px; display: flex; flex-direction: column;
  & .location {
  width: 492px; max-width: 100%; height: 255px; padding-bottom: 15px;
  & iframe { width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; }
}
  & h4 { font-size: 20px; font-family: Marcellus, serif; padding-bottom: 12px; }
  & h5 { font-size: 16px; font-family: poppins, sans-serif; padding-top: 5px; }
  & a { text-decoration: none; color: currentcolor; font-size: 16px; padding: 5px 0px; }
}
}
  & .right {
  width: 466px; display: flex; justify-content: end; padding: 0%; position: relative; top: -100px;
  & .enquiry-wrapper { margin-right: 0%; position: sticky; top: 120px; width: 466px; height: fit-content; background: rgb(255, 255, 255); padding: 32px 28px; border-radius: 14px; border: 1px solid rgb(230, 224, 213); box-sizing: border-box; }
  & .label-title { font-size: 14px; display: block; font-family: poppins, sans-serif; margin-bottom: 10px; }
  & .pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
  & .pill { font-size: 15px; width: fit-content; height: 36px; display: flex; justify-content: center; align-items: center; padding: 8px 10px; border: 1px solid rgb(230, 224, 213); border-radius: 50px; background-color: rgb(255, 255, 255); }
  & .pill.active { border: 1.5px solid rgb(221, 189, 129); background: rgb(250, 245, 235); }
  & .field-group { display: flex; flex-direction: column; margin-bottom: 16px; }
  & .field-group label { font-size: 14px; margin-bottom: 6px; }
  & .field-group input { font-size: 14px; padding: 8px 0px; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(214, 214, 214); border-image: initial; outline: none; }
  & .field-group input::placeholder { font-size: 14px; color: rgb(179, 179, 179); }
  & .checkbox-wrap {
  display: flex; align-items: flex-start; gap: 10px; font-size: 14px; margin-top: 10px; margin-bottom: 24px; line-height: 1.4; color: rgb(85, 85, 85);
  & span { font-size: 14px; }
}
  & .checkbox-wrap input { width: 18px; height: 18px; }
  & .submit-btn { width: 100%; padding: 14px 0px; background: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 12px; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; cursor: pointer; color: rgb(71, 49, 1); }
}
}
}
.javier-page {
  & h2 { text-transform: uppercase; }
  & .javier-section01 {
  display: flex; align-items: center; justify-content: center;
  & .main-div {
  width: 98%; height: fit-content; position: relative;
  & img { width: 100%; height: auto; }
}
}
  & .javier-section02 {
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .div-1 { width: 49%; max-width: 632px; justify-content: center; }
  & .div-2 { width: 49%; max-width: 632px; justify-content: start; gap: 15px; }
  & .div-2, & .div-1 {
  display: flex; flex-direction: column;
  & img { width: 100%; height: auto; }
}
  & .div-2 .content-div {
  display: flex; flex-direction: column; gap: 25px; justify-content: space-between; width: 100%; height: 100%;
  & .box {
  display: flex; flex-direction: row; gap: 15px; justify-content: start; align-items: center; padding-bottom: 28px; border-bottom: 1px solid rgb(230, 224, 213);
  & img { height: 65px; width: auto; }
  & h4 { font-family: Marcellus, serif; font-size: 30px; }
  & span { text-transform: uppercase; font-family: poppins, sans-serif; }
}
  & .box.last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 10px; }
}
}
  & .javier-section03 {
  & .row {
  text-align: center; display: flex; flex-direction: column; gap: 20px;
  & h6 { font-family: poppins, sans-serif; font-size: 22px; font-weight: bold; }
  & .content-div {
  display: flex; flex-flow: wrap; justify-content: space-between; width: 100%;
  & .box {
  width: 12%; max-width: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  & img { width: 100%; height: auto; }
}
}
}
}
  & .javier-section04 {
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .div-2 { width: 49%; max-width: 632px; justify-content: center; }
  & .div-1 { width: 49%; max-width: 632px; justify-content: start; }
  & .div-2, & .div-1 {
  display: flex; flex-direction: column;
  & img { width: 100%; height: auto; }
}
  & .div-1 button { display: flex; justify-content: center; align-items: center; height: 51px; width: fit-content; padding: 14px 28px; border-radius: 14px; border: 1px solid rgb(221, 189, 129); color: rgb(71, 49, 1); font-size: 16px; font-weight: 600; font-family: Poppins, sans-serif; background-color: rgb(255, 255, 255); }
  & .div-1 button:hover { background-color: rgb(221, 189, 129); color: rgb(255, 255, 255); cursor: pointer; }
}
}
.parker-group-page {
  & h2 { text-transform: uppercase; }
  & .parker-group-section01 {
  & h1 { font-size: 56px; font-family: Marcellus, serif; }
  display: flex; align-items: center; justify-content: center;
  & .main-div {
  width: 98%; height: fit-content; position: relative;
  & .banner { width: 100%; height: auto; }
  & .btm-overlay { position: absolute; }
  & .btm-overlay {
  display: flex; flex-direction: column; justify-content: center; align-items: center; bottom: 70px; left: 50%; top: 70%; transform: translate(-50%, -50%); text-align: center; width: 80%;
  & .image {
  width: 250px; height: auto;
  & img { width: 100%; height: 100%; }
}
  & h1, & p { color: rgb(255, 255, 255); }
}
}
}
  & .parker-group-section02 {
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .div-1 { width: 49%; max-width: 632px; justify-content: center; }
  & .div-2 { width: 49%; max-width: 632px; justify-content: start; gap: 15px; }
  & .div-2, & .div-1 {
  display: flex; flex-direction: column;
  & img { width: 100%; height: auto; }
}
  & .div-2 .content-div {
  display: flex; flex-direction: column; gap: 25px; justify-content: space-between; width: 100%; height: 100%;
  & .box {
  display: flex; flex-direction: row; gap: 15px; justify-content: start; align-items: center; padding-bottom: 28px; border-bottom: 1px solid rgb(230, 224, 213);
  & img { height: 65px; width: auto; }
  & h4 { font-family: Marcellus, serif; font-size: 30px; }
  & span { text-transform: uppercase; font-family: poppins, sans-serif; }
}
  & .box.last { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 10px; }
}
}
  & .parker-group-section03, & .parker-group-section05, & .parker-group-section07, & .parker-group-section09, & .parker-group-section11 {
  & h2 { text-transform: uppercase; }
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .div-2 { width: 48%; max-width: 632px; justify-content: center; }
  & .div-1 { width: 48%; max-width: 632px; justify-content: center; }
  & .div-2, & .div-1 {
  display: flex; flex-direction: column;
  & img { width: 100%; height: auto; }
}
}
  & .parker-group-section04 {
  & .row {
  text-align: center; display: flex; flex-direction: column; gap: 20px;
  & .content-div {
  display: flex; flex-flow: wrap; justify-content: space-between; width: 100%;
  & .box {
  width: 15%; max-width: 185px; min-width: 135px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  & img { width: 100%; height: auto; }
  & p { text-transform: uppercase; }
}
}
}
}
  & .parker-group-section06, & .parker-group-section08, & .parker-group-section10 {
  & h2 { text-transform: uppercase; }
  & .content-box { display: flex; flex-flow: wrap; justify-content: space-between; padding: 0px; row-gap: 15px; }
  & .left, & .right {
  width: 48%; max-width: 632px; display: flex; flex-direction: column; justify-content: center;
  & img { width: 100%; height: auto; }
}
}
  & .parker-group-section12 {
  & .top { width: 80%; }
  & .parker-group-section12-swiper .swiper-slide { box-sizing: border-box; }
  & .swiper-container {
  width: 100%; padding-top: 40px; overflow: hidden;
  & img { width: 100%; height: auto; }
  & iframe { width: 100%; height: 15vw; min-height: 150px; max-height: 300px; border-radius: 12px; overflow: hidden; }
}
  & .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 0.8; }
  & .swiper-button-prev, & .swiper-button-next {
  background-image: none; height: 31px; width: 31px;
  & img { height: 100%; width: 100%; }
}
  & .swiper-pagination-bullet { background: url("images/default-pagination-color.svg") 0% 0% / cover; }
  & .swiper-pagination-bullet-active { background-image: url("images/active-pagination-color.svg"); }
  & .swiper-button-prev, & .swiper-container-rtl .swiper-button-next { left: auto; right: 90px; top: 20px; }
  & .swiper-button-next, & .swiper-container-rtl .swiper-button-prev { right: 30px; left: auto; top: 20px; }
  & .swiper-slide {
  display: flex; flex-flow: wrap; padding: 0px 10px;
  & .content-box {
  width: 100%;
  & span { padding: 0%; margin: 0%; }
}
  & .content-box a { text-decoration: none; color: currentcolor; }
  & .content-box .image { position: relative; }
  & .content-box .image {
  & .top-left-overlay, & .top-right-overlay, & .bottom-overlay { position: absolute; }
  & .top-left-overlay {
  top: 16px; left: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .top-right-overlay {
  top: 16px; right: 16px; height: 52px; width: auto;
  & img { height: 100%; width: auto; }
}
  & .bottom-overlay {
  width: auto; height: 34px; padding: 0px 12px; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.3); bottom: 14px; left: 14px; display: flex; justify-content: center; align-items: center; border-radius: 10px;
  & span { color: rgb(255, 255, 255); font-weight: 400; }
}
}
}
  & .swiper-slide .content-box {
  width: 100%; gap: 16px; height: auto; border-radius: 6px; position: relative;
  & .text-div {
  display: flex; flex-direction: row; padding-top: 10px; margin: 0px; flex: 1 1 0%;
  & .left-line { height: 50px; width: 4px; background-color: rgb(221, 189, 129); border-radius: 10px; margin: 5px 4px 5px 0px; }
  & .text-content { display: flex; flex-direction: column; align-items: start; }
  & .card-head, & .card-address { width: 100%; display: flex; flex-direction: row; padding-left: 7px; }
  & .card-head {
  justify-content: space-between; padding: 0%; margin: 0%; align-items: center;
  & h3 { color: rgb(18, 18, 18); line-height: 100%; text-align: left; }
  & a { text-decoration: none; color: rgb(188, 124, 5); font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 0px 10px; }
}
  & .card-address {
  gap: 10px; justify-content: start; align-items: start;
  & .imag {
  width: 18px; height: 18px;
  & img { width: 100%; height: 100%; }
}
}
}
  & .sub-info { position: absolute; width: 100%; bottom: 32px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 20px; }
}
}
}
.media-cov-page {
  & .media-cov-section01 {
  & .banner {
  width: 100%; height: auto; border-radius: 14px; overflow: hidden;
  & img { width: 100%; height: auto; }
}
  padding-bottom: 16px;
}
  & .media-cov-section02 {
  & .main-div { display: flex; flex-flow: wrap; width: 100%; }
  & .box {
  flex: 1 1 calc(33.333% - 32px); min-width: 350px; max-width: 33.33%; height: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 10px;
  & .image {
  width: 100%; height: fit-content;
  & img { width: 100%; height: auto; }
}
  & .content-div { width: 100%; display: flex; flex-direction: column; }
}
}
}
.testimonials-page {
  & .testimonials-section02 {
  padding-top: 30px;
  & .main-div { display: flex; flex-flow: wrap; width: 100%; }
  & .box {
  flex: 1 1 calc(33.333% - 32px); min-width: 350px; max-width: 33.33%; height: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: start;
  & .video-frame { width: 100%; height: fit-content; margin-bottom: 10px; }
  & .video-frame iframe { width: 100%; height: 20vw; min-height: 200px; max-height: 300px; border-radius: 12px; }
  & .image {
  width: 100%; height: fit-content;
  & img { width: 100%; height: auto; }
}
  & .content-div { width: 100%; display: flex; flex-direction: column; }
}
}
}
.event-gallery-page {
  & .event-gallery-section02 {
  padding-top: 20px;
  & .main-div { display: flex; flex-flow: wrap; width: 100%; }
  & .box {
  flex: 1 1 calc(50% - 32px); min-width: 300px; max-width: 50%; height: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 10px; margin-bottom: 15px;
  & .image {
  width: 100%; height: fit-content;
  & img { width: 100%; height: auto; }
}
  & .content-div { width: 100%; display: flex; flex-direction: column; }
}
}
}
.blogs-page {
  & .blogs-section02 {
  & .row p { margin-bottom: 0%; }
  & .tabler-icon-search-parent { box-sizing: border-box; width: fit-content; height: 40px; display: flex; align-items: center; padding: 12px; gap: 6px; font-size: 14px; color: rgb(142, 111, 54); cursor: pointer; text-transform: uppercase; }
  & .active-button { border-bottom: 3px solid rgb(221, 189, 129); font-weight: 600; }
  & .full-width-border { position: relative; }
  & .full-width-border::after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 100vw; border-bottom: 1px solid rgb(225, 225, 225); }
  & .page-navigator {
  display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-bottom: 0% !important;
  & .tab-trigger { display: flex; flex-direction: row; width: fit-content; gap: 12px; }
}
  & .navigator-head {
  display: flex; flex-direction: row; justify-content: space-between;
  & .style-change { display: flex; flex-direction: row; justify-content: end; align-items: center; gap: 20px; }
}
  & .main-div { display: flex; flex-flow: wrap; width: 100%; gap: 20px; }
  & .box {
  flex: 1 1 calc(33.333% - 32px); min-width: 350px; max-width: 33.33%; height: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 10px;
  & .image {
  width: 100%; height: fit-content;
  & img { width: 100%; height: auto; }
}
  & .content-div { width: 100%; display: flex; flex-direction: column; }
  & .read-more { color: rgb(188, 124, 5); text-transform: uppercase; padding-left: 10px; font-weight: 500; }
  & .sub-title { width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 10px 0px; }
}
}
}


.about-us-page 
    .aboutus-section03 
        .swiper-container {
            border-radius: 10px;
        }
        
@media (max-width: 1400px) {
   
    .about-us-page 
    .aboutus-section01 
        .main-div 
            .btm-overlay 
                .image {
                    width: 190px;
                    height: auto;
                    margin-bottom: 10px;
                }
            

    .about-us-page 
    .aboutus-section01 
        h1 {
            font-size: 42px;
            font-family: Marcellus, serif;
        
        
}
    
    .about-us-page 
    .aboutus-section01 h2 {
        font-size: 28px;
    }
}

@media (min-width: 800px) {
    .about-us-page .aboutus-section04 .btm {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
        }
    
}


@media (min-width: 681px) {
    
  .footer {
  & h3 { display: none; }
}
  .home-section05 {
  & .swiper-pagination.sec05-pagination { display: none; }
}
}
@media (max-width: 680px) {
    
    .about-us-page 
    .aboutus-section04 
        .btm {
            display: grid;
            grid-template-columns: 1fr 1fr;
        
    
}
body .navbar {
    height: auto;
}
.about-us-page 
    .aboutus-section04 
        .btm h4 {
            font-size: 14px;
            margin-bottom: 0;
}
ol.breadcrumb {
    padding: 0px 0% 7px 10px;
}
.hamburger-div { 
    & .top-panel .hamburger-logo {
        padding: 0px 0px 0px 15px;
    }
}

.navbar .outer-container {
    height: auto;
    padding: 6px 0px;
}

.navbar .right-div .enquire-now {
        display: none;
}

body.about-us-page .aboutus-section03 .btm .overlay-text p, body.about-us-page .aboutus-section03 .btm .overlay-text li {
    font-size: 12px;
    line-height: 14px;
}

body.about-us-page .aboutus-section03 .btm .overlay-text h3 {
    margin-bottom: 0;
    font-size: 16px;
}

body.about-us-page .aboutus-section03 .btm .left .overlay-text, body.about-us-page .aboutus-section03 .btm .right .overlay-text {
    padding: 115px 10px 15px 
}

.about-us-page .aboutus-section04 .btm .box .overlay-text {
    gap: 0;
    left: 7px;
    line-height: 12px;
    bottom: 10px;
    top: auto;
}

.about-us-page .aboutus-section04 .btm h4 {
    font-size: 13px;
}

.home-section09 .box span {
    font-size: 14px;
}

section.res-pro-section09 .main-div, section.home-section10 {
    padding-bottom: 40px;
}
}

@media (max-width: 680px) {
  .header-space { padding-top: 90px !important; }
  .section-space { padding: 20px 0px; }
  .hm.info h2, h2 { font-size: 22px; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  p { font-size: 14px; }
  span { font-size: 12px; }
  .container-fluid { padding: 10px; }
  .hm.info p { font-size: 16px; }
  .navbar {
  padding: 10px; height: 64px;
  & .logo { height: 40px; }
  & .mid-div { display: none; }
  & .right-div .enquire-now { height: auto; font-size: 14px; padding: 8px 15px; }
  max-width: 100%;
}
  .hamburger-div {
  & .main-div {
  padding: 10px; width: 100% !important;
  & .link-div { flex-wrap: wrap; min-width: auto; height: fit-content; width: 100% !important; }
  & .panel-links {
  width: 100% !important; height: fit-content;
  & span { padding-bottom: 0px; margin-bottom: 0px; margin-top: 5px; }
  & a { margin-bottom: 5px; }
}
}
  & .image { display: none; }
}
  .hamburger-div .main-div { height: 100vh; overflow-y: auto; overscroll-behavior: contain; }
  .hamburger-div .main-div .links-div { height: 90vh; }
  .home-section01 {
  padding-top: 65px;
  & .swiper-container {
  max-height: 400px;
  & .swiper-wrapper { height: 100%; }
  & .swiper-slide {
  height: 100%;
  & img { width: auto; max-height: 400px; height: 100% !important; }
}
  & .swiper-button-next, & .swiper-button-prev { display: none; }
}
}
.home-section02 {
  & .btm {
  display: flex; flex-direction: column;
  & .content-box .text-div .text-content .card-head .explore-anchor { display: none; }
  & .content-box .text-div .text-content .card-address p { font-size: 12px; }
}
  & .content-box {
  width: 100% !important; margin-bottom: 15px;
  & .image img { width: 100%; height: auto; }
}
  & .card-div { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .card-div::-webkit-scrollbar { display: none; }
}
  .home-section03, .home-section04 {
  & .btm {
  & .content-box .text-div .text-content .card-head .explore-anchor { display: none; }
  & .content-box .text-div .text-content .card-address p { font-size: 12px; }
}
  & .content-box { width: 100% !important; }
  & .card-div { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .card-div::-webkit-scrollbar { display: none; }
}
  .home-section05 {
  & .video-frame iframe { min-height: 300px !important; }
  & .swiper-container { padding-top: 15px; }
  & .swiper-button-next, & .swiper-button-prev { display: none; }
}
  .home-section06 {
  & .swiper-container { padding-top: 0px; padding-bottom: 5px; }
  & .swiper-button-next, & .swiper-button-prev { display: none; }
  & .swiper-pagination { position: relative; bottom: 15px; }
}
  .home-section08 {
  & .left, & .right { width: 100%; }
  & .left button { height: 41px; font-size: 14px; padding: 10px 18px; }
}
  .home-section03-new {
  & .left, & .right { width: 100%; }
  & .left button { height: 41px; font-size: 14px; padding: 10px 18px; }
}
  .home-section09 {
  & .main-div { row-gap: 30px; background-repeat: repeat-y; background-size: auto calc(33.3333%); background-position: center center; }
  & .box { width: 50%; height: auto !important;border-right: 0; padding-right: 0;padding-left: 0;}
}
  .home-section10 {
  & button { height: 41px; font-size: 14px; padding: 10px 18px; }
}
  .footer {
  margin-bottom: 20px;
  & .main-div { padding: 20px 30px 0px; }
  & .footer-wrapper {
  grid-template-columns: 1fr; gap: 10px;
  & h3 { font-weight: 300; }
  & a { font-weight: 300; }
}
  & .footer-menu {
  max-height: 0px; overflow: hidden; padding-left: 10px;
  & span { display: none; }
}
  & .footer-title { margin: 0px; padding: 15px 0px; font-size: 18px; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; }
  & .footer-title::after { /*content: "⮟";*/ position: absolute; right: 0px; font-size: 15px; transition: 0.3s; }
  & .footer-title.active::after { /*content: "⮝";*/ }
  & .footer-title.active + .footer-menu { max-height: 700px; padding: 15px 0px 15px 10px; }
  & .social {
  padding: 10px 0% 0%; gap: 10px;
  & .div2 .form {
  display: flex; flex-direction: column; justify-content: center; align-items: start;
  & button { font-size: 14px; }
}
  & input { width: 100% !important; }
  & button { height: 51px; }
  & .div3 { gap: 15px; }
}
  & .btm {
  & .logo {
  padding-top: 10px;
  & img { width: 70% !important; }
}
}
  & .copyright {
  & p { font-size: 12px !important; }
}
}
  .hamburger-div {
  max-width: 100%;
  & .panel-links {
  & .div3 { display: none; }
}
  & .panel-preview img { display: none; }
  & .panel-links span { font-size: 12px; }
  & .panel-links a, & .panel-links p { font-size: 14px; }
}
  .res-pro-section02 {
  & .style-change { display: none !important; }
  & .tabler-icon-search-parent { padding: 6px !important; }
  & .page-navigator {
  & .tab-trigger { }
}
  & .style2 .content-box .text-div .card-address p { font-size: 12px; }
  & .style2 .content-box .text-div .card-head .explore-anchor { display: none !important; }
}
  .contact-us-page {
  & .contact-us-section01 {
  & .main-div { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 400px !important; }
  & .banner { height: 100% !important; width: auto !important; }
  & .btm-overlay {
  width: 90% !important;
  & img { max-width: 150px; }
}
  & h1 { font-size: 32px; }
}
  & .contact-us-section02 {
  & .left, & .right { width: 100% !important; max-width: 100% !important; }
  & .left {
  order: 1; gap: 15px;
  & .box-container { }
  & .content-box { width: 49% !important; padding: 10px !important; }
  & .contact-details { min-height: auto !important; }
}
  & .right {
  order: 0; top: 0px;
  & .enquiry-wrapper { width: 100% !important; }
}
}
}
  .javier-page {
  & .javier-section01 {
  & .main-div { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 400px !important; }
  & .banner { height: 100% !important; width: auto !important; }
  & .btm-overlay {
  width: 90% !important;
  & img { max-width: 150px; }
}
  & h1 { font-size: 32px; }
}
  & .javier-section02 {
  & .div-2, & .div-1 { width: 100% !important; max-width: 100% !important; }
  & .div-2 .content-div {
  flex-flow: wrap; gap: normal;
  & .box {
  width: 30%; flex-direction: column; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; gap: 5px; text-align: center;
  & .text-div { flex-direction: column; }
}
  & .box.last { }
}
  & .div-2 .content-div {
  & .box { padding-bottom: 0px !important; }
}
}
  & .javier-section03 {
  & .row {
  & h6 { font-size: 18px; font-weight: 500; }
}
  & .content-div {
  padding: 0px 30px; flex-wrap: wrap; align-items: start;
  & .box { width: auto !important; max-width: 42% !important; }
}
}
  & .javier-section04 {
  & .div-2, & .div-1 { width: 100% !important; max-width: 100% !important; }
}
}
  .parker-group-page {
  & .parker-group-section01 {
  & .main-div { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 400px !important; }
  & .banner { height: 100% !important; width: auto !important; }
  & .btm-overlay {
  width: 90% !important;
  & img { max-width: 150px; }
}
  & h1 { font-size: 32px; }
}
  & .parker-group-section02 {
  & .div-1, & .div-2 { width: 100% !important; }
  & .div-1 { order: 0; }
  & .div-2 { order: 1; }
}
  & .parker-group-section03, & .parker-group-section05, & .parker-group-section07, & .parker-group-section09, & .parker-group-section11 {
  & .div-1, & .div-2 { width: 100% !important; }
  & .div-1 { order: 1; }
  & .div-2 { order: 0; }
}
  & .parker-group-section06, & .parker-group-section08, & .parker-group-section10 {
  & .left, & .right { width: 100% !important; }
}
  & .parker-group-section02 {
  & .div-2 {
  & .content-div {
  flex-direction: row; width: 100%;
  & .box { flex-direction: column; text-align: center; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; gap: 5px; max-width: 33%; }
}
}
}
  & .parker-group-section12 {
  & .top { width: 100% !important; }
  & .swiper-button-next, & .swiper-button-prev { display: none; }
  & .swiper-container { padding-top: 0px; padding-bottom: 0px; }
}
}
  .white-lily-residency {
  & .white-lily-section01 {
  & .main-div { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 400px !important; }
  & .banner { height: 100% !important; width: auto !important; }
  & .btm-overlay {
  width: 90% !important; left: 5% !important;
  & img { max-width: 150px; }
  & button { height: 36px !important; }
}
  & h1 { font-size: 32px; }
}
  & .white-lily-section0-lowerpart {
  & .main-div {
  padding: 15px; flex-direction: row;
  & .content-div { width: 100%; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; min-height: auto !important; }
}
}
  & .white-lily-section02 {
  & .page-navigator {
  padding-left: 0px !important; padding-right: 0px !important;
  & .tab-trigger { overflow: hidden; }
  & .tab-trigger { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .tab-trigger::-webkit-scrollbar { display: none; }
}
  & .tab-content {
  & h2 { margin-bottom: 0px; }
  & .only-desktop { display: none !important; }
  & .tab-pane .top {
  flex-wrap: wrap;
  & .right { flex-wrap: wrap; }
}
  & .tab-pane .mid {
  & .video-frame iframe { width: 100%; height: 50vw; min-height: 300px; max-height: 720px; border-radius: 12px; }
}
  & .tab-pane .btm .division {
  flex-flow: wrap;
  & .content { width: 100%; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; }
}
}
}
  & .white-lily-section03 {
  & .swiper-container { padding-top: 0px; }
  & .swiper-button-prev, & .swiper-button-next { display: none; }
}
  & .white-lily-section04 {
  & .swiper-container { padding-top: 0px; }
  & .swiper-button-prev, & .swiper-button-next { display: none; }
}
  & .white-lily-section05 {
  & .page-navigator {
  padding-left: 0px !important; padding-right: 0px !important;
  & .tab-trigger { overflow: hidden; }
  & .tab-trigger { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .tab-trigger::-webkit-scrollbar { display: none; }
}
  & .tabler-icon-search-parent .filters { white-space: nowrap; }
}
  & .white-lily-section06 {
  & .main-div { gap: 15px; }
  & .content-div {
  padding: 15px; gap: 0px;
  & .btm {
  flex-direction: column;
  & .info-div {
  width: 100%; max-width: none !important; gap: 10px !important;
  & p { margin-bottom: 5px; }
  & li { font-size: 14px !important; font-family: Poppins, sans-serif !important; }
}
}
}
}
  & .white-lily-section07 {
  & .page-navigator {
  padding-left: 0px !important; padding-right: 0px !important;
  & .tab-trigger { overflow: hidden; }
  & .tab-trigger { overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; scrollbar-width: none; flex-wrap: nowrap !important; }
  & .tab-trigger::-webkit-scrollbar { display: none; }
}
  & .tabler-icon-search-parent .filters { white-space: nowrap; }
  & .tab-pane {
  & .mid {
  gap: 10px;
  & .left, & .right { min-width: auto !important; max-width: 100% !important; width: 100% !important; }
  & .left {
  order: 1;
  & .content-div { padding: 10px 12px !important; }
  & .info-div { max-width: 70% !important; }
}
  & .right { order: 0; width: 100%; height: 50vw; min-height: 220px; max-height: 720px; border-radius: 12px; }
}
}
  & .tab-content { padding-left: 0px !important; padding-right: 0px !important; }
}
  & .white-lily-section08 {
  & .main-div iframe { width: 100%; height: 50vw; min-height: 250px; max-height: 720px; border-radius: 12px; }
}
  & .white-lily-section09 {
  & .swiper-container { padding-top: 0px; }
  & .swiper-button-next, & .swiper-button-prev { display: none; }
}
}
  .about-us-page {
  & .aboutus-section01 {
  & .main-div { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; height: 400px !important; }
  & .banner { height: 100% !important; width: auto !important; }
  & .btm-overlay {
  width: 90% !important;
  & img { max-width: 150px; }
}
  & h1 { font-size: 32px; }
}
  & .aboutus-section02 {
  & .main-div {
  padding: 0px 20px 20px;
  & .box { width: 50%; }
}
}
}
  .aboutus-section03 {
  & .top {
  & .swiper-slide {
  width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; margin-right: 0px; border-radius: 14px; height: 400px !important;
  & img { height: 100% !important; width: auto !important; }
  & .overlay-text { width: 80%; }
}
  & .swiper-button-next, & .swiper-button-prev { display: none; }
}
  & .btm {
  gap: 10px;
  & .left, & .right {
  width: 100% !important; height: 350px !important;
  & .overlay-text {
  & p { font-size: 12px; }
}
}
}
}
  .media-cov-page {
  & .media-cov-section01 {
  & .main-div {
  & .banner {
  width: 100%; max-height: 300px; display: block;
  & img { width: auto; height: 100%; }
}
}
}
  & .media-cov-section02 {
  & .box { width: 100% !important; max-width: none; }
}
}
  .testimonials-page {
  & .testimonials-section02 { padding-top: 0px; }
} 
  .event-gallery-page {
  & .event-gallery-section02 {
  padding-top: 0%; 
  & .box { width: 100% !important; max-width: 100%; }
}  
}
  .blogs-page {
  & .blogs-section02 {
  & .box {
  width: 100% !important; max-width: none;
  & .sub-title { padding-top: 0px; }
}
}
}
}


.outer-container { width: 100%; max-width: 1500px !important; }
.counter-join-now { background-color: rgb(255, 215, 124); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px inset; height: 40px; width: fit-content; padding: 10px 16px; max-width: 171px; color: rgb(18, 18, 18); font-size: 12px; font-weight: 600; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 10px 0px; text-transform: uppercase; text-decoration: none; border-radius: 12px; }




section.home-section11.lead-form {
    padding-top: 0;
    padding-bottom: 100px;
}

section.home-section11.lead-form input.btn.button1 {
    margin-top: 20px;
    background: #043159;
    color: #fff;
    border: 0;
    padding: 9px 40px;
    font-size: 18px;
}


section.home-section11.lead-form label.form-label {
    font-weight: 600;
}

section.home-section11.lead-form .form-control {
    font-size: 16px !important;
    padding: 10px 15px;
    border-color: #d1d1d1;
}

section.home-section11.lead-form .centered-div {
    max-width: 1000px;
    margin: auto;
}


/* Preloader */

#preloader {
    /*position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;*/
}

#status {
    /*width: 60px;
    height: 60px;
    position: relative;
    left: auto;
    top: auto;
    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;*/
}

/* Brand Journey Scroll Carousel Section */
.scroll-journey-section {
    background: #ffffff; /* Light background */
    position: relative;
    color: #121212;
    padding-bottom: 0;
}

.journey-header-container {
    padding-top: 100px;
}

.journey-header {
    text-align: center;
    margin-bottom: 60px;
}

.journey-header .animate-title {
    color: #173770; /* Navy */
    font-size: 52px;
    font-family: 'Marcellus', serif;
    margin-bottom: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}

.journey-header .animate-text {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.8;
    max-width: 800px;
    margin: 0 auto 30px auto;
}

.journey-header .animate-subtitle {
    color: #173770;
    font-size: 36px;
    font-family: 'Marcellus', serif;
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 700;
}

/* Scroll Magic Layout */
.scroll-carousel-wrapper {
    position: relative;
    width: 100%;
}

.scroll-carousel-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.scroll-carousel-track {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50vw; /* Center start */
    height: 100%;
    will-change: transform;
}

/* Horizontal Central Line */
.horizontal-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, rgba(23, 55, 112, 0.1), #173770 50%, rgba(23, 55, 112, 0.1));
    transform: translateY(-50%);
    z-index: 1;
}

/* Carousel Items */
.scroll-carousel-item {
    position: relative;
    flex: 0 0 auto;
    width: 380px;
    margin-right: 80px;
    z-index: 2;
    padding-bottom: 400px; /* Offset UP */
}

.scroll-carousel-item.down-item {
    padding-bottom: 0;
    padding-top: 400px; /* Offset DOWN */
}

.scroll-carousel-spacer {
    flex: 0 0 auto;
    width: 50vw; /* Extra space to allow final item to reach center */
    height: 1px;
}

/* The Dots */
.horizontal-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 4px solid #173770;
    border-radius: 50%;
    z-index: 10;
    box-shadow: 0 0 10px rgba(23, 55, 112, 0.2);
    transition: all 0.3s ease;
}

.scroll-carousel-item:hover .horizontal-dot {
    background: #e6b741;
    border-color: #e6b741;
    box-shadow: 0 0 20px rgba(230, 183, 65, 0.5);
    transform: translate(-50%, -50%) scale(1.3);
}

.ongoing-dot {
    border-color: #f39c12;
}

.highlight-dot {
    background: #e6b741;
    border-color: #e6b741;
}

/* Content Cards */
.scroll-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.scroll-card-image {
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.scroll-card-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
}

.scroll-card-image .modern-year {
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 2;
    margin: 0;
    background: #e6b741;
    color: #121212;
    border: none;
}

.scroll-card-content {
    padding: 30px;
}

.scroll-carousel-item:hover .scroll-card {
    border-color: rgba(23, 55, 112, 0.2);
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(23, 55, 112, 0.15);
}

.scroll-carousel-item.down-item:hover .scroll-card {
    transform: translateY(10px);
}

/* Content Elements */
.modern-year {
    display: inline-block;
    padding: 6px 14px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 30px;
    width: fit-content;
}

.modern-year.ongoing {
    background: #f39c12 !important;
}

.modern-project-logo {
    max-height: 50px;
    max-width: 140px;
    object-fit: contain;
    margin-bottom: 20px;
}

.scroll-card h4 {
    font-family: 'Marcellus', serif;
    font-size: 22px;
    color: #173770;
    margin-bottom: 10px;
    font-weight: 700;
}

.scroll-card p {
    font-family: 'Poppins', sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Highlighted (Coming Soon) Content */
.highlight-content {
    background: linear-gradient(145deg, #fffbf5, #ffffff);
    border: 1px solid rgba(230, 183, 65, 0.5);
    text-align: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modern-plane-icon {
    width: 60px;
    margin-bottom: 20px;
    animation: floatPlane 3s ease-in-out infinite;
}

@keyframes floatPlane {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.modern-coming-soon {
    font-family: 'Poppins', sans-serif;
    color: #173770;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

/* Responsive (Disable scroll pinning on mobile) */
@media screen and (max-width: 991px) {
    .scroll-carousel-wrapper {
        height: auto !important;
    }
    .scroll-carousel-sticky {
        position: relative;
        height: auto;
        overflow-x: auto; /* Allow native horizontal scroll on mobile */
        display: block;
        padding-bottom: 60px;
    }
    .scroll-carousel-track {
        transform: none !important;
        padding-left: 20px;
        padding-top: 60px;
    }
    .scroll-carousel-item, .scroll-carousel-item.down-item {
        padding: 0;
        margin-right: 40px;
        width: 320px;
        margin-top: 40px;
    }
    .horizontal-dot, .horizontal-line {
        display: none; /* Hide timeline line on mobile for cleaner swipe cards */
    }
    .journey-header-container {
        padding-top: 60px;
    }
    .journey-header .animate-title {
        font-size: 36px;
    }
    .journey-header .animate-subtitle {
        font-size: 28px;
    }
    
    
}