.about-video-banner {
  width: 100%;
  background: #000;
}
.about-video-banner .video-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16/9;
  height: calc(100dvh - 145px);
  margin: 0 auto;
}
@media (width <= 767px) {
  .about-video-banner .video-wrapper {
    height: 100%;
  }
}
.about-video-banner .video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Team Della sec start */
.team-timeline-section {
  background-color: #ffffff;
  color: #000;
  position: relative;
  padding: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0 0 0;
}
.team-timeline-section .top-content {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}
.team-timeline-section .top-content .top-content-title {
  font-size: clamp(32px, calc(2rem + (40 - 32) * ((100vw - 1300px) / (1920 - 1300))), 40px);
  font-family: "Playfair Display", serif;
  color: #000;
  text-transform: uppercase;
}
.team-timeline-section .top-content .top-content-subtitle {
  font-size: clamp(22px, calc(1.375rem + (24 - 22) * ((100vw - 1300px) / (1920 - 1300))), 24px);
}
.team-timeline-section .top-content .top-content-subtitle .top-content-subtitle-pinyon {
  font-family: "Pinyon Script", cursive;
  font-size: clamp(24px, calc(1.5rem + (72 - 24) * ((100vw - 767px) / (1920 - 767))), 72px);
}
.team-timeline-section .top-content .top-content-subtitle .top-content-para {
  font-size: clamp(24px, calc(1.5rem + (48 - 24) * ((100vw - 767px) / (1920 - 767))), 48px);
}
.team-timeline-section .swiper {
  width: 100%;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.team-timeline-section .swiper .swiper-wrapper {
  height: auto;
}
.team-timeline-section .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
}
.team-timeline-section .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-timeline-section .mySwiper2 {
  height: 80%;
  width: 100%;
}
.team-timeline-section .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.team-timeline-section .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.team-timeline-section .mySwiper .swiper-slide img {
  width: 300px;
  max-height: 200px;
}
.team-timeline-section .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.team-timeline-section .year-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 2rem;
}
.team-timeline-section .team-timeline-slider {
  position: relative;
  padding: clamp(30px, calc(1.875rem + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px) 0px 100px 0;
}
.team-timeline-section .team-timeline-slider .swiper-wrapper {
  padding-bottom: 10px;
}
.team-timeline-section .team-timeline-slider .team-slider .swiper-slide iframe {
  height: 100%;
  width: 100%;
  aspect-ratio: 16/5;
}
.team-timeline-section .team-timeline-slider .swiper-pagination {
  top: inherit;
  width: 75%;
  left: 0;
  right: 0;
  bottom: 42px;
  display: flex;
  transform: translate(0px, -28px);
  margin: auto;
  background: #ffffff;
}
@media (width <= 1120px) {
  .team-timeline-section .team-timeline-slider .swiper-pagination {
    width: 70%;
  }
}
.team-timeline-section .team-timeline-slider .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0;
  flex: 1;
  transition: all 0.35s ease;
  height: 3px;
  margin: 0;
}
.team-timeline-section .team-timeline-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: #bda375;
}
.team-timeline-section .team-timeline-slider .swiper-button-next {
  right: 95px;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .swiper-button-next {
    right: 65px;
  }
}
@media (width <= 768px) {
  .team-timeline-section .team-timeline-slider .swiper-button-next {
    right: 0px;
  }
}
.team-timeline-section .team-timeline-slider .swiper-button-prev {
  left: 95px;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .swiper-button-prev {
    left: 65px;
  }
}
@media (width <= 768px) {
  .team-timeline-section .team-timeline-slider .swiper-button-prev {
    left: 0px;
  }
}
.team-timeline-section .team-timeline-slider .swiper-button-next,
.team-timeline-section .team-timeline-slider .swiper-button-prev {
  top: auto;
  bottom: 50px;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .swiper-button-next,
  .team-timeline-section .team-timeline-slider .swiper-button-prev {
    bottom: 50px;
  }
}
.team-timeline-section .team-timeline-slider .swiper-button-next svg,
.team-timeline-section .team-timeline-slider .swiper-button-prev svg {
  width: 52px;
}
.team-timeline-section .team-timeline-slider .swiper-button-next:hover svg g > polygon,
.team-timeline-section .team-timeline-slider .swiper-button-next:hover svg g > path,
.team-timeline-section .team-timeline-slider .swiper-button-prev:hover svg g > polygon,
.team-timeline-section .team-timeline-slider .swiper-button-prev:hover svg g > path {
  fill: #d4ad68;
}
.team-timeline-section .team-timeline-slider .team-timeline-counter {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  font-size: 18px;
}
.team-timeline-section .team-timeline-slider .tema-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  font-size: 18px;
  padding-top: 30px;
}
.team-timeline-section .team-timeline-slider .tema-content-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 0;
}
.team-timeline-section .team-timeline-slider .tema-content-overlay .della-team-size {
  font-size: 2.5rem;
  position: relative;
  z-index: 2;
  line-height: 30px;
  font-weight: bold;
}
.team-timeline-section .team-timeline-slider .tema-content-overlay .della-team-year {
  font-size: 2.5rem;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion {
  position: relative;
  top: -10px;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .swiper-wrapper {
  padding-bottom: 0;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .swiper-slide-thumb-active .animation-box::before {
  background-size: 100% 10px, 10px 100%, 100% 10px, 10px 100%;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .team-slider {
  height: 100%;
  width: 100%;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .team-timeline-slider .swiper-slide img {
  width: 100%;
  object-fit: cover;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .team-timeline-slider .swiper-slide img {
    height: 50vh;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .design-city-slider-postion {
  box-sizing: border-box;
  margin-top: 30px;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .design-city-slider-postion {
    position: relative;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .team-sliderthumb .swiper-slide {
  cursor: pointer;
  transition: transform 0.3s ease;
  border: 0px solid transparent;
}
@media (width <= 768px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .team-sliderthumb .swiper-slide {
    width: 150px !important;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .team-sliderthumb .swiper-slide.swiper-slide-thumb-active .thumb-content {
  color: #d4ad68;
  font-weight: 600;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box-label {
  position: absolute;
  top: -21px;
  z-index: -1;
  left: 1px;
  background-color: #bf9141;
  border-radius: 15px 15px 0px 0px;
  height: 30px;
  font-size: 14px;
  padding: 0px 28px;
  color: #000;
  opacity: 0;
  transition: 0.4s ease;
}
@media (width <= 820px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box-label {
    font-size: 14px;
    padding: 0px 6px;
  }
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box-label {
    font-size: 12px;
    border-radius: 12px 12px 0px 0px;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .swiper-slide.swiper-slide-thumb-active .thumb-box-label {
  opacity: 1;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box {
  border-bottom: 0;
  border-radius: 15px 15px 0px 0px;
  padding: 0;
  transition: all 0.5s ease-in-out;
  background: rgba(255, 255, 255, 0.17);
  backdrop-filter: blur(7.1px);
  -webkit-backdrop-filter: blur(7.1px);
  border: 1px solid rgba(0, 0, 0, 0.443);
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box:hover {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 15px 15px 0px 0px;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box-inner {
  display: flex;
  flex-direction: column;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  font-size: clamp(18px, calc(1.125rem + (24 - 18) * ((100vw - 1300px) / (1920 - 1300))), 24px);
  font-weight: 500;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 9;
  line-height: 32px;
  flex-direction: column;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .border-bottom-line {
  padding-top: 10px;
  border-bottom: 1px solid #000;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content h4 {
  font-size: clamp(16px,  calc(1rem + (22 - 16) * ((100vw - 768px) / (1920 - 768))), 22px);
  margin: 5px 0;
  font-weight: 400;
  font-family: "Noto Sans Display", sans-serif;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content h4 {
    color: #000000;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: clamp(14px, calc(0.875rem + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
  line-height: normal;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content p {
    color: #000000;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content p .sqft {
  font-size: 14px;
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-content p .sqft {
    color: #000000;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-sub-content p {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: clamp(14px, calc(0.875rem + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
}
@media (width <= 468px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .thumb-sub-content p {
    color: #000000;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .luxury-phase-launch {
  padding-bottom: 50px;
}
@media (width <= 1440px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .luxury-phase-launch {
    padding-bottom: 30px;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .luxury-phase-launch h2 {
  font-size: clamp(18px, calc(1.125rem + (22 - 18) * ((100vw - 768px) / (1920 - 768))), 22px);
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: "Noto Sans Display", sans-serif;
  color: #000;
  text-align: center;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .luxury-phase-launch p {
  font-size: clamp(16px, calc(1rem + (22 - 16) * ((100vw - 768px) / (1920 - 768))), 22px);
  margin: 3px 0;
  font-weight: 400;
  font-family: "Noto Sans Display", sans-serif;
  color: #000;
  text-align: center;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .phase-container {
  padding: 18px 1px 1px;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .phase-container .phase-content {
  border-left: 1px solid #b6822b;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .phase-container .phase-content .title-phase {
  color: #000000;
  font-size: clamp(14px,  calc(0.875rem + (18 - 14) * ((100vw - 768px) / (1920 - 768))), 18px);
  text-align: center;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .phase-container .phase-content p {
  font-size: clamp(13px,  calc(0.875rem + (14 - 12) * ((100vw - 768px) / (1920 - 768))), 16px);
  font-weight: 800;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .phase-container .phase-content:nth-child(1) {
  border: none;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content {
  position: absolute;
  left: 50%;
  right: 0;
  top: 12%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin: 0 auto;
  z-index: 2;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content {
    top: 16%;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content .slider-blur-div {
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(2px);
  padding: 15px;
  border-radius: 10px;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content .slider-blur-div {
    padding: 5px;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content .slider-blur-div .slider-inner-title {
  font-size: clamp(24px, calc(1.5rem + (34 - 24) * ((100vw - 768px) / (1920 - 768))), 34px);
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content .slider-blur-div .slider-inner-subtitle {
  font-size: clamp(12px,  calc(0.875rem + (18 - 12) * ((100vw - 768px) / (1920 - 768))), 18px);
  color: #ffffff;
  text-align: center;
  margin-bottom: 0px;
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content-2 {
  position: absolute;
  inset: 50%;
  text-align: center;
  z-index: 2;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content-2 {
    top: 16%;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content-2 .slider-blur-div-2 {
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(2px);
  padding: 15px;
  border-radius: 10px;
}
@media (width <= 992px) {
  .team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content-2 .slider-blur-div-2 {
    padding: 5px;
  }
}
.team-timeline-section .team-timeline-slider .design-city-slider-postion .slider-content-2 .slider-blur-div-2 .slider-inner-subtitle-2 {
  font-size: clamp(12px,  calc(0.875rem + (18 - 12) * ((100vw - 768px) / (1920 - 768))), 18px);
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
  text-wrap: nowrap;
  white-space: nowrap;
}

/* Team Della sec end */
/* Who We are Section style starts */
.who-we-are {
  padding: clamp(30px, calc(1.875rem + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px) 0;
  background: #fff;
}
.who-we-are .who-head {
  margin-bottom: 30px;
}
.who-we-are .who-title {
  font-size: clamp(26px, calc(1.625rem + (40 - 26) * ((100vw - 768px) / (1920 - 768))), 40px);
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}
.who-we-are .who-subtitle {
  font-size: clamp(24px, calc(1.5rem + (48 - 24) * ((100vw - 767px) / (1920 - 767))), 48px);
  color: #000;
}
.who-we-are .who-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
@media (width <= 468px) {
  .who-we-are .who-text {
    align-items: center;
  }
}
.who-we-are .who-text h4 {
  font-size: 14px;
  font-weight: 500;
  color: #D8B270;
  margin-bottom: 12px;
}
@media (width <= 468px) {
  .who-we-are .who-text h4 {
    text-align: center;
  }
}
.who-we-are .who-para {
  font-size: clamp(14px, calc(0.875rem + (18 - 14) * ((100vw - 767px) / (1920 - 767))), 18px);
  color: #000;
  margin-bottom: 10px;
}
@media (width <= 468px) {
  .who-we-are .who-para {
    text-align: center;
  }
}
.who-we-are .who-media {
  width: 100%;
  aspect-ratio: 619/400;
  overflow: hidden;
}
.who-we-are .who-media iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.who-we-are .who-media-new {
  aspect-ratio: auto;
}
.who-we-are .who-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .who-we-are .who-media {
    aspect-ratio: 12/9;
    max-width: 100%;
  }
  .who-we-are .who-media-new {
    aspect-ratio: 12/9;
    max-width: 100%;
  }
}
.who-we-are .swiper-button-prev {
  left: 20px;
}
.who-we-are .swiper-button-next {
  right: 20px;
}
@media (width <= 468px) {
  .who-we-are .swiper-wrapper {
    padding-bottom: 44px;
  }
}
.who-we-are .who-media-counter {
  bottom: 1px;
}
@media (width <= 767px) {
  .who-we-are .who-media-counter {
    bottom: 3px;
  }
}

/* Who We are Section style end */
/* we are mad Section start */
.we-are-mad {
  background: #000;
  color: #fff;
  overflow-x: hidden;
}
.we-are-mad .mad-content-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: clamp(30px, calc(1.875rem + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px) 0;
}
.we-are-mad .mad-title {
  text-align: center;
  margin-left: 20px;
  line-height: 1;
}
.we-are-mad .we-are-para {
  display: block;
  font-size: 30px;
  letter-spacing: 1px;
}
.we-are-mad i {
  color: #e31b23;
  font-size: 14px;
  margin-top: 7px;
}
.we-are-mad .text-keys {
  margin-bottom: 0px;
}
.we-are-mad .we-are-mad-image {
  aspect-ratio: 6/5;
  object-fit: cover;
}

/* we are mad Section end */
/* News logos css start */
.featured-section {
  padding: clamp(30px, calc(1.875rem + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px) 0;
}
.featured-section .featured-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.featured-section .featured-item {
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 236px;
  border: 1px solid #E4E4E4;
  margin: 0 -1px -1px 0;
}
@media (width <= 468px) {
  .featured-section .featured-item {
    max-width: 170px;
  }
}
.featured-section .featured-item img {
  filter: invert(1);
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: contain;
  aspect-ratio: 7/4;
  margin: 0 auto;
}
.featured-section .hover-bg {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 1;
  height: 100%;
}
.featured-section .featured-item img {
  position: relative;
  z-index: 2;
  transition: filter 0.1s ease;
}
.featured-section .featured-item.is-hover img {
  filter: invert(0);
}
.featured-section .featured-item * {
  pointer-events: none;
}

.NewBrandPartners .pinyon-script-font {
  text-align: center;
  margin-bottom: 30px;
  text-transform: capitalize;
  font-size: clamp(38px, calc(2.375rem + (60 - 38) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
}

/* News logos css end */
/* Our journey time line css start */
.our-journey-timeline-sec {
  padding: clamp(30px, calc(1.875rem + (60 - 30) * ((100vw - 1440px) / (1920 - 1440))), 60px) 0px;
}
.our-journey-timeline-sec .our-journey-title {
  margin-bottom: clamp(15px, calc(0.9375rem + (30 - 15) * ((100vw - 1440px) / (1920 - 1440))), 30px);
}
.our-journey-timeline-sec .our-journey-title.pinyon-script-font {
  font-size: clamp(36px, calc(2.25rem + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
  text-transform: capitalize;
  padding-bottom: 10px;
  text-align: center;
}
.our-journey-timeline-sec .timeline-wrapper {
  overflow-x: scroll;
  scrollbar-width: none;
  position: sticky;
  top: 120px;
  background: #000;
  z-index: 90;
}
.our-journey-timeline-sec .timeline-wrapper .timeline-years {
  display: flex;
  gap: 26px;
  padding: 22px 20px;
  justify-content: space-around;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.our-journey-timeline-sec .timeline-wrapper .year {
  position: relative;
  font-size: 16px;
  color: #777;
  cursor: pointer;
}
.our-journey-timeline-sec .timeline-wrapper .year::after {
  content: "";
  width: 12px;
  height: 12px;
  background: currentColor;
  border-radius: 50%;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.our-journey-timeline-sec .timeline-wrapper .year::before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: -2.5rem;
  width: calc(100% + 5.2rem);
  height: 1.5px;
  background: currentColor;
}
.our-journey-timeline-sec .timeline-wrapper .year.active {
  color: #d4ad68;
  background: #d4ad68;
  background: linear-gradient(to bottom, #d4ad68 0%, #aa7215 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
.our-journey-timeline-sec .timeline-wrapper .prev {
  color: #d4ad68;
}
.our-journey-timeline-sec .timeline-wrapper .prev::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #d4ad68;
  border-radius: 50%;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.our-journey-timeline-sec .timeline-wrapper .prev::before {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: -2.5rem;
  width: calc(100% + 5.2rem);
  height: 1.5px;
  background: #d4ad68;
}
.our-journey-timeline-sec .timeline-content {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(20px, calc(1.25rem + (60 - 20) * ((100vw - 468px) / (1920 - 468))), 60px);
  padding: 60px clamp(1px, calc(0.0625rem + (40 - 1) * ((100vw - 1440px) / (1920 - 1440))), 40px);
  align-items: flex-start;
  height: auto;
  overflow: visible;
}
@media (width <= 468px) {
  .our-journey-timeline-sec .timeline-content {
    grid-template-columns: 1fr;
  }
}
.our-journey-timeline-sec .timeline-content .timeline-media {
  position: sticky;
  top: 220px;
}
@media (width <= 468px) {
  .our-journey-timeline-sec .timeline-content .timeline-media {
    display: none;
  }
}
.our-journey-timeline-sec .timeline-content .timeline-media img {
  width: 100%;
  display: block;
}
.our-journey-timeline-sec .timeline-content .timeline-media2 {
  display: none;
}
@media (width <= 468px) {
  .our-journey-timeline-sec .timeline-content .timeline-media2 {
    display: block;
  }
}
.our-journey-timeline-sec .timeline-content .timeline-media2 img {
  width: 100%;
  display: block;
}
.our-journey-timeline-sec .timeline-content .media-cta {
  margin-top: 18px;
  background: #bda371;
  color: #fff;
  border: none;
  padding: 14px 26px;
  border-radius: 50px;
  cursor: pointer;
}
.our-journey-timeline-sec .timeline-details {
  position: relative;
  border-left: 1px solid #333;
  padding-left: 40px;
}
@media (width <= 468px) {
  .our-journey-timeline-sec .timeline-details {
    padding-left: 20px;
  }
}
.our-journey-timeline-sec .timeline-details .timeline-item {
  min-height: 200px;
  padding: 26px 0;
  opacity: 0.35;
  transition: opacity 0.3s ease;
  position: relative;
}
.our-journey-timeline-sec .timeline-details .timeline-item.active {
  opacity: 1;
}
.our-journey-timeline-sec .timeline-details .timeline-item.active .dot {
  background: #d4ad68;
  box-shadow: 0 0 10px rgba(189, 163, 113, 0.7);
}
.our-journey-timeline-sec .timeline-details .timeline-item .event-year {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 6px;
}
.our-journey-timeline-sec .timeline-details .timeline-item .event-desc {
  font-size: 18px;
}
.our-journey-timeline-sec .timeline-details .timeline-item .event-desc .description {
  color: #ffffff;
  font-size: 16px;
}
.our-journey-timeline-sec .timeline-details .timeline-item .event-desc .sub-description {
  color: #aaa;
  font-size: 14px;
}
.our-journey-timeline-sec .timeline-details .timeline-item .dot {
  width: 12px;
  height: 12px;
  background: #444;
  border-radius: 50%;
  position: absolute;
  left: -46px;
  top: 34px;
}
@media (width <= 468px) {
  .our-journey-timeline-sec .timeline-details .timeline-item .dot {
    left: -26px;
  }
}

/* Our courney time line css end */
/* Vertical video Section css start */
.vertical-video-sec {
  padding: 60px 0;
  background-color: #ffffff;
}
.vertical-video-sec .heading {
  color: #000000;
  font-weight: 400;
  font-family: "Figtree";
  line-height: 1.1;
  font-size: clamp(32px, calc(2rem + (40 - 32) * ((100vw - 768px) / (1920 - 768))), 40px);
  margin-bottom: 20px;
}
.vertical-video-sec .heading span {
  font-weight: 700;
}
.vertical-video-sec .normal-text {
  font-size: clamp(22px, calc(1.375rem + (32 - 22) * ((100vw - 768px) / (1920 - 768))), 32px);
  color: rgb(0, 0, 0);
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
}
@media (width <= 600px) {
  .vertical-video-sec .normal-text {
    text-align: center;
    margin-bottom: 30px;
  }
}
.vertical-video-sec p {
  color: #000000;
  max-width: 600px;
}
.vertical-video-sec p span {
  font-weight: 700;
}
.vertical-video-sec .crop-logo {
  max-width: 150px;
}
.vertical-video-sec .crop-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (width <= 600px) {
  .vertical-video-sec .crop-logo {
    max-width: 145px;
  }
}
.vertical-video-sec .box-img {
  position: absolute;
  bottom: -80px;
  left: 0;
  width: 50%;
}
.vertical-video-sec .play-cta-launch {
  width: 50px;
  height: 50px;
  left: 30px;
  top: 30px;
}
@media (width <= 992px) {
  .vertical-video-sec .play-cta-launch {
    width: 40px;
    height: 40px;
  }
}
.vertical-video-sec .video-wrapper {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 9/16;
  overflow: hidden;
  background: #000;
}
.vertical-video-sec .video-wrapper iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vertical-video-sec .vertical-video-sec .pinyon-script-font {
  text-transform: capitalize;
  font-size: clamp(38px, calc(2.375rem + (60 - 38) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
}
.vertical-video-sec .vertical-video-sec .font-figtree-title {
  max-width: unset;
}

/* Vertical video Section css end */
/* Della Foundation Section start */
.della-foundation {
  padding: clamp(30px, 1.875rem + 20 * (100vw - 1440px) / 480, 50px) 0;
  background: #000;
}
.della-foundation .della-foundation-head {
  max-width: 1240px;
  margin: 0 auto 60px;
  text-align: center;
}
.della-foundation .della-foundation-title {
  font-size: clamp(20px, 1.25rem + 20 * (100vw - 767px) / 1153, 40px);
  font-family: "Playfair Display", serif;
  text-transform: uppercase;
  color: #fff;
}
.della-foundation .della-foundation-subtitle {
  font-size: clamp(18px, 1.125rem + 14 * (100vw - 480px) / 1440, 32px);
  color: #D8B270;
  font-weight: 500;
  line-height: 1.4;
}
.della-foundation ol {
  color: #fff;
  font-size: clamp(14px, 0.875rem + 2 * (100vw - 768px) / 1152, 16px);
  line-height: 1.8;
}
.della-foundation ol li {
  margin-bottom: 10px;
}
.della-foundation .della-foundation-para {
  font-weight: 400;
  font-size: clamp(14px, 0.875rem + 2 * (100vw - 768px) / 1152, 16px);
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.6;
}
.della-foundation .della-foundation-media {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16/12;
  overflow: hidden;
}
.della-foundation .della-foundation-text h4 {
  font-weight: 500;
  color: #D8B270;
  margin-bottom: clamp(12px, 0.75rem + 8 * (100vw - 768px) / 1152, 20px);
  line-height: 1.4;
}
.della-foundation .foundation-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.della-foundation .della-foundation-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.della-foundation .foundation-video-wrap {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 16/12;
  overflow: hidden;
}
.della-foundation .foundation-video-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.della-foundation .della-foundation-logo img {
  max-width: 80px;
  width: 100%;
  height: auto;
}
.della-foundation .della-foundation-tagline .della-foundation-sec-title {
  font-size: clamp(38px, 2.375rem + 22 * (100vw - 768px) / 1152, 60px);
  margin-bottom: 8px;
}
.della-foundation .della-foundation-tagline h5 {
  font-size: clamp(14px, 0.875rem + 4 * (100vw - 768px) / 1152, 18px);
  color: #fff;
}
.della-foundation .della-foundation-tagline p {
  font-size: clamp(12px, 0.75rem + 2 * (100vw - 768px) / 1152, 14px);
  color: #999;
}

/* Della Foundation Section end */
/*New Case study section css start*/
.villa-grid-sec {
  background-color: #ddd;
  color: #000000;
  padding: clamp(30px, 1.875rem + 20 * (100vw - 1440px) / 480, 50px) 0px;
}
.villa-grid-sec .villa-grid-sec-heading .villa-grid-sec-heading-text {
  line-height: 1;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  font-size: clamp(38px, calc(2.375rem + (60 - 38) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
}
.villa-grid-sec .villa-grid-sec-heading .villa-grid-sec-heading-para {
  margin: 0 auto;
  max-width: 1280px;
  text-align: center;
  font-size: clamp(16px, calc(1rem + (18 - 16) * ((100vw - 768px) / (1920 - 768))), 18px);
  font-family: "Noto Sans Display", sans-serif;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.8);
}
.villa-grid-sec .villa-grid-sec-content .content-wrap {
  width: max-content;
}
.villa-grid-sec .villa-grid-sec-content .villa-grid-sec-content-title {
  margin-bottom: 20px;
  text-align: left;
  font-family: "Pinyon Script", cursive;
  line-height: normal;
  font-weight: 400;
  text-transform: capitalize;
}
.villa-grid-sec .villa-grid-sec-content .villa-grid-sec-content-para {
  max-width: 80%;
}
@media (width <= 1024px) {
  .villa-grid-sec .villa-grid-sec-content .villa-grid-sec-content-para {
    max-width: 75%;
  }
}
@media (width <= 992px) {
  .villa-grid-sec .villa-grid-sec-content .villa-grid-sec-content-para {
    max-width: 100%;
  }
}
.villa-grid-sec .villa-grid-sec-content .nyu-logo {
  max-width: 150px;
}
.villa-grid-sec .villa-grid-sec-content .nyu-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.villa-grid-sec .villa-grid-sec-content .line {
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 10px;
}
.villa-grid-sec .villa-grid-sec-image {
  position: relative;
}
.villa-grid-sec .villa-grid-sec-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.villa-grid-sec .villa-grid-sec-image .middle-img-wrap {
  position: relative;
  z-index: 3;
  cursor: pointer;
  transition: transform 0.3s ease;
  width: 420px;
}
@media (width <= 1024px) {
  .villa-grid-sec .villa-grid-sec-image .middle-img-wrap {
    width: 100%;
  }
}
.villa-grid-sec .villa-grid-sec-image .middle-img-wrap iframe {
  width: 100%;
}
.villa-grid-sec .villa-grid-sec-image .middle-img-wrap:hover {
  z-index: 3;
}
.villa-grid-sec .villa-grid-sec-image .top-img-wrap {
  position: absolute;
  top: -10rem;
  right: 0;
  width: 350px;
  height: 200px;
  z-index: 2;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.villa-grid-sec .villa-grid-sec-image .top-img-wrap:hover {
  transform: scale(1.05);
  z-index: 4;
}
@media (width <= 992px) {
  .villa-grid-sec .villa-grid-sec-image .top-img-wrap {
    position: static;
    display: inline-block;
    width: calc(50% - 2.5px);
  }
}
@media (width <= 468px) {
  .villa-grid-sec .villa-grid-sec-image .top-img-wrap {
    height: 100%;
  }
}
.villa-grid-sec .villa-grid-sec-image .bottom-img-wrap {
  position: absolute;
  bottom: -10rem;
  left: -130px;
  width: 350px;
  height: 200px;
  z-index: 3;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.villa-grid-sec .villa-grid-sec-image .bottom-img-wrap:hover {
  transform: scale(1.05);
}
@media (width <= 992px) {
  .villa-grid-sec .villa-grid-sec-image .bottom-img-wrap {
    position: static;
    display: inline-block;
    width: calc(50% - 2.5px);
  }
}
@media (width <= 468px) {
  .villa-grid-sec .villa-grid-sec-image .bottom-img-wrap {
    height: 100%;
  }
}
.villa-grid-sec .villa-grid-sec-image .bottom-right-img-wrap {
  position: absolute;
  bottom: -4rem;
  right: clamp(-100px, calc(-3.125rem + (-100 - -50) * ((100vw - 767px) / (1920 - 767))), -50px);
  width: 200px;
  height: 100px;
  z-index: 2;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.villa-grid-sec .villa-grid-sec-image .bottom-right-img-wrap:hover {
  transform: scale(1.05);
}
.villa-grid-sec .villa-grid-sec-image .bottom-right-img-wrap .overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1rem;
  text-align: center;
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1;
  font-weight: 400;
  width: 100%;
  height: 100%;
}
.villa-grid-sec .villa-grid-sec-image .bottom-right-img-wrap .overlay-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
}
.villa-grid-sec .villa-grid-sec-image .bottom-right-img-wrap .overlay-text .overlay-text-para {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.villa-grid-sec .section-divider-border {
  margin: 5rem 0;
  border-color: #333;
}
.villa-grid-sec .row-reverse-handle .top-img-wrap {
  left: clamp(-100px, -3.125rem + -50 * (100vw - 767px) / 1153, -50px);
  right: unset;
}
.villa-grid-sec .row-reverse-handle .bottom-img-wrap {
  left: unset;
  right: clamp(-100px, -3.125rem + -50 * (100vw - 767px) / 1153, -50px);
}
.villa-grid-sec .villa-grid-sec-image .top-img-wrap:hover + .bottom-img-wrap {
  z-index: 0;
}
.villa-grid-sec .villa-grid-sec-image .bottom-img-wrap:hover + .middle-img-wrap {
  z-index: 2;
}
@media (width <= 1024px) {
  .villa-grid-sec .villa-grid-sec .villa-grid-sec-image .top-img-wrap {
    position: static;
    display: inline-block;
    width: calc(50% - 2.5px);
  }
  .villa-grid-sec .villa-grid-sec .villa-grid-sec-image .bottom-img-wrap {
    position: static;
    display: inline-block;
    width: calc(50% - 2.5px);
  }
}

/*New Case study section css end*/
/*Our Brands slider section start*/
.brand-sec {
  padding: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0;
}
.brand-sec .group-business-list-item {
  padding: 0px;
}
.brand-sec .brand-sec-heading .pinyon-script-font {
  line-height: normal;
  text-transform: capitalize;
  padding-right: 15px;
}
.brand-sec .business-caption {
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
}
.brand-sec .business-caption-2 {
  font-size: 12px;
}
.brand-sec .brand-logo {
  width: 100%;
  height: 100%;
}
.brand-sec figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 30px 0px;
}
.brand-sec .brand-marquee {
  overflow: hidden;
  width: 100%;
  position: relative;
}

/*Our Brands slider section end*/
/* Traits section css start */
.traits-section {
  padding: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0;
  background: #fff;
  color: #000;
}
.traits-section .traits-sec-head .normal-text {
  font-size: clamp(26px, calc(26px + (40 - 26) * ((100vw - 768px) / (1920 - 768))), 40px);
  color: rgb(0, 0, 0);
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
}
@media (width <= 768px) {
  .traits-section .traits-sec-head .normal-text {
    margin-bottom: 20px;
  }
}
.traits-section .traits-sec-head .pinyon-script-font {
  font-size: clamp(36px, calc(36px + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
}
.traits-section .values-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.traits-section .value-card {
  display: grid;
  grid-template-rows: 1fr 450px;
  border: 1px solid #D4AD68;
}
.traits-section .value-card.light {
  background: #fff;
  color: #000;
}
.traits-section .value-card.dark {
  background: #000;
  color: #fff;
}
.traits-section .value-content {
  padding: 35px 26px;
}
.traits-section .value-content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
}
.traits-section .value-content p {
  font-size: 14px;
  line-height: 1.6;
}
.traits-section .value-card figure {
  margin: 0;
}
.traits-section .value-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .traits-section .values-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .traits-section .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .traits-section .values-grid {
    grid-template-columns: 1fr;
  }
}

/* Traits section css end */
/* Jrm talk css start */
.thinkers-section {
  padding: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0;
  background-color: #ffffff;
  overflow: hidden;
}
.thinkers-section .jrm-talk-sec-head {
  text-align: center;
}
.thinkers-section .jrm-talk-sec-head .normal-text {
  font-size: clamp(26px, calc(1.625rem + (40 - 26) * ((100vw - 768px) / (1920 - 768))), 40px);
  color: #000;
  font-family: "Noto Sans Display", sans-serif;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 50px;
}
@media (width <= 767px) {
  .thinkers-section .jrm-talk-sec-head .normal-text {
    margin-bottom: 20px;
  }
}
.thinkers-section .jrm-talk-sec-head .normal-text .pinyon-script-font {
  padding-left: 15px;
  font-size: clamp(36px, calc(2.25rem + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
}
.thinkers-section .play-cta-launch {
  width: 50px;
  left: 12%;
  top: 21%;
}
.thinkers-section .thinker-inner {
  border-radius: 12px;
  overflow: hidden;
}
.thinkers-section .thinker-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.thinkers-section .thinker-content {
  padding: 5px 0px;
}
.thinkers-section .thinker-content .event-name {
  color: #000000;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.thinkers-section .thinker-content .channel-name {
  font-size: 12px;
  color: #606060;
  margin-bottom: 0;
}
.thinkers-section .thinker-content .event-dis {
  font-size: 12px;
  color: #606060;
  margin-bottom: 0;
}
.thinkers-section .thinker-content .d-flex {
  align-items: center;
  gap: 8px;
  padding: 0;
  margin-bottom: 0;
}
.thinkers-section .thinker-content .d-flex .views {
  font-size: 12px;
  color: #606060;
  list-style: none;
}
.thinkers-section .thinker-content .d-flex .time {
  font-size: 12px;
  color: #606060;
  list-style: none;
  position: relative;
}

/* Jrm talk css end */
/*Founder msg Section css start */
.founder-letter {
  background: #fff;
  padding: clamp(30px, calc(1.875rem + (50 - 30) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0 0 0;
}
.founder-letter .founder-letter__layout {
  align-items: stretch;
}
.founder-letter .founder-letter__header {
  margin-bottom: 30px;
}
.founder-letter .founder-letter__title {
  padding: 0;
  font-size: clamp(36px, calc(36px + (60 - 36) * ((100vw - 768px) / (1920 - 768))), 60px);
  line-height: 1;
  color: #c89b3c;
}
.founder-letter .founder-letter__body {
  position: relative;
}
.founder-letter .founder-letter__quote-icon {
  position: absolute;
  width: 10%;
  opacity: 0.3;
  left: -40px;
  top: -45px;
}
.founder-letter .founder-letter__body p {
  font-size: clamp(14px, calc(0.875rem + (16 - 14) * ((100vw - 768px) / (1920 - 768))), 16px);
  line-height: 1.75;
  margin-bottom: 22px;
  color: #000;
}
.founder-letter .founder-letter__media {
  display: flex;
  justify-content: center;
  position: relative;
  height: 100%;
}
.founder-letter .founder-letter__backdrop {
  max-height: 430px;
  max-width: 170px;
  min-width: 170px;
}
.founder-letter .founder-letter__portrait {
  position: absolute;
  z-index: 2;
  max-height: 385px;
  max-width: 280px;
  min-width: 280px;
  bottom: 0;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.1));
}
@media (768px <= width <= 1024px) {
  .founder-letter .founder-letter__quote-icon {
    width: 10%;
    left: -20px;
    top: -18px;
  }
  .founder-letter .founder-letter__backdrop {
    max-width: 170px;
    min-width: 170px;
  }
  .founder-letter .founder-letter__portrait {
    max-height: 380px;
    max-width: 260px;
    min-width: 260px;
  }
}
@media (max-width: 766px) {
  .founder-letter .founder-letter {
    padding: 10px 10px 0 10px;
  }
  .founder-letter .founder-letter__layout {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .founder-letter .founder-letter__content,
  .founder-letter .founder-letter__media {
    padding-left: 0;
  }
  .founder-letter .founder-letter__portrait {
    max-height: 370px;
    max-width: 300px;
    min-width: 300px;
  }
  .founder-letter .founder-letter__backdrop {
    position: relative;
    height: 410px;
    object-fit: cover;
  }
  .founder-letter .founder-letter__quote-icon {
    position: absolute;
    width: 15%;
    left: -13px;
    top: -18px;
  }
}
.founder-letter .founder-letter__content {
  padding-bottom: env(safe-area-inset-bottom);
}

/*Founder msg Section css end */
.blink-text {
  animation: blink-text 1s infinite !important;
}

@keyframes blink-text {
  0% {
    color: #D8B270;
  }
  50% {
    color: #ffffff;
  }
  100% {
    color: #D8B270;
  }
}
.proposed-brands-sec {
  padding: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0;
  position: relative;
  background-color: #f0f0f0;
}
.proposed-brands-sec .brands-box .brands-inner-box {
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 100%;
  gap: 10px;
}
.proposed-brands-sec .brands-box .brands-inner-box .brand-dec, .proposed-brands-sec .brands-box .brands-inner-box .city-name {
  font-size: clamp(12px, 0.75rem + 2 * (100vw - 768px) / 1152, 14px);
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 0px;
}
.proposed-brands-sec .brands-box .brands-inner-box {
  /* figure
  {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;
  } */
}
.proposed-brands-sec .brands-box .brands-inner-box img {
  height: 100%;
  width: 100%;
}
.proposed-brands-sec .brands-box .brands-inner-box .group-img img {
  width: 100%;
  height: auto;
}
.proposed-brands-sec .brands-box .brand-sec-title {
  color: #D8B270;
  font-weight: 400;
  font-family: "Figtree";
  font-size: clamp(22px, 1.375rem + 4 * (100vw - 768px) / 1152, 26px);
  text-transform: uppercase;
  margin-bottom: 25px;
  line-height: 1.2;
  text-align: center;
}
.proposed-brands-sec .brands-box .brand-sec-title span {
  font-weight: 600;
}

.dm-dervice-cddmo-model {
  padding: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0 !important;
  background-color: #000;
}
.dm-dervice-cddmo-model .section-title {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-weight: 400;
  font-family: "Playfair Display";
  text-align: center;
  position: relative;
  color: white;
  z-index: 4;
}

.testimonials-sec {
  padding: clamp(25px, calc(1.5625rem + (50 - 25) * ((100vw - 1440px) / (1920 - 1440))), 50px) 0 0 0;
  background-color: #000;
}