@font-face {
  font-family: "Runalto";
  src: url('../fonts/Runalto/Runalto.woff2') format('woff2'),
        url('../fonts/Runalto/Runalto.woff') format('woff'),
        url('../fonts/Runalto/Runalto.ttf') format('ttf'),
        url('../fonts/Runalto/Runalto.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Unbounded:wght@200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&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');

body, html{
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

body{
  font-family: var( --ThemeFont);
  background: var(--Bg);

}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.p-0{padding:0;}
p{color: var(--Gray);}

:root {
	--Black: #000;
	--White: #fff;
  --Gray: #484848;
  --Bg: #f8f8f3;
  --ThemeColor: #162a2b;
  --ThemeColor2: #bba893;
  --ThemeColor3: #f0efeb;  
  --Gradient:linear-gradient(360deg,rgba(61, 71, 73, 1) 0%, #2c3638 100%);;
	--CardShadow: 0px 4px 11px rgba(217, 216, 216, 0.6);
	--ThemeFont: "Montserrat", sans-serif;
	--ThemeFontTwo: "Playfair Display", serif;
	--Radius: 20px;
}
.--transition-ease{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:hover{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:after{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.--transition-ease:before{transition:all 0.2s ease-in 0s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}

.row {display: flex; flex-wrap: wrap; margin: 0 -12px;}
.row .rowin { padding: 0 12px;}
.col-9 {flex: 0 0 auto; width: 75%;}
.col-8 {flex: 0 0 auto; width: 66.666667%;}
.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-6 {flex: 0 0 auto; width: 50%;}
.col-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-4 { flex: 0 0 auto; width: 33.33%;}
.col-3 { flex: 0 0 auto; width: 25%;}
 .col-12 { width: 100%; }
 .col-10 { width: 83.33333333%; }
.p-0{padding:0 !important}
.ps-0{padding-left:0 !important}
.pe-0{padding-right:0 !important}
.m-0{margin: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mt-4{margin-top: 30px !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-2{margin-bottom: 15px;}
.mb-3{margin-bottom: 20px;}
.text-center{text-align: center;}
.h-100{height: 100%;}
.w-100{width: 100%;}
.text-center{text-align: center;}
.text-end{text-align: right;}
.text-start{text-align: left !important;}
.pt-0{padding-top:0 !important;}
.pb-0{padding-bottom:0!important;}
h3, h2, h1, h4{  font-family: var( --ThemeFontTwo);}
p{font-size: 16px; line-height: 26px; font-weight: 400;}

.custom-btn{transition: transform 0.2s; background-color: var(--ThemeColor); color: var(--White); font-size: 18px; border-radius: 10px; font-weight: 500; padding: 15px 20px; min-width: max-content; text-transform: uppercase;}
.custom-btn:hover{transform: scale(1.05);}

.d-flex { display: flex;}
.align-center { align-items: center;}
.justify-between { justify-content: space-between;}
.justify-center {justify-content: center;}
.container {max-width:1550px; padding:0 20px; margin: 0 auto;}
.container-fluid{max-width:100%; padding: 0 50px; margin: 0 auto;}
.heading h2 {font-weight:500; font-size: 56px; margin-top: 25px; line-height: 65px; text-transform: uppercase;}
.heading h2 img { height: 40px;}
.heading {font-weight:500; font-size: 56px; margin-top: 25px; line-height: 65px; text-transform: uppercase; color: var(--ThemeColor);}

::-webkit-scrollbar {
  width: 5px;
  background-color: var(--ThemeColor5);
}
::-webkit-scrollbar-track {
  background-color:#ccc;
}
::-webkit-scrollbar-thumb {
  background-color: var(--ThemeColor);
  border-radius: 10px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--ThemeColor) #ccc;
}

header.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: linear-gradient(180deg, rgba(8, 18, 20, 0.85) 0%, rgba(8, 18, 20, 0.45) 60%, transparent 100%);
  padding: 14px 60px;
  transition: all 0.35s ease-in-out;
}

header.main-header.fixed {
  position: fixed;
  background: rgba(14, 26, 28, 0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.35);
  padding: 14px 60px;
}

.header-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-left {
  flex: 0 0 auto;
}

.header-left .logo-img {
  width: 125px;
  height: auto;
  display: block;
  transition: width 0.3s ease;
}

header.main-header.fixed .header-left .logo-img {
  
}

.header-center {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.nav-links {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 36px;
}

.nav-links li a {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  font-family: var(--ThemeFont);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: color 0.25s ease;
  position: relative;
  padding: 6px 0;
}

.nav-links li a:hover {
  color: var(--ThemeColor2);
}

.nav-links li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1.5px;
  background-color: var(--ThemeColor2);
  transition: all 0.25s ease;
  transform: translateX(-50%);
}

.nav-links li a:hover::after {
  width: 100%;
}

.header-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 15px;
}

.enquire-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(187, 168, 147, 0.8);
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  font-family: var(--ThemeFont);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 10px 28px;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.enquire-btn:hover {
  background-color: var(--ThemeColor2);
  color: #162a2b;
  border-color: var(--ThemeColor2);
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(187, 168, 147, 0.35);
}

.toggle-bar {
  background: transparent;
  border: none;
  display: none !important;
  cursor: pointer;
  padding: 0;
}

.toggle-bar img {
  width: 28px;
  height: 28px;
  display: block;
}

.toggleclose {
  position: absolute;
  right: 25px;
  top: 25px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: none;
}

.toggleclose img {
  width: 26px;
  height: 26px;
}

.banner {
  position: relative;
  height: 100vh;
  min-height: 720px;
  display: flex;
  background-color: #0c181a;
  background-image: url('../images/hero-section.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.banner-picture,
.banner .banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  z-index: 1;
  pointer-events: none;
}

.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(8, 18, 20, 0.45) 0%, rgba(8, 18, 20, 0.02) 40%, rgba(8, 16, 18, 0.35) 65%, rgba(6, 12, 14, 0.88) 100%);
  z-index: 2;
  pointer-events: none;
}

.hero-sidebar {
  
  position: absolute;
  left: 60px;
  top: 42%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: none;
  display: none;
}

.sidebar-line {
  width: 1.5px;
  height: 60px;
  background: rgba(255, 255, 255, 0.45);
  margin-bottom: 22px;
  margin-left: 2px;
}

.sidebar-tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.sidebar-tags li {
  font-family: var(--ThemeFont);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.banner_content {
  position: absolute;
  z-index: 15;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 60px 55px;
  background: transparent;
}

.hero-container {
  width: 100%;
  max-width: 100%;
}

.align-end {
  align-items: flex-end;
}

.hero-left-text {
  max-width: 620px;
  position: relative;
  z-index: 10;
  opacity: 1 !important;
  visibility: visible !important;
}

.hero-heading {
  margin: 0 0 20px 0;
  line-height: 0.98;
  text-transform: uppercase;
}

.hero-heading .title-line {
  display: block;
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  opacity: 1 !important;
  
}

.hero-heading .title-line.title-roman {
  font-size: clamp(50px, 5.2vw, 74px);
  font-weight: 500;
  font-style: normal;
  letter-spacing: -0.5px;
  line-height: 1.0;
  margin-bottom: 2px;
  color: #ffffff;
}

.hero-heading .title-line.title-italic {
  font-size: clamp(52px, 5.5vw, 74px);
  font-weight: 500;
  
  letter-spacing: 0px;
  line-height: 1.04;
      
        color: #e3c893;
}

.hero-desc {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.96 !important;
  max-width: 500px;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.2px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.8));
}

.hero-center-action {
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  z-index: 20;
}

.scroll-indicator {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 24px;
  border-radius: 999px;
  
  
  
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  
  cursor: pointer;
}

.scroll-indicator:hover {
  
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
}

.scroll-indicator .action-text {
  font-family: var(--ThemeFont);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #ffffff;
}

.mouse-icon {
  width: 18px;
  height: 28px;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  position: relative;
  display: inline-block;
}

.mouse-wheel {
  width: 2.5px;
  height: 5px;
  background: #ffffff;
  border-radius: 2px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  animation: mouseScroll 1.8s infinite;
}

@keyframes mouseScroll {
  0% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  50% {
    opacity: 0.3;
    transform: translate(-50%, 6px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

.hero-right-action {
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
}

.brochure-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #ffffff;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-family: var(--ThemeFont);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.brochure-action:hover {
  background: var(--ThemeColor2);
  color: #162a2b;
  border-color: var(--ThemeColor2);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(187, 168, 147, 0.4);
}

.brochure-action .action-icon {
  stroke: currentColor;
  transition: transform 0.25s ease;
}

.brochure-action:hover .action-icon {
  transform: translateY(2px);
}

.enquire-btn .btn-arrow {
  display: inline-block;
  margin-left: 8px;
  font-size: 15px;
  transition: transform 0.25s ease;
}

.enquire-btn:hover .btn-arrow {
  transform: translateX(4px);
}

.about-us {
  position: relative;
  overflow: hidden;
  background-color: #f7f6f2;
  border-radius: 40px 40px 0 0;
  
  z-index: 90;
  padding: 55px 0 0 0;
}

.about-wrapper {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  padding: 0 60px;
  position: relative;
}

.about-top-bar {
  padding-bottom: 25px;
  width: 100%;
}

.about-top-left {
  gap: 18px;
}

.about-category-pills {
  font-family: var(--ThemeFont);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 3.5px;
  color: #7b756c;
  text-transform: uppercase;
}

.about-top-rule-h {
  display: inline-block;
  width: 130px;
  height: 1px;
  background: #cfc8be;
  display: none;
}

.about-top-right {
  gap: 16px;
}

.about-top-rule-v {
  display: inline-block;
  width: 1px;
  height: 38px;
  background: #cfc8be;
}

.about-top-pillars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.about-top-pillars span {
  font-family: var(--ThemeFont);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #7b756c;
  text-transform: uppercase;
  line-height: 1.5;
}

.about-main-grid {
  align-items: stretch;
  justify-content: space-between;
  position: relative;
  min-height: 640px;
}

.about-content-col {
    flex: 0 0 48%;
    max-width: 48%;
    padding: 50px 30px 60px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    z-index: 3;
}

.about-watermark {
  position: absolute;
  pointer-events: none;
  background: url('../images/diamond-wireframe.svg') no-repeat center center / contain;
  z-index: -2;
}

.about-watermark-top {
    top: -40px;
    left: -44%;
    width: 320px;
    height: 260px;
    opacity: 0.2;
    transform: rotate(18deg);
}

.about-watermark-bottom {
    bottom: -19%;
    left: 50%;
    width: 40%;
    height: 40%;
    opacity: 0.22;
    transform: rotate(-10deg);
}

.about-eyebrow {
  display: block;
  font-family: var(--ThemeFont);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 5px;
  color: #a8947f;
  text-transform: uppercase;
  margin-bottom: 16px;
  position: relative;
  z-index: 2;
}

.about-heading {
  font-family: 'Playfair Display', serif;
  font-size: clamp(38px, 4.2vw, 56px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 2;
}

.about-title-dark {
  display: block;
  color: #162a2b;
}

.about-title-gold {
  display: block;
  color: #bba893;
}

.about-headline-rule {
  width: 85px;
  height: 1px;
  background: #bba893;
  margin: 18px 0 24px;
  position: relative;
  z-index: 2;
}

.about-desc {
  font-family: var(--ThemeFont);
  font-size: 15.5px;
  line-height: 1.8;
  color: #555555;
  /* max-width: 490px; */
  margin: 0 0 40px;
  font-weight: 400;
  position: relative;
  z-index: 2;
}

.about-actions-row {
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
  gap: 15px;
}

.about-tour-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #162a2b;
  color: #ffffff;
  padding: 14px 30px;
  border-radius: 999px;
  font-family: var(--ThemeFont);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 18px rgba(22, 42, 43, 0.18);
  white-space: nowrap;
}

.about-tour-btn:hover {
  background: #0d1a1b;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(22, 42, 43, 0.28);
}

.about-tour-btn .btn-arrow {
  display: inline-block;
  font-size: 15px;
  transition: transform 0.25s ease;
}

.about-tour-btn:hover .btn-arrow {
  transform: translateX(4px);
}

.about-action-divider {
  width: 1px;
  height: 26px;
  background: rgba(0, 0, 0, 0.18);
  margin: 0 10px;
}

.about-brand-tags {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.about-brand-tags li {
  font-family: var(--ThemeFont);
  font-size: 11.5px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #6d6b66;
  font-weight: 500;
}

.about-visual-col {
  flex: 0 0 52%;
  max-width: 52%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.about-arches-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.about-arches-img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom right;
  display: block;
}

.about-corner-brand {
  position: absolute;
  bottom: 25px;
  right: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 5;
  pointer-events: none;
}

.corner-diamond-icon {
  width: 30px;
  height: auto;
  opacity: 0.85;
}

.corner-brand-name {
  font-family: var(--ThemeFontTwo), 'Runalto', serif;
  font-size: 11px;
  letter-spacing: 2.8px;
  color: #162a2b;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
}

.itemdiv .signatories-diamond-icon {
    width: 22px;
    height: 22px !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(73%) sepia(18%) saturate(415%) hue-rotate(352deg) brightness(92%) contrast(89%) !important;
}

.seven_section1{position:relative; margin-bottom:0; padding: 0px 0px 50px;}
.seven_section1 .heading { position: absolute; width: 100%; left: 0; text-align: center; top: 55px; z-index: 999; font-size: 85px; color: var(--White); text-shadow: rgba(0, 0, 0, 0.2) 0px 4px 13px;}
.seven_section1 .section {overflow: hidden;}
.seven_section1 .wrapper {height: 95vh; min-height: 600px;}
.seven_section1 .list {justify-content: flex-start; align-items: center; height: 100%; display: flex; position: relative; padding: 0;}
.seven_section1 .item {gap: 12px; width: 100vw; height: 100%; display: flex; position: absolute; inset: 0%; overflow: hidden; border-radius: 40px; }
.seven_section1 .item_content { background-color: var(--ThemeColor); color: #292929; flex-flow: column; justify-content: space-between; align-items: inherit; padding: 80px 60px 60px;   padding-bottom: 60px; display: flex; position: relative; width: 50%; border-radius: 40px;}
.seven_section1 .item_content.item_content2 {justify-content: end; padding-bottom: 300px;}
.seven_section1 .padding-global { padding-left: 2.5rem; padding-right: 2.5rem;}
.seven_section1 .padding-vertical {padding: 2rem;}
.seven_section1 .cont h6 span { border: 1px solid var(--White); color: var(--White); font-size: 40px; font-weight: 400; width: 70px; height: 70px; border-radius: 50px; max-width: 70px; display: inline-block; text-align: center; line-height: 70px;}
.seven_section1 .cont h6 {display: flex;gap: 20px;}
.seven_section1 .cont h6 span.fade {opacity: .4;}
.seven_section1 .cont { display: flex; gap: 60px;}
.seven_section1 h3 { font-size: 52px; color: var(--White); margin: 20px 0 0; font-weight: 500; text-transform: uppercase; max-width: 100%;}
.seven_section1 h3 span {font-size: 28px; display: block; margin-top: 10px;}
.seven_section1 .cont p {font-size: 18px; color: var(--White);}
.seven_section1 .item img {width: 50%; border-radius: 40px; object-fit: cover;}
.seven_section1 .mov-slider { margin-bottom: 20px;}

.mov-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 22px 0;
  
  background: linear-gradient(90deg, rgba(238, 232, 222, 0.45) 0%, rgba(248, 248, 243, 0.95) 50%, rgba(238, 232, 222, 0.45) 100%);
  border-top: 1px solid rgba(187, 168, 147, 0.45);
  border-bottom: 1px solid rgba(187, 168, 147, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(255, 255, 255, 0.75), 0 4px 20px rgba(22, 42, 43, 0.03);
}

.mov-slider::before,
.mov-slider::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  z-index: 3;
  pointer-events: none;
}
.mov-slider::before {
  left: 0;
  background: linear-gradient(to right, var(--Bg, #f8f8f3), transparent);
}
.mov-slider::after {
  right: 0;
  background: linear-gradient(to left, var(--Bg, #f8f8f3), transparent);
}

.marquee {
  display: flex;
  width: 100%;
  overflow: hidden;
  user-select: none;
  position: relative;
}

.marquee-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  animation: marqueeScroll 40s linear infinite;
  will-change: transform;
}

.mov-slider:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes marqueeScroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee-content span,
.font-runa {
  display: inline-flex;
  align-items: center;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 2px;
  color: var(--ThemeColor, #162a2b);
  padding: 0 8px;
  line-height: 1.2;
  text-transform: uppercase;
}

.marquee-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  margin-left: 32px;
  margin-right: 22px;
  opacity: 0.9;
  filter: drop-shadow(0 2px 4px rgba(187, 168, 147, 0.45));
  transition: transform 0.5s ease;
  display: inline-block;
  vertical-align: middle;
}

.mov-slider:hover .marquee-icon {
  transform: rotate(45deg);
}

.mov-slider.dark-marquee {
  background: var(--ThemeColor, #162a2b);
  border-top-color: rgba(187, 168, 147, 0.5);
  border-bottom-color: rgba(187, 168, 147, 0.5);
  box-shadow: 0 10px 30px rgba(22, 42, 43, 0.15);
}
.mov-slider.dark-marquee::before {
  background: linear-gradient(to right, #162a2b, transparent);
}
.mov-slider.dark-marquee::after {
  background: linear-gradient(to left, #162a2b, transparent);
}
.mov-slider.dark-marquee .marquee-content span {
  color: #f8f8f3;
}
.mov-slider.dark-marquee .marquee-icon {
  filter: brightness(1.2) drop-shadow(0 2px 6px rgba(187, 168, 147, 0.8));
}

.section_four {
  position: relative;
  z-index: 20;
  background-color: #f8f8f4;
  padding: 85px 0 55px;
  margin-top: 0;
  margin-bottom: 0;
}

.s4-container {
  width: 100%;
    max-width: 1720px;
  margin: 0 auto;
  padding: 0 60px;
}

.s4-main-grid {
  align-items: stretch;
  gap: 55px;
  margin-bottom: 65px;
}

.s4-image-col {
  flex: 0 0 45%;
  max-width: 45%;
  
}

.s4-image-wrap {
  width: 100%;
  height: 100%;
  min-height: 480px;
  border-radius: 4px;
  overflow: hidden;
    
}

.s4-promenade-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.s4-content-col {
  flex: 0 0 calc(55% - 55px);
  max-width: calc(55% - 55px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.s4-content-col .about-watermark-top {
    top: -17% !important;
    left: 85%   !important;
    width: 320px;
    height: 260px;
    opacity: 0.28;
    transform: rotate(18deg);
}

.s4-content-col .about-watermark-bottom {
    bottom: -27%;
    left: 46%;
    width: 360px;
    height: 290px;
    opacity: 0.22;
    transform: rotate(-10deg);
}
.s4-heading {
  display: flex;
  flex-direction: column;
  font-family: 'Playfair Display', serif;
  font-size: clamp(34px, 3.4vw, 52px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0.6px;
  color: #162a2b;
  text-transform: uppercase;
  margin: 0 0 24px 0;
}

.s4-lead {
  font-family: 'Playfair Display', serif;
  font-size: clamp(18px, 1.6vw, 22.5px);
  font-weight: 500;
  line-height: 1.38;
  
  color: #bba893;
  margin: 0 0 16px 0;
}

.s4-desc {
  font-family: var(--ThemeFont);
  font-size: 14.5px;
  line-height: 1.75;
  color: #585858;
  font-weight: 400;
  margin: 0 0 34px 0;
  max-width: 540px;
}

.s4-action-row {
  margin-top: 5px;
}

.s4-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #162a2b;
  color: #ffffff;
  padding: 15px 32px;
  border-radius: 999px;
  font-family: var(--ThemeFont);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 18px rgba(22, 42, 43, 0.18);
  white-space: nowrap;
}

.s4-cta-btn:hover {
  background: #0d1a1b;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(22, 42, 43, 0.28);
}

.s4-cta-btn .btn-arrow {
  display: inline-block;
  font-size: 15px;
  transition: transform 0.25s ease;
}

.s4-cta-btn:hover .btn-arrow {
  transform: translateX(4px);
}

.s4-stats-grid {
  align-items: stretch;
  margin-bottom: 50px;
  padding-top: 20px;
}

.s4-stat-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 35px;
  border-right: 1px solid rgba(187, 168, 147, 0.45);
}

.s4-stat-item:first-child {
  padding-left: 0;
}

.s4-stat-item:last-child {
  padding-right: 0;
  border-right: none;
}

.s4-stat-label {
display: block;
    font-family: var(--ThemeFont);
    font-size: 16.5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: capitalize;
    color: var(--ThemeColor2);
    margin-bottom: 8px;
}

.s4-stat-value {
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: clamp(38px, 3.5vw, 54px);
  font-weight: 500;
  color: #162a2b;
  line-height: 1.05;
  margin-bottom: 8px;
}

.s4-stat-sub {
  display: block;
  font-family: var(--ThemeFont);
  font-size: 13.5px;
  color: #666666;
  font-weight: 400;
}

.s4-bottom-bar {
  width: 100%;
  gap: 20px;
  padding-top: 15px;
}

.s4-bottom-left {
  gap: 16px;
  flex-shrink: 0;
}

.s4-rule-short {
  display: inline-block;
  width: 50px;
  height: 1px;
  background: #cfc8be;
}

.s4-dest-tag {
  font-family: var(--ThemeFont);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #8c8275;
  text-transform: uppercase;
  white-space: nowrap;
}

.s4-rule-long {
  display: inline-block;
  height: 1px;
  background: #cfc8be;
  flex: 1;
  min-width: 40px;
}

.s4-bottom-right {
  flex-shrink: 0;
}

.s4-pillars-tag {
  font-family: var(--ThemeFont);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 3px;
  color: #8c8275;
  text-transform: uppercase;
  white-space: nowrap;
}

.section_five {
  background: #f7f6f0;
  padding: 100px 0 110px;
  position: relative;
  overflow: hidden;
}

.section_six {
  background: #f2f0e8;
  position: relative;
}

.section_six::after {
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  background: linear-gradient(360deg, var(--Bg), rgba(248, 248, 243, 0.9), transparent);
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.signatories-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.signatories-map-col {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section_five .about-watermark-top {
    top: -40px;
    left: -9%;
    width: 320px;
    height: 260px;
    opacity: 0.15;
    transform: rotate(18deg);
}
.section_five .about-watermark-bottom {
    bottom: -18%;
    left: 50%;
    width: 360px;
    height: 290px;
    opacity: 0.15;
    transform: rotate(15deg);
}
.signatories-arch-frame {
  position: relative;
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.signatories-arch-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 94%;
  height: 100%;
  background: #eee8de;
  border-radius: 240px 240px 0 0;
  clip-path: inset(0 0 0 0 round 240px 240px 0 0);
  -webkit-clip-path: inset(0 0 0 0 round 240px 240px 0 0);
  box-shadow: 0 16px 40px rgba(22, 42, 43, 0.06);
  z-index: 1;
  pointer-events: none;
  transition: all 0.35s ease;
}

.signatories-arch-frame:hover .signatories-arch-backdrop {
  box-shadow: 0 20px 50px rgba(22, 42, 43, 0.1);
  transform: translateX(-50%) translateY(-2px);
}

.signatories-map-img {
  position: relative;
  z-index: 2;
  width: 86%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  display: block;
  margin: 32px auto 18px;
  transition: transform 0.35s ease;
}

.signatories-arch-frame:hover .signatories-map-img {
  transform: scale(1.04);
}

.signatories-content-col {
  flex: 0 0 55%;
  max-width: 55%;
  padding: 10px 0 10px 10px;
}

.section_six .signatories-content-col {
  padding: 10px 10px 10px 0;
}

.signatories-eyebrow-wrap {
  gap: 14px;
  margin-bottom: 20px;
}

.signatories-diamond-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(73%) sepia(18%) saturate(415%) hue-rotate(352deg) brightness(92%) contrast(89%);
}

.signatories-eyebrow-line {
  display: inline-block;
  width: 42px;
  height: 1px;
  background: var(--ThemeColor2);
}

.signatories-eyebrow {
  font-family: var(--ThemeFont);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 3.8px;
  text-transform: uppercase;
  color: var(--ThemeColor2);
}

.signatories-heading {
  font-family: var(--ThemeFontTwo);
  font-size: clamp(34px, 3.5vw, 50px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--ThemeColor);
  margin: 0 0 24px 0;
}

.signatories-narrative {
  margin-bottom: 0;
}

.signatories-p {
  font-family: var(--ThemeFont);
  font-size: 15.5px;
  line-height: 1.78;
  color: #4a5254;
  margin: 0 0 16px 0;
  font-weight: 400;
}

.signatories-p:last-child {
  margin-bottom: 0;
}

.signatories-p b {
  font-weight: 600;
  color: var(--ThemeColor);
}

.signatories-accent-line {
  width: 56px;
  height: 1.5px;
  background: var(--ThemeColor2);
  margin: 28px 0 26px;
}

.signatories-metrics-grid {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
}

.signatories-metric-item {
  flex: 1;
  padding: 0 18px;
  border-left: 1px solid rgba(187, 168, 147, 0.45);
}

.signatories-metric-item:first-child {
  padding-left: 0;
  border-left: none;
}

.signatories-metric-item:last-child {
  padding-right: 0;
}

.signatories-metric-label {
  display: block;
  font-family: var(--ThemeFont);
  font-size: 16.5px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: capitalize;
  color: var(--ThemeColor2);
  margin-bottom: 8px;
}

.signatories-metric-value {
  display: block;
  font-family: var(--ThemeFontTwo);
  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--ThemeColor);
  margin-bottom: 6px;
}

.signatories-metric-sub {
  display: block;
  font-family: var(--ThemeFont);
  font-size: 12.5px;
  line-height: 1.45;
  color: #666666;
  font-weight: 400;
}

.signatories-metric-names {
  display: block;
  font-family: var(--ThemeFont);
  font-size: 13.5px;
  line-height: 1.45;
  color: #162a2b;
  font-weight: 500;
}

@media only screen and (max-width: 991px) {
  .section_five, .section_six {
    padding: 70px 0;
  }
  .signatories-grid {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .signatories-map-col,
  .signatories-content-col {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
  }
  .section_five .signatories-map-col {
    order: 2;
  }
  .section_five .signatories-content-col {
    order: 1;
  }
  .signatories-metrics-grid {
    flex-wrap: wrap;
    row-gap: 24px;
  }
  .signatories-metric-item {
    flex: 0 0 50%;
    padding: 0 14px;
  }
  .signatories-metric-item:nth-child(2n+1) {
    padding-left: 0;
    border-left: none;
  }
}

@media only screen and (max-width: 576px) {
  .signatories-heading {
    font-size: 30px;
  }
  .signatories-metric-item {
    flex: 0 0 100%;
    padding: 0 0 16px 0 !important;
    border-left: none;
    border-bottom: 1px solid rgba(187, 168, 147, 0.35);
  }
  .signatories-metric-item:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
  }
} 

.section_seven .item { position: relative; overflow: hidden;}
.section_seven .item h4 { width:100%;  font-size: 32px; color: var(--White); text-align: center; padding: 0 20px 20px;}
.section_seven .item .st{text-align: center; position: absolute; bottom: 0; padding: 100px 20px 35px;  background: linear-gradient(360deg, var(--ThemeColor), #826d6d00); width: 100%;}
.section_seven .item img {
  height: 85vh;
  transition: transform .2s;
  object-fit: cover;
}
.section_seven .item .st p { display: none; color: #fff;}
.section_seven .owl-item { webkit-transform: none !important; -moz-transform: none !important;}
.section_seven .owl-dots { position: absolute;}
.section_seven .item:hover img{ transform: scale(1.1)}
.section_seven .item:hover .st p {display: block;}
.section_seven .item:hover .st{transition: transform .2s; padding: 0 30px;}
.section_seven .item:hover .st {height: 100%; display: flex; align-items: center; width: 100%; justify-content: center; transform: scale(1.1)}

.section_five1 .slider--el-content {
  max-width: 550px;
  padding: 0 80px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
  height: 100%;
  -webkit-transition: all 0.25s;
  min-width: 550px;
  background-color: #162a2bcf;
  background-image: url(../images/favicon_left.png);
  background-size: 200px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.section_five1 .item img {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  position: relative;
}
.section_five1 .item {
  background: var(--ThemeColor);
  display: flex;
}

.section_five1 .slider--el-content .cont {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 390px;
  margin-bottom: 70px;
}

.section_five1 .slide-title,
.section_five1 h3 {
  font-family: var(--ThemeFontTwo), "Playfair Display", Georgia, serif;
  font-size: 42px;
  line-height: 1.16;
  color: #ffffff;
  margin: 0 0 16px 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  max-width: 390px;
  min-width: 0;
  position: relative;
  text-shadow: none;
}

.section_five1 .slide-subtitle {
  font-family: var(--ThemeFont), "Montserrat", sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: var(--ThemeColor2, #bba893);
  margin: 0 0 22px 0;
  display: block;
}

.section_five1 .slide-divider {
  width: 48px;
  height: 1.5px;
  background: var(--ThemeColor2, #bba893);
  margin: 0 0 26px 0;
}

.section_five1 .slide-desc,
.section_five1 .cont p {
  font-family: var(--ThemeFont), "Montserrat", sans-serif;
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(248, 248, 243, 0.85);
  max-width: 390px;
  margin: 0;
  font-weight: 400;
}

.section_five1 .cont h6,
.section_five1 .slide-num-watermark {
  font-size: 160px;
  color: #ffffff;
  opacity: 0.035;
  position: absolute;
  top: -40px;
  left: -40px;
  font-family: var(--ThemeFontTwo);
  font-weight: 700;
  pointer-events: none;
  line-height: 1;
  z-index: 0;
}

.carousel-slide.active .cont {
  margin-left: 0;
}

.slider {
  position: relative;
  height: 100vh;
  padding-left: 550px;
  min-height: 700px;
}
.slider input {
  visibility: hidden;
}

.slider--nav-bar {
  position: absolute;
  left: 80px;
  bottom: 60px;
  width: 390px;
  display: flex;
  align-items: center;
  z-index: 100;
}

.slider--nav-arrows {
  display: flex;
  align-items: center;
  gap: 14px;
}

.slider--control {
  position: relative;
  z-index: 50;
  width: 46px;
  height: 46px;
  cursor: pointer;
  border: 1.5px solid rgba(187, 168, 147, 0.7);
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ThemeColor2, #bba893);
  transition: all 0.3s ease;
  margin-right: 14px;
}

.slider--control:hover {
  background: var(--ThemeColor2, #bba893);
  color: var(--ThemeColor, #162a2b);
  border-color: var(--ThemeColor2, #bba893);
  box-shadow: 0 4px 16px rgba(187, 168, 147, 0.35);
  transform: translateY(-1px);
}

.slider--control svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  pointer-events: none;
}

.slider--nav-line {
  flex: 1;
  height: 1px;
  background: rgba(187, 168, 147, 0.4);
  margin: 0 20px 0 6px;
}

.slider--nav-tag {
  font-family: var(--ThemeFont), sans-serif;
  font-size: 11.5px;
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--ThemeColor2, #bba893);
  white-space: nowrap;
  line-height: 1.35;
}

.slider--control label {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform: scale(0);
  transition: transform 0s 0s;
}
.slider--el {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 2.8s, z-index 0.1s;
  overflow: hidden;
}
.slider--el.anim-5parts .part {
  position: absolute;
  top: 0;
  width: 20.1%;
  height: 100%;
  overflow: hidden;
  will-change: transform;
}
.slider--el.anim-5parts .part:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  top: 0;
  width: 500%;
  height: 100%;
  background-image: url("../images/slider-img-right3.jpg");
}
.slider--el.anim-5parts .part.part-1 {
  transition: transform 1.1s 0.3s;
  left: 0%;
}
.slider--el.anim-5parts .part.part-1:before {
  left: 0%;
}
.slider--el.anim-5parts .part.part-2 {
  transition: transform 1.1s 0.5s;
  left: 20%;
}
.slider--el.anim-5parts .part.part-2:before {
  left: -100%;
}
.slider--el.anim-5parts .part.part-3 {
  transition: transform 1.1s 0.7s;
  left: 40%;
}
.slider--el.anim-5parts .part.part-3:before {
  left: -200%;
}
.slider--el.anim-5parts .part.part-4 {
  transition: transform 1.1s 0.5s;
  left: 60%;
}
.slider--el.anim-5parts .part.part-4:before {
  left: -300%;
}
.slider--el.anim-5parts .part.part-5 {
  transition: transform 1.1s 0.3s;
  left: 80%;
}
.slider--el.anim-5parts .part.part-5:before {
  left: -400%;
}
.slider--el.anim-5parts .part {
  transform: translateY(100%);
}

.slider--el.anim-0parts .slider--el-bg {
  perspective: 2000;
}
.slider--el.anim-0parts .part {
  position: absolute;
  width: 33.5%;
  height: 33.5%;
  overflow: hidden;
  will-change: transform;
  transform-origin: 0% 100%;
}
.slider--el.anim-0parts .part:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  width: 300%;
  height: 300%;
  background-image: url("../images/slider-img-right2.jpg");
}
.slider--el.anim-0parts .part.left-top {
  top: 0%;
  left: 0%;
  transition: transform 0.9s 0.5s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 0.9s;
}
.slider--el.anim-9parts .part.left-top:before {
  top: 0%;
  left: 0%;
}
.slider--el.anim-0parts .part.mid-top {
  top: 0%;
  left: 33.33333%;
  transition: transform 0.9s 0.4s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 0.8s;
}
.slider--el.anim-9parts .part.mid-top:before {
  top: 0%;
  left: -100%;
}
.slider--el.anim-0parts .part.right-top {
  top: 0%;
  left: 66.66667%;
  transition: transform 0.9s 0.5s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 0.9s;
}
.slider--el.anim-0parts .part.right-top:before {
  top: 0%;
  left: -200%;
}
.slider--el.anim-0parts .part.left-mid {
  top: 33.33333%;
  left: 0%;
  transition: transform 0.9s 0.6s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 1s;
}
.slider--el.anim-0parts .part.left-mid:before {
  top: -100%;
  left: 0%;
}
.slider--el.anim-0parts .part.mid-mid {
  top: 33.33333%;
  left: 33.33333%;
  transition: transform 0.9s 0.3s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 0.7s;
}
.slider--el.anim-0parts .part.mid-mid:before {
  top: -100%;
  left: -100%;
}
.slider--el.anim-0parts .part.right-mid {
  top: 33.33333%;
  left: 66.66667%;
  transition: transform 0.9s 0.6s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 1s;
}
.slider--el.anim-0parts .part.right-mid:before {
  top: -100%;
  left: -200%;
}
.slider--el.anim-0parts .part.left-bot {
  top: 66.66667%;
  left: 0%;
  transition: transform 0.9s 0.7s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 1.1s;
}
.slider--el.anim-0arts .part.left-bot:before {
  top: -200%;
  left: 0%;
}
.slider--el.anim-0parts .part.mid-bot {
  top: 66.66667%;
  left: 33.33333%;
  transition: transform 0.9s 0.8s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 1.2s;
}
.slider--el.anim-0parts .part.mid-bot:before {
  top: -200%;
  left: -100%;
}
.slider--el.anim-0parts .part.right-bot {
  top: 66.66667%;
  left: 66.66667%;
  transition: transform 0.9s 0.7s cubic-bezier(0.58, -0.7, 0.59, 0.95), opacity 0.6s 1.1s;
}
.slider--el.anim-0parts .part.right-bot:before {
  top: -200%;
  left: -200%;
}
.slider--el.anim-0parts .part {
  transform: rotateX(90deg);
  opacity: 0;
}
.slider--el.anim-3parts .part {
  position: absolute;
  top: 0;
  width: 33.5%;
  height: 100%;
  overflow: hidden;
  transition: transform 1.5s 0.3s;
  will-change: transform;
}
.slider--el.anim-3parts .part:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  width: 300%;
  height: 100%;
  background-image: url("../images/slider-img-right4.jpg");
}
.slider--el.anim-3parts .part.left {
  left: 0;
}
.slider--el.anim-3parts .part.left:before {
  left: 0;
}
.slider--el.anim-3parts .part.mid {
  left: 33.33333%;
}
.slider--el.anim-3parts .part.mid:before {
  left: -100%;
}
.slider--el.anim-3parts .part.right {
  left: 66.66667%;
}
.slider--el.anim-3parts .part.right:before {
  left: -200%;
}
.slider--el.anim-3parts .left {
  transform: translate3D(-100%, -33.333%, 0);
}
.slider--el.anim-3parts .mid {
  transform: translate3D(0, 100%, 0);
}
.slider--el.anim-3parts .right {
  transform: translate3D(100%, -33.333%, 0);
}

.slider--el.anim-4parts .part {
  position: absolute;
  top: 0;
  width: 33.5%;
  height: 100%;
  overflow: hidden;
  transition: transform 1.5s 0.3s;
  will-change: transform;
}
.slider--el.anim-4parts .part:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  width: 300%;
  height: 100%;
  background-image: url("../images/slider-img-right5.jpg");
}
.slider--el.anim-4parts .part.left {
  left: 0;
}
.slider--el.anim-4parts .part.left:before {
  left: 0;
}
.slider--el.anim-4parts .part.mid {
  left: 33.33333%;
}
.slider--el.anim-4parts .part.mid:before {
  left: -100%;
}
.slider--el.anim-4parts .part.right {
  left: 66.66667%;
}
.slider--el.anim-4parts .part.right:before {
  left: -200%;
}
.slider--el.anim-4parts .left {
  transform: translate3D(0, -100%, 0);
}
.slider--el.anim-4parts .mid {
  transform: translate3D(0, 100%, 0);
}
.slider--el.anim-4parts .right {
  transform: translate3D(0, -100%, 0);
}

.slider--el.anim-1parts .part {
  position: absolute;
  width: 50.2%;
  height: 50.2%;
  overflow: hidden;
  will-change: transform;
}
.slider--el.anim-1parts .part:before {
  content: "";
  display: block;
  position: absolute;
  background-size: cover;
  width: 200%;
  height: 200%;
  background-image: url("../images/slider-img-right.jpg");
}
.slider--el.anim-1parts .part.top {
  top: 0;
  transition: transform 1.3s 0.3s;
}
.slider--el.anim-1parts .part.top:before {
  top: 0;
}
.slider--el.anim-1parts .part.bot {
  top: 50%;
  transition: transform 1.3s 0.5s;
}
.slider--el.anim-1parts .part.bot:before {
  top: -100%;
}
.slider--el.anim-1parts .part.left {
  left: 0;
}
.slider--el.anim-1parts .part.left:before {
  left: 0;
}
.slider--el.anim-1parts .part.right {
  left: 50%;
}
.slider--el.anim-1parts .part.right:before {
  left: -100%;
}
.slider--el.anim-1parts .left {
  transform: translateX(-100%);
}
.slider--el.anim-1parts .right {
  transform: translateX(100%);
}
.slider--el-bg {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background-size: cover;
  transition: transform 1s 1.5s;
  will-change: transform;
}
.slider--el-bg .part:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}
.slider--el-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20rem;
  transition: opacity 0.3s;
  opacity: 0;
}
.slider--el-heading {
  font-size: 9rem;
  font-family: Tesla;
  text-transform: uppercase;
  color: #fff;
}

#page1:checked ~ .slider--el-1 {
  z-index: 10;
}
#page1:checked ~ .slider--el-1 .slider--el-bg {
  transform: scale(0.834);
}
#page1:checked ~ .slider--el-1 .slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}
#page1:checked ~ .slider--el-1 .part {
  transform: translateZ(0);
  opacity: 1;
}

#page2:checked ~ .slider--el-2 {
  z-index: 10;
}
#page2:checked ~ .slider--el-2 .slider--el-bg {
  transform: scale(0.834);
}
#page2:checked ~ .slider--el-2 .slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}
#page2:checked ~ .slider--el-2 .part {
  transform: translateZ(0);
  opacity: 1;
}

#page3:checked ~ .slider--el-3 {
  z-index: 10;
}
#page3:checked ~ .slider--el-3 .slider--el-bg {
  transform: scale(0.834);
}
#page3:checked ~ .slider--el-3 .slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}
#page3:checked ~ .slider--el-3 .part {
  transform: translateZ(0);
  opacity: 1;
}

#page4:checked ~ .slider--el-4 {
  z-index: 10;
}
#page4:checked ~ .slider--el-4 .slider--el-bg {
  transform: scale(0.834);
}
#page4:checked ~ .slider--el-4 .slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}
#page4:checked ~ .slider--el-4 .part {
  transform: translateZ(0);
  opacity: 1;
}

#page5:checked ~ .slider--el-5 {
  z-index: 10;
}
#page5:checked ~ .slider--el-5 .slider--el-bg {
  transform: scale(0.834);
}
#page5:checked ~ .slider--el-5 .slider--el-content {
  opacity: 1;
  transition: opacity 0.3s 1.8s;
}
#page5:checked ~ .slider--el-5 .part {
  transform: translateZ(0);
  opacity: 1;
}

