.life-defacto-header {
  padding-top: 61px;
}

.defacto-life-main {
  padding-block: 140px;
  background: radial-gradient(
    114.81% 114.81% at 50% 4.72%,
    #fff 29.11%,
    #e8eef7 100%
  );
}

.defacto-life-heading {
  font-weight: 700;
  font-size: 68px;
  line-height: 140%;
  text-align: center;
  color: var(--color-heading);

}
.typing-text {
  display: inline-block;
  border-right: 3px solid #333; /* blinking cursor */
  overflow: hidden;
  white-space: normal; /* allow wrapping */
  word-wrap: break-word;
  animation: blink 0.6s step-end infinite;
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
.defacto-life-para {
  margin-top: 28px;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: var(--color-text);
}

.defacto-btn-div {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.defacto-hero-btn {
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  background-color: var(--color-primary);
  height: 56px;
  width: 229px;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  color: var(--color-button-text);
}

.defacto-hero-btn:hover {
  background-color: var(--color-hover-bg);
  color: var(--color-hover-text);
}

.defacto-btn-img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-top: 6px;
}

@media (max-width: 1441px) {
  .life-defacto-header {
    margin-top: 14px;
  }
}

@media (max-width: 1025px) {
  .life-defacto-header {
    margin-top: 14px;
  }

  .defacto-life-main {
    padding-block: 120px;
  }

  .defacto-life-heading {
    font-size: 58px;
  }

  .defacto-btn-div {
    margin-top: 52px;
  }
}

@media (max-width: 640px) {
  .life-defacto-header {
    margin-top: 14px;
  }

  .defacto-life-main {
    padding-block: 80px;
  }

  .defacto-life-heading {
    font-size: 36px;
  }

  .defacto-life-para {
    margin-top: 24px;
    font-size: 20px;
    color: var(--color-text-2);
  }

  .defacto-btn-div {
    margin-top: 48px;
  }

  .defacto-hero-btn {
    height: 44px;
    width: 193px;
    font-size: 18px;
  }
}

/* People, Culture and Events Section */
.people-culture-main {
  padding-block: 140px;
  background: #ffffff;
}

.people-tab {
  border: 1px solid #d1d1d1;
  padding-block: 11.46px;
  padding-inline: 24px;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  border-radius: 36px;
  background-color: var(--color-bg-btn-life);
  color: var(--color-heading);
}

.people-culture-main .active {
  border: 1px solid #4f6bed;
  color: var(--color-primary);
  background-color: var(--color-bg-btn-hover-life);
}

.people-culture-main .bg-gallery {
  border: unset;
  background-color: transparent;
}

.culture-gap {
  gap: 24px;
  margin-bottom: 40px;
  justify-content: center;
}

.main-img-div-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 2;
  grid-gap: 16px;

  grid-template-areas:
    "img-item1 img-item1 img-item2 img-item3 img-item3"
    "img-item1 img-item1 img-item4 img-item4 img-item5";
}
.img-item-1 {
  grid-area: img-item1;
}
.img-item-2 {
  grid-area: img-item2;
}
.img-item-3 {
  grid-area: img-item3;
}
.img-item-4 {
  grid-area: img-item4;
}
.img-item-5 {
  grid-area: img-item5;
}