#page1:checked ~ .slider--nav-bar .slider--control.left .page5-left,
#page1:checked ~ .slider--control.left .page5-left {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}
#page1:checked ~ .slider--nav-bar .slider--control.right .page2-right,
#page1:checked ~ .slider--control.right .page2-right {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

#page2:checked ~ .slider--nav-bar .slider--control.left .page1-left,
#page2:checked ~ .slider--control.left .page1-left {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}
#page2:checked ~ .slider--nav-bar .slider--control.right .page3-right,
#page2:checked ~ .slider--control.right .page3-right {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

#page3:checked ~ .slider--nav-bar .slider--control.left .page2-left,
#page3:checked ~ .slider--control.left .page2-left {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}
#page3:checked ~ .slider--nav-bar .slider--control.right .page4-right,
#page3:checked ~ .slider--control.right .page4-right {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

#page4:checked ~ .slider--nav-bar .slider--control.left .page3-left,
#page4:checked ~ .slider--control.left .page3-left {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}
#page4:checked ~ .slider--nav-bar .slider--control.right .page5-right,
#page4:checked ~ .slider--control.right .page5-right {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

#page5:checked ~ .slider--nav-bar .slider--control.left .page4-left,
#page5:checked ~ .slider--control.left .page4-left {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}
#page5:checked ~ .slider--nav-bar .slider--control.right .page1-right,
#page5:checked ~ .slider--control.right .page1-right {
  z-index: 5000;
  transform: scale(1);
  transition: transform 0s 2.1s;
}

.section_seven .itemdiv .text h4 {
   color: var(--ThemeColor);
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
}

.section_seven .itemdiv .rowin {
  padding: 0 12px;
  overflow: hidden;
  height: 100vh;
}
.section_seven .itemdiv img {
  height: 100vh;
  transition: transform .2s; 
  object-fit: cover;
}
.section_seven .itemdiv:hover img {
 transform: scale(1.2)
}
.section_seven .itemdiv .text {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 100px 130px;
  background-image: url(../images/favicon_right.png);
  background-size: 200px;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.section_seven .itemdiv.itemdiv2 .text {
  background-image: url(../images/favicon_left.png);
  background-position: left bottom;
}
.section_seven .itemdiv.itemdiv2 .text p, .section_seven .itemdiv.itemdiv2 .text h4 {
  color: var(--White);
}

.section_seven .itemdiv .text p {
  color: var(--Black);
}

.section_seven .itemdiv {
  background: var(--Bg);
  overflow: hidden;

}
.section_seven .itemdiv .custom-btn {
  border-radius: 40px;
  padding: 13px 20px;
  display: inline-block;
  margin-top: 26px;
  background-color: transparent;
  border: 1px solid var(--ThemeColor);
  color: var(--ThemeColor);
  font-weight: 500;
}
.section_seven .itemdiv.itemdiv2 .custom-btn {
  border: 1px solid var(--White);
  color: var(--White);
}
.section_seven .itemdiv.itemdiv2 {
  background: var(--ThemeColor);
}

.section_seven {
  position: relative;
}
.section_seven .itemdiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  will-change: transform, opacity;
  z-index: 1;
  overflow: hidden;
}
.section_seven .itemdiv:first-child {
  position: relative;
  z-index: 1;
}
.section_seven .itemdiv .row {
  height: 100vh;
  height: 100svh;
}