.main-img-div-grid > .img-item-bx > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-img-div-grid > .img-item-3 > img {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.main-img-div-grid > .img-item-5 > img {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.main-img-div-grid > .img-item-1 > img {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.grid-meet {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
}
.grid-item-leadership {
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #fff;
  transition: 0.5s;
}
.grid-item-leadership:hover {
  margin-top: -6px;
  box-shadow: 1px 3px 18px -4px #8080804a;
}

.grid-item-leadership h4 {
  color: #282828;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Segoe UI";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
  margin-top: 16px;
}

.grid-item-leadership p {
  color: #3e3e59;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Segoe UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-top: 4px;
}

.grid-item-leadership img:last-child {
  width: 36px;
  height: 36px;
  margin-top: 24px;
  display: block;
  width: fit-content;
   object-fit: cover;
    object-position: center;
    transform-origin: center;
    transition: transform 20s 
cubic-bezier(.2, .9, .2, 1), filter 300ms;
    will-change: transform;
    inset: 0;
}
.ceo-desk-main h2 {
  color: var(--color-heading);
  text-align: center;
  font-family: "Segoe UI";
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 95.2px */
  margin-bottom: 24px;
}

.clarity {
  color: var(--color-text);
  text-align: center;
  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  margin-bottom: 48px;
}
.extended {
  color: var(--color-heading);
  text-align: center;
  font-family: "Segoe UI";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 50.4px */
  margin: 80px 0 48px;
}

.team-scroll-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}

.team-scroll {
  display: inline-flex;
  gap: 32px;
  animation: scrollLeft 100s linear infinite;
}

.team-profile {
    margin: 0 auto;
    display: block;
    object-fit: cover;
    object-position: center;
    transform-origin: center;
    transition: transform 20s 
cubic-bezier(.2, .9, .2, 1), filter 300ms;
    will-change: transform;
    inset: 0;
}
  .grid-item-leadership:hover img {   
    transform: scale(1.12);
  }

  .grid-item-leadership a {
    width: fit-content;
    display: block;
}
.grid-item-leadership:hover h4 {
    color: var(--color-primary);
}

.team-card {
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid #eaecf0;
  background: #f1f5fb;
  width: 310px;
  text-align: center;
}

.team-card img {
  width: 100%;
  border-radius: 8px;
  max-height: 240px;
  object-fit: cover;
  object-position: center;
  transform-origin: center;
  transition: transform 20s 
cubic-bezier(.2, .9, .2, 1), filter 300ms;
  will-change: transform;
  inset: 0;
}

.team-card h4 {
  color: #282828;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Segoe UI";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 166.667% */
  margin-top: 16px;
  margin-bottom: 4px;
  transition: 0.4s;
}


.team-card p {
  color: #3e3e59;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Segoe UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  padding-bottom: 16px;
}

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

/* Duplicate to loop seamlessly */
.team-scroll:hover {
  animation-play-state: paused;
}
.team-card:hover h4 {
  color: var(--color-primary);
}
.team-card img:hover {
  transform: scale(1.12);
}
@media (max-width: 1280px) {
  .grid-meet {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}
@media (max-width: 1025px) {
  .people-culture-main {
    padding-block: 120px;
  }
  .ceo-desk-main h2 {
    font-size: 58px;
  }
  .clarity {
    font-size: 20px;
  }

  .main-img-div-grid {
    grid-gap: 7px;
  }

  .main-img-div-grid > .img-item-3 > img {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  .main-img-div-grid > .img-item-5 > img {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .main-img-div-grid > .img-item-1 > img {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
}

@media (max-width: 640px) {
  .people-culture-main {
    padding-block: 80px;
  }
  .ceo-desk-main h2 {
        font-size: 36px;
    }
  .extended {
    font-size: 24px;
  }
  .grid-meet {
    grid-template-columns: 1fr;
    padding: 0px 32px;
  }
  .main-img-div-grid {
    grid-gap: 4px;
  }

  .people-tab {
    font-size: 16px;
    padding-block: 8px;
  }

  .culture-gap {
    gap: 16px;
    margin-bottom: 24px;
  }

  .main-img-div-grid > .img-item-3 > img {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .main-img-div-grid > .img-item-5 > img {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .main-img-div-grid > .img-item-1 > img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}

/* CEO’s Desk Section */
.ceo-desk-main {
  padding-block: 140px;
  background: linear-gradient(180deg, #e8eef7 42.46%, #fff 73.75%);
  overflow: hidden;
}

.defacto-ceo {
  object-fit: contain;
  border-radius: 20px;
}

.ceo-heading {
  font-weight: 700;
  font-size: 68px;
  line-height: 140%;
  color: var(--color-heading);
}

.ceo-txt-div {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-bottom: 1px solid #4f6bed;
  padding-bottom: 40px;
}

.ceo-txt-div {
  margin-top: 24px;
}

.ceo-txt {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--color-text);
}

.ceo-info-div {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ceo-info-heading {
  font-weight: 600;
  font-size: 32px;
  line-height: 140%;
  color: var(--color-heading);
}

.ceo-info-para {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: var(--color-text);
}

.row.ceo-desk-gap {
  --bs-gutter-x: 40px;
  align-items: center;
}

@media (min-width: 1636px) {
  .row.ceo-desk-gap {
    --bs-gutter-x: 130px;
  }
}

@media (max-width: 1025px) {
  .ceo-desk-main {
    padding-block: 120px;
  }

  .defacto-ceo {
    width: 100%;
  }

  .row.ceo-desk-gap {
    --bs-gutter-y: 60px;
  }

  .ceo-heading {
    font-size: 58px;
  }

  .ceo-txt-div {
    padding-bottom: 28px;
  }
}

@media (max-width: 640px) {
  .ceo-desk-main {
    padding-block: 80px;
  }

  .row.ceo-desk-gap {
    --bs-gutter-y: 40px;
  }

  .ceo-heading {
    font-size: 36px;
  }

  .ceo-txt {
    font-size: 20px;
  }

  .ceo-txt-div {
    padding-bottom: 24px;
  }

  .ceo-info-div {
    margin-top: 24px;
    gap: 8px;
  }

  .ceo-info-heading {
    font-size: 24px;
  }

  .ceo-info-para {
    font-size: 20px;
  }
}

/* Transform business Section */
.transform-home {
  padding: 140px 0;
}

.transform-home h1 {
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--color-heading);
  line-height: 140%;
  width: 100%;
  max-width: 746px;
}

@media (max-width: 1080px) {
  .transform-home {
    padding: 120px 0;
  }

  .transform-home h1 {
    font-size: 58px;
    margin-bottom: 108px;
    width: 100%;
    max-width: 100%;
  }

  .transform-home img {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .transform-home {
    margin-top: 0;
    padding: 80px 0;
  }

  .transform-home h1 {
    font-size: 36px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .ceo-heading {
    font-size: 56px;
  }
}