.section_seven .itemdiv .col-6 {
  overflow: hidden;
  will-change: transform, opacity;
}

.section_eight { background: var(--ThemeColor); padding:60px 0 150px;}
.section_eight .heading h2 {color: var(--White);}
.section_eight .set h3 { color: var(--ThemeColor2); font-size: 27px; text-transform: uppercase; font-weight: 500; padding-left: 35px; margin-bottom: 15px;}
.section_eight .set p {color: var(--White); font-size: 16px; font-weight: 300; opacity:1;}
.section_eight .set::before {height:100%;  width: 1px; content: ""; position: absolute; left: 0; background: var(--White);  top: 58px; opacity: .8;}
.section_eight .set { padding-top: 120px;  padding-right:10px; position: relative; overflow: hidden;}
.section_eight .set p { color: var(--White); font-size: 16px; font-weight: 300; opacity:1; position: relative; padding-left: 35px;}
.section_eight .set p::after { background: var(--ThemeColor); content: ""; position: absolute;  width: 2px; height: 100%;  left: 0;  top: 0; z-index: 99;}
.section_eight .col-4:nth-child(2) .set { padding-top: 190px;}
.section_eight .col-4:last-child .set { padding-top: 260px;}

.signature { padding: 00px 0px 70px; margin-top: -80px;}
.signature .row { max-width: 90%; margin: auto;}
.signature .img-ceo {margin:40px 0 !important; box-shadow: 0px 0px 48px -5px rgba(0,0,0,0.29);	height: 500px;	width: 100%;	background-image: url('../images/ceo.jpg');	background-size: cover;	background-repeat: no-repeat;	border-radius: 30px;background-position: center;}
.signature h6 {color: grey; font-size: 20px; font-weight: 400; margin-bottom: 40px;}
.signature .sign-wrap{text-align: right;}
.signature .sig-text {padding-left: 4rem; display: flex; flex-direction: column; margin-top: 150px; padding-right: 4rem;}
.signature .sign-wrap img {width: auto !important;  float: right;}
.signature .heading{ font-size: 58px; color:var(--ThemeColor2)}
.signature p{ margin-bottom: 30px;}
.signature .mg-top{ margin-top:40px;}
.signature .owl-dots{display:none}
.signature button {color: #fff; background: none; padding: 0; border: 1px solid rgba(255, 255, 255, .3); font-size: 16px; border-radius: 50%; margin: .4em; display: inline-block; height: 58px;width: 58px;font-size: 25px;}
.signature {position: relative; display: flex;}
.signature .image-slider {height: 535px;
   z-index: 0; margin: 0; padding: 0; width: 40%; 
   float: right; border-radius: 41px; overflow: hidden; 
   
  }
.image-slider .slick-slide {width: 100% !important;}
.signature .image-slider .slick-slide.slick-current{display: block !important;}
.signature .image-slider .slick-slide {display: none !important;; }
.signature .image-slide { height: 100vh; margin: 0 auto; max-height: 450px; background-position: top !important;}
.signature .slick-slide.slick-center { transform: scale(1.2);transition: transform .8s 1.4s cubic-bezier(.84, 0, .08, .99);}
.signature .slick-slide {transition: transform .7s cubic-bezier(.84, 0, .08, .99);}
.signature .slider-control { margin: 0%; gap:10px;position: absolute; z-index: 2; top: 30px; right: 0; transform: translate(-50%, -50%); display: flex;}

.signature .block-1 {  z-index: 1; position: fixed; height: 100vh; width: 5%; left: 0%; background: #0f0f0f;}
.signature .block-2 {z-index: 1; position: fixed; height: 100vh;width: 25%; left: 25%;  background: #0f0f0f;}
.signature .block-3 {z-index: 1; position: fixed; height: 100vh; width: 5%; right: 0%; background: #0f0f0f;}
.signature .overlay {z-index: 1; position: fixed; height: 100vh; width: 20%; left: 5%; background: rgba(0, 0, 0, .65);}
.signature .text-slider-wrapper {z-index: 2; width: 60%; top: 0; background:transparent;}
.signature .text-slider {margin: 0%; padding: 0%; height: 100vh; max-height: 587px;}
.signature .text-slide h1 {color: #fff; font-size: 64px; font-family: "Inter";  font-weight: 400;    line-height: 110%;   letter-spacing: -2px; padding-left: 10%;}
.signature .image-slider .slick-track {transform: inherit !important;}

.project-section .tab-buttons { display: flex; justify-content: space-between; align-items: center;}
.project-section .tab-buttons button { 	cursor: pointer;margin-right: 30px;	background-color: transparent;border: none;font-size: 28px;font-family: "Runalto"; text-align: left; filter: blur(1px); opacity: 0.9;}
.project-section .tab-buttons button.active { filter: none; opacity: 1;}
.project-section .liner{ height: 2px; width: 80%;  background-color: #bba8935e;}
.project-section .tab-content {display: none;}
.project-section .tab-content.active { display: block;}
.project-section .tab-data{ padding-left: 12rem; margin-top: 25px;}
.project-section .project-info{ position: relative;  overflow: hidden; border-radius: 32px; width: 48%; transition: 300ms;}
.project-section .project-info img{ width: 100%; height: 450px; object-fit: cover;}
.project-section  .project-text {transition: 300ms;position: absolute;	left: 0;bottom: -100%;background-color: #2c3638ca;	display: flex;flex-direction: column;	text-align: left;	width: 100%;z-index: 1;	padding: 3rem; backdrop-filter: blur(2px); height: 100%; justify-content: end; gap: 15px; transition: 300ms;}
.project-section .project-info:hover .project-text{bottom: 0%; transition: 300ms;}
.project-section .project-text h3{ color: var(--White); font-size: 40px;}
.project-section .project-text p{color: var(--White); font-size: 20px; font-weight: normal;}
.project-section .project-box{ display: flex; flex-wrap: wrap; align-items: center; gap:20px;}

.cta { position: relative; padding: 40px 0; 
  }
.cta .heading { margin:0;}
.cta .custom_btn{ float: right;}
.cta .row { align-items: center;}

.footer{ padding: 80px 0px 0; background: var(--ThemeColor);}
.footer .socialmain p { max-width: 500px; font-size: 13px;}
.footer .socialmain { justify-content: space-between; margin-bottom:15px; align-items: center;}
.footer .heading img { height: 75px; width: auto !important;}
.footer-bottom p a { color: var(--ThemeColor2);}
.footer p a { color: var(--White);}
.footer p{ font-size: 16px; color: var(--White);}
.footer .heading {font-size: 135px; color: var(--White); text-align: center; width: 100%; display: flex; justify-content: center; line-height: inherit; margin: 60px 0; align-items: center; gap: 20px;}
.hr-line { color: var(--White); opacity: .2;}
.social-icons { gap: 10px;}
.footer-bottom { text-align: center; padding: 20px 0; background: var(--ThemeColor);}
.social-icons a { width: 50px; height: 50px; border: 1px solid var(--ThemeColor2); border-radius: 50%; text-align: center; color:var(--White); display: inline-block; line-height: 50px; font-size: 22px;}
.footer .socialmain p a { color: var(--ThemeColor2); text-decoration: underline; font-weight: 600;}
.footer-bottom .d-flex { justify-content: space-between;}
.footer h3 {
  color: var(--White);
  margin-bottom: 18px;
  font-size: 27px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
.modal-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

.modal-dialog .modal-content {
  display: flex;
}

.modal-dialog .modal-content > * {
  flex: 1;
}

.modal-dialog .close-modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  z-index: 999;
  padding: 0 10px;
  border-radius: 50%;
  border: 1px solid var(--ThemeColor);
}
*

[data-animation] .modal-dialog {
  opacity: 0;
  transition: all 0.5s var(--bounceEasing);
}

[data-animation].is-visible .modal-dialog {
  opacity: 1;
  transition-delay: 0.2s;
}

[data-animation="slideInOutDown"] .modal-dialog {
  transform: translateY(100%);
}

[data-animation="slideInOutTop"] .modal-dialog {
  transform: translateY(-100%);
}

[data-animation="slideInOutLeft"] .modal-dialog {
  transform: translateX(-100%);
}

[data-animation="slideInOutRight"] .modal-dialog {
  transform: translateX(100%);
}

[data-animation="zoomInOut"] .modal-dialog {
  transform: scale(0.2);
}

[data-animation="rotateInOutDown"] .modal-dialog {
  transform-origin: top left;
  transform: rotate(-1turn);
}

[data-animation="mixInAnimations"].is-visible .modal-dialog {
  animation: mixInAnimations 2s 0.2s linear forwards;
}

[data-animation="slideInOutDown"].is-visible .modal-dialog,
[data-animation="slideInOutTop"].is-visible .modal-dialog,
[data-animation="slideInOutLeft"].is-visible .modal-dialog,
[data-animation="slideInOutRight"].is-visible .modal-dialog,
[data-animation="zoomInOut"].is-visible .modal-dialog,
[data-animation="rotateInOutDown"].is-visible .modal-dialog {
  transform: none;
}

@keyframes mixInAnimations {
  0% {
    transform: translateX(-100%);
  }

  10% {
    transform: translateX(0);
  }

  20% {
    transform: rotate(20deg);
  }

  30% {
    transform: rotate(-20deg);
  }

  40% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-15deg);
  }

  60% {
    transform: rotate(10deg);
  }

  70% {
    transform: rotate(-10deg);
  }

  80% {
    transform: rotate(5deg);
  }

  90% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
     #panorama {
  width: 100%;
  height: 100vh;
  min-width: 100%;
  position: absolute;
}

      .custom-hotspot {
         width: 12px;
         height: 12px;
         background: #fff;
         border-radius: 50%;
         cursor: pointer;
         z-index: 2;
      }

      .custom-hotspot::before {
         content: '';
         position: absolute;
         top: 50%;
         left: 100%;
         width: 70px;
         height: 2px;
         background: white;
         transform: translateY(-50%);
      }

div.custom-tooltip span li {
  list-style: none;
  min-height: 49px;
  display: flex;
  align-items: center;
}

div.custom-tooltip span::after {
  height: 1px;
  width: 76px;
  position: absolute;
  content: "";
  bottom: -13px;
  left: -69px;
  background: white;
  transform: rotate(135deg);
  transition: width 0.3s ease, left 0.3s ease, bottom 0.3s ease, transform 0.3s ease;
}

div.custom-tooltip span {
  transition: transform 0.3s;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 50px;
  transform: translateY(-50%) translateX(-100px); 
  background: #213839ab;
  color: #fff;
  padding: 10px 18px;
  border-radius: 0;
  font-size: 18px;
  white-space: nowrap;
  opacity: 0; 
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 10;
  box-shadow: 0 0px 13px #0000005c;
  border-left: 5px solid var(--White);
  margin-top: -76px;
  min-height: 44px;
  align-items: center;
  font-weight: 500;
}

div.custom-tooltip span:hover {
  transform: translateY(-50%) scale(1.01);
}

div.custom-tooltip span label {
  font-size: 15px;
  color: #ffffffcf;
  font-weight: 400;
}

div.custom-tooltip.hotspot-in-center span {
  opacity: 1;
  transform: translateY(-50%) translateX(0); 
  transition: opacity 0.4s ease, transform 0.4s ease;
}

div.custom-tooltip.hotspot-in-center span:hover {
  transform: translateY(-50%) translateX(0) scale(1.01);
}

div.custom-tooltip.hotspot-in-center span {
  animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0px 13px #ffffff9c;
  }
  50% {
    box-shadow: 0 0px 20px #ffffff9c, 0 0px 30px var(--ThemeColor);
  }
}

.spinner-wrap {
  position: relative;
  margin-top: 200px;
}
.custom-hotspot::before{
  border: 1px solid #fff;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-animation: zoom 2s linear 0.75s infinite;
          animation: zoom 2s linear 0.75s infinite;
}
.spinner-item--2 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.spinner-item--3 {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

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

.about-3-container .img-box-left img, .about-3-container .img-box-right img {
  height: 360px;
}
.about-3-container .img-box-right {
  margin-left: -46px;
}
.about-3-container .img-box-left{
   height: 360px;
     margin-right: -46px;
}

}

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

div.custom-tooltip span {
    padding: 6px 8px;
    font-size: 15px;
    margin-left: 20px;
}
  .section_four .numbers::before {
  left: -58px;
}
    div.custom-tooltip span::after {
        height: 1px;
        width: 70px;
        left: -51px;
        transform: rotate(113deg);
    }
    div.custom-tooltip span label {
    font-size: 13px;
}

.heading h2 {font-size: 50px; line-height: 61px;}
.container-fluid { padding: 0 30px;}
.seven_section1 h3 { font-size: 36px; max-width: 450px;}
.seven_section1 .item_content {padding: 40px 40px 40px;}
.section_five1 .cont h6 {
  font-size: 210px;
}
.section_five1 h3 {
  font-size: 55px;
}
.section_five1 .cont p {
  font-size: 16px;
}
.section_seven .itemdiv .text {
  padding: 80px 80px;
}
.section_seven .itemdiv img {
  height: 450px;
}
.section_seven .itemdiv .rowin{
 height: 450px;
}
.heading {
  font-size: 50px;
}
.about-3-container .box-center {
  padding: 2rem 30px;
}
}

@media only screen and (max-width: 1399px) {
.custom-btn { font-size: 16px; padding: 14px 18px;}
.heading h2, .heading {font-size: 43px; line-height: 55px;  }
.section_five h3 {font-size: 24px;}
.section_four .numbers .set h3 {font-size: 45px;}
.marquee-content span {font-size: 32px;}
.header-top ul li {margin-right: 25px;}
.header-top ul li a {font-size: 16px;}
.header-top img.logo-img {width: 120px;}
.box-center h3 {font-size: 32px;}
.section_five_in {padding: 25px; margin-top: 30px;}
.signature .heading{font-size: 42px;}
.signature h6 {font-size: 18px;}
.signature .sign-wrap img { height: 50px;}
.signature .image-slide {max-height: 560px;}
.section_five_in .pg {font-size: 16px; gap: 50px;}
.section_seven .item h4 {font-size: 26px;}
.section_eight .set h3 {font-size: 25px;}
.signature .sig-text {padding-left: 2rem;}
.footer .heading {font-size: 105px; margin: 40px 0;}
.seven_section1 .cont p {font-size: 16px;}
.marquee-icon {width: 20px; height: 20px;}
.seven_section1 {margin-top: -210px;}

.about-3-container .img-box-left img, .about-3-container .img-box-right img {
  height: 350px;
}
body {
  font-size: 15px;
}
.project-section .project-info img {
  height: 310px;
}
.banner iframe {
  width: 123% !important;
}
 .section_seven .itemdiv .text {
    padding: 50px 50px;
  }
  .banner2 {
  margin-top: -90px;
}
  .section_seven .itemdiv .rowin, .section_seven .itemdiv img{
    height: 400px;
  }
  .section_four .numbers::before {
  left: -50px;
  }
  
}

@media only screen and (max-width: 1199px) {
p {
  font-size: 14px;
  line-height: 24px;
}
    body {
    font-size: 14px;
  }
.signature button { height: 46px; width: 46px; font-size: 20px;}
.signature { margin-top: -50px;}
.signature .slider-control {top: 16px;}
.seven_section1 .cont h6 span {font-size: 28px; width: 60px; height: 60px; max-width: 60px; line-height: 60px;}
.seven_section1 .cont h6 {gap: 10px;}
.seven_section1 .cont { gap: 30px;}
.signature .sig-text {margin-top: 100px;}
  .signature .image-slider {height: 455px; }
  header.main-header { padding: 20px 35px; }
  header.main-header.fixed { padding: 12px 35px; }
  .nav-links { gap: 22px; }
  .nav-links li a { font-size: 12px; letter-spacing: 1.5px; }
  .enquire-btn { font-size: 12px; padding: 9px 22px; }
  .header-left .logo-img { width: 110px; }
.custom-btn {font-size: 14px; padding: 14px 18px;}
.banner_content h3 {font-size: 26px;}
.banner_content .text { max-width: 400px;}
.banner_content p {font-size: 15px;}
.banner_content {padding: 120px 0 75px;}
.box-center h3 {font-size: 29px;}
.heading h2, .heading {font-size: 40px; line-height: 48px;}
.section_five .heading h2 br {display: none;}
.section_four {margin-bottom: 60px;}

.section_five {padding: 60px 0;}
.section_five .heading, .section_five .heading h2, .heading h2 {margin-top: 0;}
.slider--anime{padding: 0px 0px 60px;}
.signature .col-5, .signature .col-7 {width: 50%;}
.signature .img-ceo {height: 460px; max-height: 460px;}  
.signature .heading {font-size: 34px;}
.signature .slick-list {padding: 0 !important;}
.signature .text-slider {height: auto; max-height: inherit;}
.signature h6 { font-size: 18px; margin-bottom: 25px;}
.project-section .project-text { padding: 25px;}
.project-section .project-text h3 {font-size: 30px;}
.project-section .project-text p { font-size: 16px;}
.footer .heading {font-size: 90px; margin: 30px 0; }
.footer {padding: 60px 0px 0;}
.section_eight {padding: 45px 0 90px;}
.project-section {margin-bottom: 45px; margin-top: 50px;}
.cta {padding: 35px 0; margin-bottom: 45px;}
  .banner iframe {
    width: 147% !important;
  }
    .about-3-container .img-box-left img, .about-3-container .img-box-right img {
    height: 290px;
  }
  .about-3-container .img-box-right {

  height: 290px;
  }
   .about-3-container .box-center {
    padding: 2rem 40px;
  }
 .banner2 {
    margin-top: -44px;
  }
 .section_five1 h3 {
    font-size: 46px;
  }
.section_five1 h3 span {
  font-size: 24px;
}
.section_seven .itemdiv .text h4 {
  font-size: 30px;
}
 .section_seven .itemdiv .rowin, .section_seven .itemdiv img {
    height: 360px;
  }

  .section_five1 .slider--el-content {
    max-width: 480px;
    padding: 0 50px;
    min-width: 480px;
  }
  .slider {
    padding-left: 480px;
  }
  .slider--nav-bar {
    left: 50px;
    width: 380px;
    bottom: 45px;
  }
  .section_five1 .slide-title,
  .section_five1 h3 {
    font-size: 38px;
    max-width: 380px;
    min-width: 0;
  }
  .section_five1 .cont p {
    font-size: 15px;
    max-width: 380px;
  }
.about-3-container .box-center {
  margin: 50px auto 0;
}
  .about-us {
    
  }
  .section_four .numbers::before {
  left: -19px;
  }
   .section_four .numbers .set h3 {
    font-size: 39px;
  }
  .section_four .numbers .set h6 {
  font-size: 16px;
}
}

@media only screen and (max-width: 991px) {
  
  header.main-header {
    padding: 16px 24px;
  }
  header.main-header.fixed {
    padding: 12px 24px;
  }
  .header-left .logo-img {
    width: 105px;
  }
  header.main-header.fixed .header-left .logo-img {
    width: 95px;
  }
  .header-center {
    display: contents;
  }
  .toggle-bar.toggleopen {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  .toggleclose {
    display: block !important;
  }
  .nav {
    position: fixed !important;
    top: 0;
    left: -100% !important;
    width: 85% !important;
    max-width: 360px;
    height: 100vh !important;
    background: var(--ThemeColor) !important;
    padding: 80px 30px 40px !important;
    z-index: 100000;
    box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5);
    transition: left 0.35s ease-in-out !important;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }
  .nav.main {
    left: 0 !important;
  }
  .nav-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100%;
  }
  .nav-links li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .nav-links li a {
    display: block;
    padding: 14px 0;
    font-size: 14px;
    width: 100%;
    color: var(--White);
  }
  .enquire-btn {
    font-size: 11px;
    padding: 8px 18px;
    letter-spacing: 1.5px;
  }

.hero-sidebar {
  display: none;
}
.banner_content {
  padding: 0 24px 35px;
}
.hero-container {
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
.hero-heading .title-line {
  font-size: clamp(38px, 8vw, 54px);
}
.hero-desc {
  font-size: 14.5px;
  max-width: 100%;
}
.hero-center-action {
  position: static;
  transform: none;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.hero-right-action {
  width: 100%;
  display: flex;
  justify-content: center;
}
.owl-carousel.carousel_investment { margin-top: 15px;}

.seven_section1 h3 {font-size: 28px; max-width: 100%;} 
.seven_section1 .cont {gap: 0; display: block;}
.seven_section1 .item_content, .seven_section1 .item img, .seven_section1 .item {border-radius: 20px !important;} 
.seven_section1 .cont p { font-size: 14px; margin-top: 15px; }
.seven_section1 .wrapper {min-height: auto;}
.seven_section1 {margin-top: -112px;}

.marquee-content span {font-size: 26px;}
.marquee-icon {width: 18px; height: 18px; margin-left: 22px; margin-right: 16px;}
.mov-slider { padding: 18px 0; margin: 35px 0 45px; }
.mov-slider::before, .mov-slider::after { width: 80px; }

.box-center h3 {font-size: 26px;}
.about-3-container .col-3{display:none}
.about-3-container .col-3, .about-3-container .col-6 { flex: 0 0 auto; width: 100%;}
.about-3-container .box-center {margin: 30px auto 15px; padding: 0; max-width: 580px;}
.about-us::after {height: 100px; bottom: -10px;}
.about-3-container .box-center{padding:0 20px}

.section_four .numbers .set h3 {font-size: 36px; margin: 10px 0;}
.section_four h3 { font-size: 20px;}

.section_five { padding: 50px 0;}
.section_five .map1 { margin-top: 0;float: inherit;}
.section_five .map1 { width: 100%; margin: auto !important;}
.section_five .mapmain{text-align:center}
.section_five .mapmain img {max-width:400px; margin: auto;}
.section_five .hdng .col-6 {width: 100%;}
.section_five_in {padding: 18px;}
.section_five_in h4 {font-size: 24px;}
.section_five_in .pg {font-size: 14px; gap: 10px;}
 .section_five_in .pg span { font-size: 103px;}

.section_eight .set h3, .section_eight .set p { padding-left: 22px;}
.section_eight .set h3 {font-size: 20px;} 

.section_seven .item h4 {font-size: 20px;}
.section_seven .item img {height: 450px;}

.signature {padding: 0px 0px 60px; margin-top: -85px;} 
.signature .col-5, .signature .col-7 {width: 100%;}
.signature .sig-text { padding-left: 0; text-align: center;}
.signature h6 { font-size: 18px; margin-bottom: 16px;}
.signature .img-ceo {height: 310px; max-width: 100%; margin: 0 auto 0 !important; border-radius: 9px;}
.signature .image-slider{height: 310px; border-radius: 20px; margin-bottom: 20px;}
.signature .sign-wrap {text-align: center;}
.signature .sign-wrap img {  display: inline-block !important;}
.signature {margin-top: -36px;}
.signature .text-slider-wrapper { position: relative; top: 0 !important; width: 100%;}
.signature {display: block;}
.signature .image-slider {width: 100%; float: inherit;}
.signature .image-slider {width: 100%; float: inherit;  margin-bottom: 15px; max-width: 450px; margin: auto; }
.signature .sig-text {padding-right: 0; margin-top: 15px;}
.signature .sign-wrap img {float: inherit;}
.signature .owl-nav .owl-prev,  .signature .owl-nav .owl-next {border: 1px solid var(--Gray) !important; width: 48px; height: 48px; border-radius: 50%;}
.signature .owl-nav span {font-size: 40px; top: -8px; position: relative;} .signature .owl-nav.disabled {display: flex !important;  justify-content: center;  gap: 14px;   margin-top: 26px; }
.signature .block-2, .signature .overlay {display: none;}
.signature .block-1 {width: 50%;}
.signature .block-3 {width: 12%;}
.signature .slide-slick {display: none !important;}
.signature .text-slide h1 {font-size: 30px !important;}
.signature .text-slider-wrapper { top: 50% !important; padding-bottom: 40px;}
.signature .slider-control {left: 22.5%;}

.project-section .tab-buttons { margin-top: 20px;}
.project-section .tab-buttons button {font-size: 22px;}
.project-section .tab-data {padding-left: 0; margin-top: 25px;}
.project-section .project-text h3 {font-size: 24px;}
.project-section .project-info img {height: 350px;}
.signature button {color: var(--ThemeColor); border: 1px solid var(--ThemeColor);}
.signature .slider-control {  left: 0; position: absolute; top: initial; bottom:-10px; width: 100%; margin: auto; transform: translate(0%, 0%); display: flex;  height: 62px;  text-align: center;  justify-content: center; }

  .section_four .numbers .set h3 {
    font-size: 28px;
  }

.banner {
  height: 100vh;
  max-height: 500px;
}
 .banner iframe {
    width: 125% !important;
  }

  .banner_content .text .custom-btn {
    display: inline-flex !important;
    gap: 6px;
    align-items: center;
    background: var(--White);
    color: var(--ThemeColor);
    margin-top: 16px;
  }
.banner_content .text .custom-btn img {
  height: 18px;
}

.footer .heading { font-size: 68px; }
}

@media only screen and (max-width: 767px) { 
  .hero-heading {
    text-align: center !important;
  }
  .hero-heading .title-line.title-italic{
    color:white;
  }
  .mov-slider::before {
display: none;
}
.mov-slider::after {
  display: none;
}
.slider{
  background-color: var(--ThemeColor);
}
.s4-content-col .about-watermark-bottom {
  display: none;
}

.signature .heading {font-size: 28px;}

.signature { margin-top: -40px;}
.seven_section1 .item_content {padding: 20px;}
.section_four .heading {margin-bottom: 20px;}
.section_seven .item h4 {font-size: 26px;  }
.section_eight .col-4 {width: 100%;}
.section_five .col-6 {width: 100%;}
 .section_eight .set {
    text-align: center;
    padding: 20px !important;
    border: 1px solid #2a3f40;
    margin: 5px 0;
    border-radius: 13px;
  }
  .section_eight .heading {
  margin: 0 0 16px;
}
 .project-section {
    margin-bottom: 45px;
    margin-top: 0;
  }
  .section_eight .set::before{display: none;}
.section_four {margin-bottom: 45px; text-align: center;}
.slider--anime {padding: 0px 0px 45px;}
.marquee-icon {width: 16px; height: 16px; margin-left: 16px; margin-right: 12px;}

.box-center h3 {font-size: 24px;}
.about-3-container .box-center {max-width: 530px;} 
.marquee-content span {font-size: 21px; letter-spacing: 1px;}
.mov-slider { padding: 15px 0; margin: 30px 0 40px; }
.mov-slider::before, .mov-slider::after { width: 55px; }
.section_four .col-6.w-50 {width: 100%;}
.section_four .numbers {max-width: 450px; position: relative; margin:0 auto 30px;}
.section_four p, .section_four h3 { text-align: center;}
.heading h2, .heading { font-size: 36px; line-height: 45px; text-align: center;}
.heading h2 img {height: 24px;}
.section_four .numbers {text-align: center;}
.section_four .numbers .set { padding: 25px 25px !important;}
.section_five_in .col-6 { width: 50%;}
.section_five_in h4 { font-size: 28px; }
.section_five h3 {  text-align: center;  }
.cta .col-8, .cta .col-4 { width: 100%; text-align: center;}
.footer .col-4 { width: 100%;} 
.cta .custom-btn { display: inline-block; margin-top: 18px;}
.footer p { font-size: 14px; text-align: center; margin: 10px auto;}
.footer .heading { font-size: 47px;}
.footer .heading img { height: 46px;}
.social-icons { justify-content: center;}
.footer .socialmain { display: block; text-align: center;}
.footer-bottom .d-flex { display: block;}
.footer-bottom { text-align: center; padding: 12px 0;}
.footer-bottom p { margin: 8px 0;}
.footer .heading.box::before, .footer .heading.box::after {display: none;}
.footer .heading.box img {
        height: 110px;
    }
.col-6.order1 { order: 2;}
.section_five .map1 {  padding-top: 20px;  }
.section_six .heading h2 {margin-bottom: 40px;}
.nav {width: 100%; }
.carousel_investment .owl-nav.disabled { display: block !important; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
.carousel_investment .owl-nav button { color: #fff !important; background: none !important; border: 1px solid rgba(255, 255, 255, .3) !important; border-radius: 50%; display: inline-block; height: 50px; width: 50px; font-size: 36px !important; margin: 0 10px;}
.section_seven .item .st {padding: 100px 20px 65px; }
.carousel_investment .owl-nav button span { position: relative; top: -5px;}
.section_five .row.set1 p.txt { text-align: center;}
 .section_eight .set h3, .section_eight .set p {
    padding-left: 0;
  }
  .footer h3 {
  margin-bottom: 0px;
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
}
 .banner {
    max-height: 420px;
  }
    .banner iframe {
    width: 137% !important;
  }

  .about-us {
  border-radius: 25px 25px 0 0;
  }
   .section_four .numbers::before {
    left: 0;
  }
  .section_four {
  border-radius: 25px;
}
.section_four {
  padding-top: 14px;
}
  .section_five1 .slider--el-content {
    max-width: 320px;
    padding: 0 24px;
    min-width: 320px;
  }
  .slider {
    padding-left: 320px;
    min-height: 480px;
  }
  .slider--nav-bar {
    left: 24px;
    width: 272px;
    bottom: 30px;
            
        padding: 10px;
  }
  .slider--nav-tag {
    display: none;
  }
  .slider--nav-line {
    margin-right: 0;
  }
  .section_five1 .slide-title,
  .section_five1 h3 {
    font-size: 26px;
    max-width: 272px;
    min-width: 0;
  }
  .section_five1 .slide-subtitle {
    font-size: 11px;
    letter-spacing: 1.8px;
  }
  .section_five1 .cont p {
    font-size: 13px;
    max-width: 272px;
  }
  .section_five1 .cont h6 {
    font-size: 110px;
    left: -20px;
  }
.section_seven .marquee, .section_five1 .marquee{
  margin-bottom: 16px;
}
  .section_seven .itemdiv .text {
    padding: 30px 25px;
  }
   .section_seven .itemdiv .rowin, .section_seven .itemdiv img {
    height: 450px;
  }
   .section_seven .itemdiv .text h4 {
    font-size: 28px;
  }
.section_five .mapmain.mob_show {
  display: block !important;
}
.section_five .mapmain.dask_show {
  display: none;
}
}

@media only screen and (max-width: 576px) {
.about-us::after {height: 50px;}
.seven_section1 .mov-slider { margin-bottom: 5px;}
.seven_section1 .cont p{display:none}
.project-section .project-info {border-radius: 18px; width: 100%;}
.about-3-container .box-center {margin: 30px auto 40px;}
.heading h2, .heading {font-size: 34px; line-height: 44px;}
.footer .heading {font-size: 42px;}
.marquee-content span {font-size: 17px; letter-spacing: 0.8px; }
.marquee-icon { width: 14px; height: 14px; margin-left: 12px; margin-right: 8px; }
.mov-slider { padding: 12px 0; margin: 25px 0 35px; }
.mov-slider::before, .mov-slider::after { width: 35px; }
.banner video, .banner {height: 80vh;}
.seven_section1 .cont h6 {gap: 8px;  margin-top: 40px;}
.seven_section1 .item {gap: 0;}
.seven_section1 .cont h6 span.fade{display: none;}
.seven_section1 h3 {font-size: 16px;  }
.seven_section1 h3 span {font-size: 22px;}
.seven_section1 .item_content, .seven_section1 .item img {width: 100%; border-radius: 0 !important;}
.heading h2 br, .heading br{display:none}
.section_four .numbers .set {padding: 15px 5px !important; }
.section_four .numbers .set h3 {font-size: 30px; margin: 10px 0;}
.seven_section1 .pin-spacer {width: 100% !important; height: auto !important; padding: 0 !important;}
.seven_section1 .item {position: relative; transform: inherit !important; margin: 10px 0;}
.seven_section1 .list { display: block; position: relative}
.seven_section1 .wrapper {height: auto; min-height: auto;}
.seven_section1 {padding: 0px 0px 30px; margin-top: -80px;}
.about-3-container .box-center{padding:0 15px}
  .section_four .numbers .set h6 { font-size: 15px;  }

  

  
   
  .section_five1 h3 span {
    font-size: 20px;
  }
    .section_five1 .cont p {
    max-width: 100%;
  }
  
  
  

  .slider {
    padding-left: 0;
    min-height: auto;
    height: 380px;
  }
  .section_five1 .slider--el-content {
    max-width: 100%;
    padding: 26px 20px;
    min-width: 100%;
    height: auto;
    position: sticky;
    top: inherit;
    bottom: 0;
  }
  .slider--el-bg {
    position: relative;
    width: 120%;
    height: 770px;
  }
  
    .section_five1 .cont h6 {
    font-size: 90px;
    left: 0;
    right: 0;
    margin: auto;
    top: -61px;
    text-align: center;
  }
  .section_five1 .cont p{
    display: none;
  }
.section_seven .itemdiv .col-6 {
  width: 100%;
}
.section_seven .itemdiv .text {
  height: auto;
}
.section_seven .itemdiv.itemdiv2 .col-6:first-child {
  order: 2;
}
  .section_five1 h3 {
    font-size: 32px;
    min-width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .section_seven .itemdiv .rowin, .section_seven .itemdiv img {
    height: auto;
  }
  .section_seven .itemdiv .text {
    padding: 20px 15px;
    background-size: 160px;
      text-align: center
  }
  .section_seven .itemdiv {
  padding: 0;
}
  .section_seven .itemdiv .rowin, .section_seven .itemdiv img {
    padding: 15px 15px 5px;
  }
  .section_seven {
  margin: 0;
}
  .footer p {
    margin: 10px auto;
  }
  .container {
  padding: 0 15px;
}
.container-fluid {
    padding: 0 15px;
  }

  .slider--nav-bar {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 15px;
    display: flex;
    align-items: center;
  }
  .slider--control,
  .slider--control.left,
  .slider--control.right {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0 10px 0 0;
    width: 40px;
    height: 40px;
  }
  .slider--nav-line {
    flex: 1;
    margin: 0 12px 0 5px;
  }
  .slider--nav-tag {
    display: none;
  }
  .section_five1 .slider--el-content .cont {
    width: 100%;
    margin-bottom: 0;
  }

  .signature .image-slider {
    max-width: 220px;
    height: 190px;
  }
.signature .image-slider .slick-track{   width: 220px;}
 .banner iframe {
    width: 170% !important;
  }
    .header-top ul li a {
    font-size: 17px;
    padding: 18px 20px;
  }
   .banner2 {
    margin-top: -68px;
  }
  .section_four {
    margin-top: 0;
  }
   .slider--el-bg {
    height: 320px;
  }
}

@media only screen and (max-width: 480px) {
  .hero-heading .title-line {
    font-size: 36px;
  }
  .scroll-indicator, .brochure-action {
    font-size: 10px;
    padding: 8px 16px;
  }
  header.main-header { padding: 12px 16px; }
  header.main-header.fixed { padding: 10px 16px; }
  .header-left .logo-img, header.main-header.fixed .header-left .logo-img { width: 88px; }
  .enquire-btn { font-size: 10px; padding: 7px 14px; letter-spacing: 1px; }
  .footer .heading {display: block;}
  .footer .heading span {display: block;}
  .toggle-bar img { margin-right: 0; width: 22px; height: 22px; }
  .project-section .liner {width: 40%;}
  .heading h2, .heading { font-size: 30px;  line-height: 40px; }
   .section_four .numbers .set h6 {
      font-size: 15px;
      line-height: 20px;
      min-height: 42px;
    }
   .banner iframe {
    width: 224% !important;
  }
   .section_five1 .cont h6 {
    font-size: 103px;
    left: -28px;
    top: -51px;
  }
   .slider {
    height: 500px;
  }
   .slider--el-bg {
    height: 320px;
  }
    .slider {
    height: 360px;
  }
   .section_five1 .slider--el-content {
    padding: 20px 15px;
  }
    .section_five1 h3 {
    font-size: 28px;
  }
    .section_five1 h3 span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1400px) {
  .about-wrapper {
    padding: 0 45px;
  }
  .about-top-rule-h {
    width: 90px;
  }
  .about-watermark-top {
    left: 280px;
    width: 200px;
    height: 170px;
  }
  .about-watermark-bottom {
    left: 220px;
    width: 260px;
    height: 210px;
  }
}

@media only screen and (max-width: 1199px) {
  .about-us {
    
    padding-top: 45px;
  }
  .about-wrapper {
    padding: 0 35px;
  }
  .about-content-col {
    padding: 30px 20px 40px 0;
  }
  .about-heading {
    font-size: 38px;
  }
  .about-desc {
    font-size: 14.5px;
    margin: 20px 0 32px;
  }
  .about-top-rule-h {
    width: 60px;
  }
  .about-brand-tags {
    gap: 16px;
  }
  .about-brand-tags li {
    font-size: 10.5px;
    letter-spacing: 2px;
  }
  .about-action-divider {
    margin: 0 6px;
  }
}

@media only screen and (max-width: 991px) {
  .about-us {
    
    padding-top: 40px;
    border-radius: 30px 30px 0 0;
  }
  .about-wrapper {
    padding: 0 25px;
  }
  .about-main-grid {
    flex-direction: column;
    min-height: auto;
  }
  .about-content-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 0 30px;
  }
  .about-visual-col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px;
  }
  .about-arches-wrap {
    justify-content: center;
  }
  .about-arches-img {
    object-position: center;
    max-height: 520px;
  }
  .about-desc {
    max-width: 100%;
  }
  .about-corner-brand {
    bottom: 20px;
    right: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us {
    
    padding-top: 35px;
    border-radius: 25px 25px 0 0;
  }
  .about-wrapper {
    padding: 0 18px;
  }
  .about-top-bar {
    padding-bottom: 18px;
  }
  .about-category-pills {
    font-size: 10px;
    letter-spacing: 2.2px;
  }
  .about-top-rule-h {
    display: none;
  }
  .about-watermark-top {
    left: auto;
    right: -25px;
    top: -10px;
    width: 200px;
    height: 160px;
    opacity: 0.18;
  }
  .about-watermark-bottom {
    left: auto;
    right: -20px;
    bottom: 20px;
    width: 220px;
    height: 175px;
    opacity: 0.14;
  }
  .about-eyebrow {
    font-size: 11.5px;
    letter-spacing: 3.5px;
    margin-bottom: 12px;
  }
  .about-heading {
    font-size: 32px;
    line-height: 1.15;
  }
  .about-desc {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 28px;
  }
  .about-actions-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
  .about-action-divider {
    display: none;
  }
  .about-brand-tags {
    gap: 14px;
    flex-wrap: wrap;
  }
  .about-brand-tags li {
    font-size: 10.5px;
    letter-spacing: 2px;
  }
  .about-arches-img {
    max-height: 380px;
  }
      .about-actions-row {
          align-items: center !important;
    }
}

@media only screen and (max-width: 480px) {
  .about-heading {
    font-size: 28px;
  }
  .about-tour-btn {
    width: 100%;
    justify-content: center;
    padding: 13px 20px;
  }
  .about-category-pills {
    font-size: 9px;
    letter-spacing: 1.5px;
  }
}

@media only screen and (max-width: 1400px) {
  .s4-container {
    padding: 0 45px;
  }
  .s4-stat-item {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .section_four {
    padding: 65px 0 45px;
  }
  .s4-container {
    padding: 0 35px;
  }
  .s4-main-grid {
    gap: 35px;
    margin-bottom: 50px;
  }
  .s4-content-col {
    flex: 0 0 calc(48% - 35px);
    max-width: calc(48% - 35px);
  }
  .s4-heading {
    font-size: 34px;
    margin-bottom: 18px;
  }
  .s4-lead {
    font-size: 19px;
  }
  .s4-stat-item {
    padding: 0 18px;
  }
  .s4-stat-value {
    font-size: 38px;
  }
}

@media only screen and (max-width: 991px) {
  .s4-main-grid {
    flex-direction: column;
    gap: 35px;
  }
  .s4-image-col,
  .s4-content-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .s4-image-wrap {
    min-height: 380px;
    height: 380px;
  }
  .s4-stats-grid {
    flex-wrap: wrap;
    gap: 30px 0;
  }
  .s4-stat-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 20px;
  }
  .s4-stat-item:nth-child(2) {
    border-right: none;
  }
  .s4-desc {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section_four {
    padding: 50px 0 35px;
    text-align: left !important;
  }
  .s4-container {
    padding: 0 20px;
  }
  .s4-image-wrap {
    min-height: 250px;
    height: 250px;
  }
  .s4-heading {
    font-size: clamp(23px, 6.4vw, 28px);
    text-align: left !important;
    line-height: 1.15;
    margin-bottom: 16px;
  }
  .s4-lead {
    font-size: 16.5px;
    text-align: left !important;
    line-height: 1.35;
    margin-bottom: 14px;
  }
  .s4-desc {
    text-align: left !important;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 26px;
  }
  .s4-stats-grid {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 35px;
  }
  .s4-stat-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 16px 0;
    border-right: none;
    border-bottom: 1px solid rgba(187, 168, 147, 0.35);
    text-align: left;
  }
  .s4-stat-item:last-child {
    border-bottom: none;
  }
  .s4-stat-value {
    font-size: 36px;
  }
  .s4-bottom-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .s4-rule-long {
    display: none;
  }
  .s4-cta-btn {
    width: 100%;
    justify-content: center;
    padding: 13px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .s4-heading {
    font-size: 28px;
  }
  .s4-stat-value {
    font-size: 32px;
  }
  .s4-dest-tag,
  .s4-pillars-tag {
    font-size: 9px;
    letter-spacing: 1.8px;
  }
}

.section_seven#amenities .itemdiv,
.section_seven#amenities .itemdiv .row,
.section_seven#amenities .itemdiv .rowin:has(img),
.section_seven#amenities .itemdiv img {
  height: 100vh;
}
.section_seven#amenities .itemdiv .rowin {
  padding: 0;
}
.section_seven#amenities .itemdiv img {
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .section_seven#amenities .itemdiv .row {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .section_seven#amenities .itemdiv .col-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    height: 45vh;
  }
  .section_seven#amenities .itemdiv .col-6:has(.text) {
    height: 55vh;
  }
  .section_seven#amenities .itemdiv .rowin:has(img),
  .section_seven#amenities .itemdiv img {
    height: 45vh;
  }
  .section_seven#amenities .itemdiv .text {
    height: 100%;
    padding: 20px 15px;
  }
}

.project-section#our-projects {
  background: #eee8de;
  padding: 70px 0 80px;
  margin-bottom: 0;
}
.project-section#our-projects .container { max-width: 1720px; }

.project-section#our-projects .tab-buttons {
  display: flex;
  align-items: flex-end;
  gap: 64px;
  margin: 26px 0 34px;
}
.project-section#our-projects .tab-buttons button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid #ddd5c3;
  border-radius: 0;
  padding: 0 4px 14px;
  margin: 0;
  width: auto;
  min-width: 0;
  cursor: pointer;
  position: relative;
  font-family: var(--ThemeFontTwo), "Playfair Display", Georgia, serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a29885;
  filter: none;
  opacity: 1;
  text-align: left;
  transition: color 0.3s ease;
}
.project-section#our-projects .tab-buttons button:hover { color: #4a4436; }
.project-section#our-projects .tab-buttons button.active {
  color: #1e1f1c;
}

.project-section#our-projects .tab-buttons button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(90deg, #b98d4f, #e3c893);
}
.project-section#our-projects .tab-buttons .liner {
  flex: 1;
  height: 2px;
  width: auto;
     background: linear-gradient(90deg, #b98d4f, #e3c893);
  margin-bottom: 17px;
}
.project-section#our-projects .tab-data { padding-left: 0; margin-top: 0; }

.project-section#our-projects .project-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: stretch;
}
.project-section#our-projects .project-info {
  position: relative;
  width: 100%;
  height: 560px;
  border-radius: 26px;
  overflow: hidden;
  isolation: isolate;
  
}
.project-section#our-projects .project-info img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.project-section#our-projects .project-info:hover img { transform: scale(1.05); }

.project-section#our-projects .project-text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
  height: 100%;
  padding: 50px 54px;
  background: linear-gradient(100deg, rgba(9, 11, 9, 0.68) 0%, rgba(9, 11, 9, 0.38) 38%, rgba(9, 11, 9, 0) 64%);
  backdrop-filter: none;
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.project-section#our-projects .project-info:hover .project-text {
  opacity: 1;
  transform: translateY(0);
}
.project-section#our-projects .project-text::before {
  content: "";
  width: 46px;
  height: 2px;
  background: linear-gradient(90deg, #c39a5b, #e3c893);
  margin-bottom: 20px;
}
.project-section#our-projects .project-text h3 {
  font-family: var(--ThemeFontTwo), "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: 47px;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #ffffff;
  margin: 0 0 14px;
}
.project-section#our-projects .project-text p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.87);
  max-width: 46ch;
  margin: 0 0 26px;
  padding: 0;
  border: 0;
}
.project-section#our-projects .view-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.28em;
  color: #d9b06c;
}
.project-section#our-projects .view-link:hover { color: #efcf95; }
.project-section#our-projects .view-link .arr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 1.5px solid #d9b06c;
  border-radius: 50%;
  transition: background 0.3s ease, transform 0.3s ease;
}
.project-section#our-projects .view-link .arr svg { width: 22px; height: 22px; }
.project-section#our-projects .view-link:hover .arr {
  background: rgba(217, 176, 108, 0.16);
  transform: translateX(4px);
}

@media only screen and (max-width: 1199px) {
  .project-section#our-projects .project-info { height: 470px; }
  .project-section#our-projects .project-text { padding: 36px 38px; }
  .project-section#our-projects .project-text h3 { font-size: 36px; }
  .project-section#our-projects .project-text p { font-size: 15px; margin-bottom: 20px; }
  .project-section#our-projects .tab-buttons { gap: 40px; }
  .project-section#our-projects .tab-buttons button { font-size: 21px; }
}

@media only screen and (max-width: 767px) {
  .project-section#our-projects { padding: 46px 0 56px; }
  .project-section#our-projects .tab-buttons { gap: 26px; margin: 18px 0 24px; }
  .project-section#our-projects .tab-buttons button {
    font-size: 16px;
    letter-spacing: 0.08em;
    padding-bottom: 10px;
  }
  .project-section#our-projects .tab-buttons .liner { display: none; }
  .project-section#our-projects .project-box { grid-template-columns: 1fr; }
  .project-section#our-projects .project-info {
    width: 100%;
    height: 400px;
    border-radius: 18px;
  }
  .project-section#our-projects .project-text {
    padding: 26px 24px;
    background: linear-gradient(180deg, rgba(9, 11, 9, 0) 28%, rgba(9, 11, 9, 0.74) 100%);
  }
  .project-section#our-projects .project-text h3 { font-size: 29px; }
  .project-section#our-projects .project-text p { font-size: 14px; margin-bottom: 16px; }
  .project-section#our-projects .view-link { font-size: 13px; gap: 12px; }
  .project-section#our-projects .view-link .arr { width: 42px; height: 42px; }
}

.footer {
  --footer-bg: #162a2b;
  --footer-bg-deep: #162a2b;
  --footer-gold: #baa893;
  --footer-ivory: #f8f5ee;
  --footer-muted: rgba(248, 245, 238, 0.82);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 78px 0 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(44, 77, 70, 0.16), transparent 38%),
    linear-gradient(180deg, var(--footer-bg) 0%, var(--footer-bg-deep) 100%);
}

.footer::before,
.footer::after {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
      border: 1px solid rgb(186 168 147 / 7%);
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}

.footer::before {
  left: -355px;
  bottom: -245px;
}

.footer::after {
  right: -360px;
  bottom: -185px;
}

.footer > .container {
  max-width: 1550px;
  padding: 0 34px;
}

.footer > .container > .row {
  margin: 0;
  align-items: stretch;
}

.footer > .container > .row > .col-4 {
  position: relative;
  padding: 0;
}

.footer > .container > .row > .col-4 .rowin {
  height: 100%;
  padding: 0 54px;
}

.footer > .container > .row > .col-4:first-child .rowin {
  padding-left: 0;
}

.footer > .container > .row > .col-4:last-child .rowin {
  padding-right: 0;
}

.footer > .container > .row > .col-4:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 145px;
  background: linear-gradient(180deg, transparent, rgba(186,168,147,.95) 16%, rgba(186,168,147,.95) 84%, transparent);
}

.footer p,
.footer p a {
  color: var(--footer-ivory);
}

.footer .rowin p {
  margin: 0;
  font-family: var(--ThemeFont);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--footer-muted);
}

.footer > .container > .row > .col-4:first-child .rowin p {
  max-width: 470px;
}

.footer h3 {
  margin: 0 0 28px;
  color: var(--footer-ivory);
  font-family: var(--ThemeFontTwo);
  font-size: 31px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -0.3px;
}

.footer h3::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin: 18px auto 0;
  background: var(--footer-gold);
  opacity: .95;
}

.footer h3.text-end::after {
  margin: 18px 0 0 auto;
}

.footer > .container > .row > .col-4:first-child .rowin::after {
  content: "";
  display: block;
  width: 66px;
  height: 2px;
  margin-top: 24px;
  background: var(--footer-gold);
}

.footer .heading.box {
  position: relative;
  width: 100%;
  margin: 58px 0 56px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  text-align: center;
  color: var(--footer-ivory);
  font-family: var(--ThemeFontTwo);
  font-size: clamp(82px, 7.5vw, 132px);
  line-height: .92;
  font-weight: 500;
  letter-spacing: -3px;
  text-transform: uppercase;
}

.footer .heading.box img {
  width: auto !important;
  height: clamp(62px, 5.7vw, 86px);
  object-fit: contain;
  
}

.footer .heading.box span {
  color: var(--footer-ivory);
}

.footer .heading.box::before,
.footer .heading.box::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: calc(50% - 7%);
    top: 30%;
    
        background: linear-gradient(90deg, transparent, rgb(186 168 147 / 25%));

}

.footer .heading.box::before {
  left: 0;
}

.footer .heading.box::after {
  right: 0;
  transform: scaleX(-1);
}

.footer .heading.box span::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 16px;
  height: 16px;
  background: var(--footer-gold);
  transform: translateX(-50%) rotate(45deg);
}

.footer .socialmain {
  margin: 0 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}

.footer .socialmain p {
  max-width: 570px;
  margin: 0;
  font-family: var(--ThemeFont);
  font-size: 13.5px;
  line-height: 1.72;
  color: rgba(248,245,238,.9);
}

.footer .social-icons {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.footer .social-icons a {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(186,168,147,.9);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: var(--footer-ivory);
  background: transparent;
  font-size: 20px;
  transition: transform .3s cubic-bezier(.22,1,.36,1), background-color .3s ease, color .3s ease;
}

.footer .social-icons a:hover {
  transform: translateY(-3px);
  background: var(--footer-gold);
  color: var(--footer-bg-deep);
}

.footer .hr-line {
  border: 0;
  height: 1px;
  margin: 0;
  background: rgba(186,168,147,.76);
  opacity: 1;
}

.footer-bottom {
  padding: 24px 0 28px;
  text-align: left;
}

.footer-bottom .container {
  max-width: 1550px;
  padding: 0 34px;
}

.footer-bottom .d-flex {
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.footer-bottom p {
  margin: 0;
  font-family: var(--ThemeFont);
  font-size: 14px;
  line-height: 1.5;
  color: rgba(248,245,238,.92);
}

.footer-bottom p a,
.footer-bottom .solit-link {
  color: var(--footer-ivory);
}

@media only screen and (max-width: 1199px) {
  .footer {
    padding-top: 64px;
  }
  .footer > .container > .row > .col-4 .rowin {
    padding: 0 34px;
  }
  .footer .heading.box {
    margin: 48px 0 48px;
    font-size: clamp(68px, 8vw, 94px);
  }
}

@media only screen and (max-width: 767px) {
      .s4-main-grid {
          display: flex;
        flex-direction: column-reverse;
      }
  .footer {
    padding-top: 46px;
  }

  .footer::before,
  .footer::after {
    opacity: .55;
  }

  .footer > .container,
  .footer-bottom .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer > .container > .row {
    display: block;
  }

  .footer > .container > .row > .col-4 {
    width: 100%;
  }

  .footer > .container > .row > .col-4 .rowin,
  .footer > .container > .row > .col-4:first-child .rowin,
  .footer > .container > .row > .col-4:last-child .rowin {
    padding: 0 0 30px;
    text-align: left;
  }

  .footer > .container > .row > .col-4:not(:last-child)::after {
    display: none;
  }

  .footer > .container > .row > .col-4:not(:last-child) .rowin {
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(186,168,147,.22);
  }

  .footer h3,
  .footer h3.text-center,
  .footer h3.text-end {
    text-align: left;
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 16px;
  }

  
  .footer h3::after {
    margin: 12px 0 0;
    width: 48px;
  }

  
  .footer h3.text-end::after {
    margin: 12px 0 0;
  }

  .footer .rowin p,
  .footer .rowin p.text-center,
  .footer .rowin p.text-end {
    text-align: left;
    font-size: 14px;
    line-height: 1.65;
  }

  .footer .heading.box {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 30px 0 34px;
    padding-bottom: 34px;
    font-size: clamp(42px, 13vw, 68px);
    line-height: .98;
    letter-spacing: -1.5px;
    align-items: flex-start;
  }

  .footer .heading.box img {
    height: 96px;
  }

  .footer .heading.box::before,
  .footer .heading.box::after {
    width: calc(50% - 34px);
  }

  .footer .socialmain {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 22px;
    margin-bottom: 26px;
  }

  .footer .socialmain p {
    text-align: left;
    margin: 0;
    font-size: 12.5px;
  }

  .footer .social-icons {
    justify-content: flex-start;
  }

  .footer-bottom {
    padding: 19px 0 22px;
  }

  .footer-bottom .d-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
  }

  .footer-bottom p {
    margin: 0;
    text-align: left;
    font-size: 12.5px;
  }
}

@media only screen and (max-width: 480px) {
  .footer .heading.box {
    font-size: 40px;
  }
  .footer .heading.box img {
    height: 84px;
  }
}

.custom-btn,
.enquire-btn,
.about-tour-btn,
.s4-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--ThemeFont);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  padding: 12px 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.custom-btn,
.about-tour-btn,
.s4-cta-btn {
  background-color: var(--ThemeColor);
  border-color: var(--ThemeColor);
  color: var(--White);
  box-shadow: 0 4px 18px rgba(22, 42, 43, 0.18);
}
.custom-btn:hover,
.about-tour-btn:hover,
.s4-cta-btn:hover {
  background-color: var(--ThemeColor2);
  border-color: var(--ThemeColor2);
  color: var(--ThemeColor);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(187, 168, 147, 0.42);
}

.enquire-btn {
  background-color: transparent;
  border-color: rgba(187, 168, 147, 0.8);
  color: #ffffff;
  box-shadow: none;
}
.enquire-btn:hover {
  background-color: var(--ThemeColor2);
  border-color: var(--ThemeColor2);
  color: var(--ThemeColor);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(187, 168, 147, 0.42);
}

.custom-btn .btn-arrow,
.enquire-btn .btn-arrow,
.about-tour-btn .btn-arrow,
.s4-cta-btn .btn-arrow {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.custom-btn:hover .btn-arrow,
.enquire-btn:hover .btn-arrow,
.about-tour-btn:hover .btn-arrow,
.s4-cta-btn:hover .btn-arrow {
  transform: translateX(5px);
}

.custom-btn[data-aos] {
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s ease,
    opacity 0.65s ease !important;
}

.custom-btn[data-aos].aos-animate:hover {
  transform: translateY(-2px);
}

.signature.box { position: relative; }
.signature.box::before {
  content: "";
  position: absolute;
  inset: -60px -8% -40px;
  background: radial-gradient(ellipse 55% 60% at 78% 30%, rgba(187, 168, 147, 0.16), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.signature.box > * { position: relative; z-index: 1; }

.signature.box .image-slider {
  border-radius: 30px;
  overflow: hidden;
  
}
.signature.box .image-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  border: 1px solid rgba(187, 168, 147, 0.55);
  pointer-events: none;
  z-index: 3;
}
.signature.box .image-slide {
  border-radius: 30px;
}
.signature.box .slick-current .image-slide {
  animation: sigKenBurns 7s ease-in-out infinite alternate;
}
@keyframes sigKenBurns {
  from { transform: scale(1); }
  to { transform: scale(1.06); }
}

.signature.box .sig-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 16px;
}
.signature.box .sig-eyebrow::before {
  content: "";
  width: 42px;
  height: 2px;
  background: linear-gradient(90deg, #c39a5b, #e3c893);
}
.signature.box .sig-eyebrow span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--ThemeColor2);
}

.signature.box .sig-text .heading {
  font-family: var(--ThemeFontTwo), "Playfair Display", Georgia, serif;
  color: var(--ThemeColor);
  letter-spacing: 0.01em;
}
.signature.box .sig-text h6 {
  font-family: var(--ThemeFontTwo), "Playfair Display", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  color: var(--ThemeColor2);
}
.signature.box .sig-text p {
  color: #465354;
}
.signature.box .sign-wrap img {
  filter: drop-shadow(0 6px 14px rgba(22, 42, 43, 0.25));
}

.signature.box .slider-control button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid var(--ThemeColor2);
  background: rgba(251, 249, 243, 0.7);
  backdrop-filter: blur(4px);
  color: var(--ThemeColor);
  font-size: 0;
  cursor: pointer;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.signature.box .slider-control button svg {
  width: 22px;
  height: 22px;
}
.signature.box .slider-control button:hover {
  background-color: var(--ThemeColor2);
  color: var(--ThemeColor);
  transform: translateY(-2px);
  
}
.signature.box .slider-control button:focus { outline: none; }

@media only screen and (max-width: 820px) {
  .signature.box::before {
    inset: -30px -5% -20px;
  }
  .signature.box .image-slider,
  .signature.box .image-slider::after,
  .signature.box .image-slide {
    border-radius: 20px;
  }
}

html.fx .rv {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}
html.fx .rv.in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  html.fx .rv {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.s4-stat-value,
.signatories-metric-value {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

@media only screen and (max-width: 991px) {
  .section_four .s4-stats-grid.d-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    align-items: stretch;
  }
  .section_four .s4-stat-item {
    flex: none;
    max-width: none;
    padding: 20px 20px;
    border-right: none;
    border-bottom: 1px solid rgba(187, 168, 147, 0.35);
  }
  .section_four .s4-stat-item:nth-child(odd) {
    border-right: 1px solid rgba(187, 168, 147, 0.35);
    padding-left: 0;
  }
  .section_four .s4-stat-item:nth-child(even) {
    padding-right: 0;
  }
  .section_four .s4-stat-item:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .section_five .signatories-metrics-grid.d-flex,
  .section_six .signatories-metrics-grid.d-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 0;
  }
  .section_five .signatories-metric-item,
  .section_six .signatories-metric-item {
    flex: none;
    padding: 16px 16px !important;
    border-left: none;
    border-bottom: 1px solid rgba(187, 168, 147, 0.35);
  }
  .section_five .signatories-metric-item:nth-child(odd),
  .section_six .signatories-metric-item:nth-child(odd) {
    border-right: 1px solid rgba(187, 168, 147, 0.35);
    padding-left: 0 !important;
  }
  .section_five .signatories-metric-item:nth-child(even),
  .section_six .signatories-metric-item:nth-child(even) {
    padding-right: 0 !important;
  }
  .section_five .signatories-metric-item:nth-last-child(-n+2),
  .section_six .signatories-metric-item:nth-last-child(-n+2) {
    border-bottom: none;
    padding-bottom: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .section_four .s4-stats-grid.d-flex {
    gap: 0;
    margin-bottom: 30px;
  }
  .section_four .s4-stat-item {
    padding: 16px 14px;
    text-align: left;
  }
  .section_four .s4-stat-value {
    font-size: 30px;
    overflow-wrap: anywhere;
  }
  .section_four .s4-stat-label {
    font-size: 14.5px;
  }
  .section_five .signatories-metric-value,
  .section_six .signatories-metric-value {
    font-size: 23px;
    overflow-wrap: anywhere;
    line-height: 1.2;
  }
  .section_five .signatories-metric-label,
  .section_six .signatories-metric-label {
    font-size: 14.5px;
  }
}

@media only screen and (max-width: 400px) {
  .section_four .s4-stat-item {
    padding: 14px 10px;
  }
  .section_four .s4-stat-value {
    font-size: 25px;
  }
  .section_four .s4-stat-label {
    font-size: 13px;
  }
  .section_five .signatories-metric-item,
  .section_six .signatories-metric-item {
    padding: 12px 10px !important;
  }
  .section_five .signatories-metric-item:nth-last-child(-n+2),
  .section_six .signatories-metric-item:nth-last-child(-n+2) {
    padding-bottom: 12px !important;
  }
  .section_five .signatories-metric-value,
  .section_six .signatories-metric-value {
    font-size: 19px;
  }
}

@media only screen and (max-width: 576px) {
  .slider {
    padding-left: 0;
    height: auto;
    min-height: 0;
  }
  .slider input {
    display: none;
  }
  .slider--el {
    position: relative;
    display: none;
    height: auto;
    top: auto;
    left: auto;
  }
  #page1:checked ~ .slider--el-1,
  #page2:checked ~ .slider--el-2,
  #page3:checked ~ .slider--el-3,
  #page4:checked ~ .slider--el-4,
  #page5:checked ~ .slider--el-5 {
    display: block;
    z-index: 10;
  }
  .slider--el-bg {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: none;
  }
  .slider--el .part {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
  }
  .section_five1 .slider--el-content {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    padding: 24px 20px 28px;
    opacity: 1;
    transition: none;
    display: block;
  }
  #page1:checked ~ .slider--el-1 .slider--el-content,
  #page2:checked ~ .slider--el-2 .slider--el-content,
  #page3:checked ~ .slider--el-3 .slider--el-content,
  #page4:checked ~ .slider--el-4 .slider--el-content,
  #page5:checked ~ .slider--el-5 .slider--el-content {
    opacity: 1;
    transition: none;
  }
  .section_five1 .slider--el-content .cont {
    max-width: 100%;
    margin-bottom: 0;
  }
  .section_five1 .slide-title,
  .section_five1 h3 {
    max-width: 100%;
    text-align: center;
  }
  .section_five1 .slide-subtitle {
    text-align: center;
  }
  .section_five1 .slide-divider {
    margin-left: auto;
    margin-right: auto;
  }
  .section_five1 .slide-desc,
  .section_five1 .cont p {
    display: block;
    max-width: 100%;
    text-align: center;
  }
  .section_five1 .cont h6 {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .signature.box .image-slider,
  .signature .image-slider {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    height: 420px;
  }
  .signature.box .image-slide,
  .signature .image-slide,
  .signature .img-ceo {
    height: 420px;
    max-height: none;
    max-width: 100%;
    background-size: cover;
    background-position: top center;
  }
  .signature.box .image-slider .slick-list,
  .signature .image-slider .slick-list,
  .signature.box .image-slider .slick-track,
  .signature .image-slider .slick-track {
    width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .signature.box .image-slider,
  .signature .image-slider {
    height: 340px;
    border-radius: 20px;
    margin: 0 0 16px;
  }
  .signature.box .image-slide,
  .signature .image-slide,
  .signature .img-ceo {
    height: 340px;
  }
}

@media only screen and (max-width: 400px) {
  .signature.box .image-slider,
  .signature .image-slider {
    height: 300px;
  }
  .signature.box .image-slide,
  .signature .image-slide,
  .signature .img-ceo {
    height: 300px;
  }
}

/* =============================================================
   Amenities simple stacked list (< 768px, no pin / no scroll fx)
   Cards flow normally so all three show fully without scrolling.
   Uses #amenities specificity to win over the fixed-frame rules
   above (which the desktop pin needs).
   (Hero rules below belong to the same breakpoint; untouched.)
   ============================================================= */
@media only screen and (max-width: 767px) {
  .section_seven#amenities .itemdiv,
  .section_seven#amenities .itemdiv:first-child {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    overflow: visible;
    z-index: auto;
    opacity: 1;
    visibility: visible;
  }
  .section_seven#amenities .itemdiv .row {
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section_seven#amenities .itemdiv .col-6,
  .section_seven#amenities .itemdiv .col-6:has(.text) {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    height: auto;
  }
  .section_seven#amenities .itemdiv .rowin:has(img),
  .section_seven#amenities .itemdiv img {
    height: auto;
  }
  .section_seven#amenities .itemdiv .text {
    height: auto;
  }

      .hero-container {
            align-items: center;
      }
      .banner-overlay {
        background: linear-gradient(180deg, rgba(8, 18, 20, 0.45) 0%, rgb(8 18 20 / 45%) 40%, rgb(8 16 18 / 37%) 65%, rgba(6, 12, 14, 0.88) 100%);
        z-index: 2;
        pointer-events: none;
    }
}