@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

:root {
  --playfairDisplay: "Playfair Display", sans-serif;
  --manrope: "Manrope", sans-serif;
  --font96: clamp(4.8rem, 5vw, 9.6rem);
  --font64: clamp(3.2rem, 3vw, 6.4rem);
  --font48: clamp(3.2rem, 2.8vw, 4.8rem);
  --font40: 4rem;
  --font36: 3.6rem;
  --font32: 3.2rem;
  --font28: 2.8rem;
  --font24: 2.4rem;
  --font20: 2rem;
  --font19: 1.9rem;
  --font18: 1.8rem;
  --font17: 1.7rem;
  --font16: 1.6rem;
  --font14: 1.4rem;
  --font12: 1.2rem;
  /* Mobile (≤ 575px) */
}

@media only screen and (max-width: 575px) {
  :root {
    --font48: clamp(2.4rem, 2.2vw, 4.8rem);
    --font40: 2.2rem;
    --font36: 2rem;
    --font32: 2rem;
    --font28: 1.8rem;
    --font24: 1.6rem;
    --font20: 1.5rem;
    --font16: 1.3rem;
    --font14: 1.2rem;
    --font12: 1.1rem;
  }
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  font-family: serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
}

@media only screen and (min-width: 2500px) {
  html {
    font-size: 85%;
  }
}

@media only screen and (max-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 1400px) {
  html {
    font-size: 50%;
  }
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

@media only screen and (max-width: 320px) {
  html {
    font-size: 50%;
  }
}

body {
  overflow-x: hidden;
  position: relative;
  background-color: #ffffff;
  opacity: 0;
  transition: all .3s ease-in-out;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

.sectionWrapper {
  margin: 0 auto;
  padding-left: 7.5vw;
  padding-right: 7.5vw;
  max-width: calc(1600px + 16vw);
}

@media (max-width: 575px) {
  .sectionWrapper {
    margin: 0 auto;
    padding-left: 5vw;
    padding-right: 5vw;
    max-width: calc(1400px + 10vw);
  }
}

.primaryButton {
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #197AF5;
  padding: 1.8rem 3.5rem;
  font-size: var(--font18);
  font-family: var(--manrope);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #FFFEF8;
  cursor: pointer;
  position: relative;
  /* transition: all .3s ease-in-out; */
  z-index: 0;
  overflow: hidden;

}

.primaryButton::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15px;
  left: -87%;
  border-radius: 10rem;
  background-color: #1256AC;
  transition: box-shadow 0.3s ease-in-out;
  pointer-events: none;
  z-index: -1;
  transition: all .3s ease-in-out;
  transform-origin: center center;
}

.primaryButton::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15px;
  left: -80px;
  border-radius: 10rem;
  background-color: #1256AC;
  pointer-events: none;
  z-index: -1;
  /* transition: all .3s ease-in-out; */
  transform: scale(0.3);
}

.primaryButton:hover::after {
  transform: scale(11);
}




/* 
.primaryButton:hover {
  background-color: #197AF5;
  color: #f7f4e6;
  box-shadow: 6px 6px 0 0 #000;
} */

@media only screen and (max-width: 768px) {
  .primaryButton {
    font-size: 1.2rem;
    padding: 1.5rem 2rem;
    display: flex;
    box-shadow: 2px 2px 0 0 #000;
    align-items: center;
  }

  .primaryButton:hover {
    box-shadow: 4px 4px 0 0 #000;
  }

  .primaryButton:hover:after {
    transform: scale(17);
  }
}

.secondaryButton {
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #FFCB03;
  padding: 1.8rem 3.5rem;
  font-size: var(--font18);
  font-family: var(--manrope);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  cursor: pointer;
  position: relative;
  /* transition: all .3s ease-in-out; */
  z-index: 0;
  overflow: hidden;
}

.secondaryButton::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 15px;
  left: -100%;
  border-radius: 10rem;
  background-color: #B38E02;
  /* light tone for secondary hover */
  transition: box-shadow 0.3s ease-in-out;
  pointer-events: none;
  z-index: -1;
  transition: all .3s ease-in-out;
  transform-origin: center center;
}

.secondaryButton:hover::after {
  content: "";
  display: flex;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50px;
  left: -50px;
  border-radius: 10rem;
  background-color: #B38E02;
  transition: box-shadow 0.3s ease-in-out;
  pointer-events: none;
  z-index: -1;
  transform: scale(10);
  transition: all .3s ease-in-out;
}


.secondaryButton:hover {
  background-color: #fff1ac;
  color: #141b17;
  box-shadow: 6px 6px 0 0 #000;
}

@media only screen and (max-width: 768px) {
  .secondaryButton {
    font-size: 1.2rem;
    padding: 1.5rem 3.2rem;
    display: flex;
    align-items: center;
    box-shadow: 2px 2px 0 0 #000;
  }

  .secondaryButton:hover {
    box-shadow: 4px 4px 0 0 #000;
  }


  .secondaryButton:hover:after {
    transform: scale(17);
  }
}

.desktop,
.mobile {
  display: none !important;
}

@media (min-width: 769px) {
  .desktop {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .mobile {
    display: flex !important;
  }
}

@keyframes rotateTranslate {
  0% {
    transform: translateX(50%) rotate(0deg);
  }

  100% {
    transform: translateX(50%) rotate(360deg);
  }
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

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

  .header {

    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }
}


.header .logo {
  max-width: 18.5rem;
}

.header .logo:hover {
  opacity: 0.7;
}

.header .logo img {
  width: 100%;
  height: auto;
  max-width: 18.8rem;
}

.header .links {
  display: flex;
  gap: 3.5rem;
}

@media only screen and (max-width: 1024px) {
  .header .links {

    gap: 1.5rem;
  }
}

.header .links a {
  font-family: var(--manrope);
  font-size: var(--font19);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  position: relative;
}

.header .links a:hover {
  color: #197AF5;
  font-weight: bold;
}





.header .links a::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #197AF5;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

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


  .header .links a.active {
    margin-left: 2rem;
  }

  .header .links a::before {

    left: -2rem;
    bottom: unset;
    transform: translateY(-50%);
    top: 50%;

  }

}



.header .links a.active {
  font-weight: bold;
  color: #197AF5;
}

.header .links a.active::before {
  opacity: 1;
}



.header .contactUs {
  display: flex;
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 10rem;
  background: #FFFEF8;
}

.footer .logo {
  max-width: 18rem;
  margin-bottom: 2.4rem;
}

.footer .logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.footer .content {
  display: flex;
  justify-content: space-between;
  gap: 10%;
  width: 100%;
  padding-bottom: 6.4rem;
  border-bottom: 1px solid #141b17;
}

@media only screen and (max-width: 1024px) {
  .footer .content {
    gap: 5%;
  }
}

.footer .content .c1 {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.footer .content .c1 .social {
  display: flex;
  margin-bottom: 2.4rem;
}

.footer .content .c1 .social a {
  transition: all 0.3s ease-in-out;
}

.footer .content .c1 .social a svg {
  width: 7rem;
  height: 7rem;
  filter: drop-shadow(2px 2px 0 #141b17);
  transition: filter 0.3s ease-in-out;
}

.footer .content .c1 .social a:hover svg {
  filter: drop-shadow(2px 2px 0 #0f795f);
}

.footer .content .c1 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font32);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.92px;
  text-align: left;
  color: #141b17;
  margin-bottom: 2.4rem;
}

.footer .content .c1 p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 3.2rem;
}

.footer .content .c1 h3 {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.footer .content .c1 .email {
  display: flex;
  margin-bottom: 1.6rem;
  gap: 1.6rem;
  align-items: flex-start;
}

.footer .content .c1 .email input {
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fffdf3;
  padding: 2.1rem 1.5rem;
  font-size: var(--font14);
  font-family: var(--manrope);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  transition: all 0.3s ease;
  outline: none;
  width: 30rem;
  transition: all 0.3s ease-in-out;
}

.footer .content .c1 .email input:focus {
  box-shadow: 4px 4px 0 0 #0f795f;
}

@media only screen and (max-width: 768px) {
  .footer .content .c1 .email input {
    box-shadow: 2px 2px 0 0 #000;
  }

  .footer .content .c1 .email input:focus {
    box-shadow: 2px 2px 0 0 #0f795f;
  }
}

.footer .content .c1 .email button {
  padding: 2.1rem 7.5rem;
  transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  .footer .content .c1 .email button {
    padding: 2.1rem 5.5rem;
  }
}

.footer .content .c2 {
  width: 30%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  /* 👈 add your desired spacing between links */
  align-items: start;
  height: 20rem;
}

@media only screen and (max-width: 1024px) {
  .footer .content .c2 {
    width: 35%;
  }
}

.footer .content .c2 a {
  margin: 0;
  /* ✅ reset default margins */
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  line-height: 1.5;
  color: #141b17;
  text-decoration: none;
  transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  .footer .content .c2 a {
    font-size: var(--font18);
  }
}

.footer .content .c2 a:hover {
  font-weight: 500;
  color: #0f795f;
  /* optional hover color */
}

.footer .copyrights {
  padding-top: 2.4rem;
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.6);
}

.home_banner {
  position: relative;
  padding: 12rem 5rem 7rem 6rem;
}

@media only screen and (max-width: 1024px) {
  .home_banner {
    padding: 12rem 0rem 7rem 0rem;
  }
}

.home_banner .sectionWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10%;
}

@media only screen and (max-width: 1024px) {
  .home_banner .sectionWrapper {
    gap: 5%;
  }
}

.home_banner .sectionWrapper .c1 {
  display: flex;
  flex-direction: column;
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .home_banner .sectionWrapper .c1 {

    width: 60%;
  }
}


.home_banner .sectionWrapper .c1 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.28px;
  text-align: left;
  color: #141b17;
  margin-bottom: 3.4rem;
}

.home_banner .sectionWrapper .c1 p {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 3.4rem;
  max-width: 70%;
}

.home_banner .sectionWrapper .c1 .links {
  display: flex;
  gap: 1.6rem;
}

.home_banner .sectionWrapper .c2 {
  display: flex;
  width: 50%;
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .home_banner .sectionWrapper .c2 {

    width: 40%;
  }
}


.home_banner .sectionWrapper .c2 svg {
  width: 100%;
  object-fit: contain;
}

.home_whoWeAre {
  position: relative;
  padding: 7rem 0 5rem 0;
}

.home_whoWeAre .sectionWrapper {
  display: flex;
  justify-content: space-between;
  gap: 3%;
  align-items: center;
}



@media only screen and (max-width: 1024px) {
  .home_whoWeAre .sectionWrapper {
    gap: 5%;
  }
}

.home_whoWeAre .sectionWrapper .c1 {
  width: 40%;
}

.home_whoWeAre .sectionWrapper .c1 svg {
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 1024px) {
  .home_whoWeAre .sectionWrapper .c1 {
    width: 50%;
  }
}

.home_whoWeAre .sectionWrapper .c2 {
  width: 60%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .home_whoWeAre .sectionWrapper .c2 {
    width: 50%;
  }
}

.home_whoWeAre .sectionWrapper .c2 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
}

.home_whoWeAre .sectionWrapper .c2 p,
.home_whoWeAre .sectionWrapper .c2 ul li {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
  width: 90%;
}

.home_whoWeAre .sectionWrapper .c2 ul li {
  margin-bottom: .5rem;
  margin-left: 2rem;
}


@media only screen and (max-width: 768px) {
  .home_whoWeAre .sectionWrapper .c2 ul li {

    margin-left: 4rem;
  }
}

@media only screen and (max-width: 1024px) {
  .home_whoWeAre .sectionWrapper .c2 p {
    width: 100%;
  }
}





.home_whoWeAre .sectionWrapper .c2 a {
  align-self: flex-start;
  margin-bottom: 4.8rem;
}

.home_whoWeAre .sectionWrapper .c2 .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

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

  .home_whoWeAre .sectionWrapper .c2 .list {

    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}

.home_whoWeAre .sectionWrapper .c2 .list .block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
}

.home_whoWeAre .sectionWrapper .c2 .list .block img {
  width: 100%;
  /* max-width: 4.8rem; */
  margin-bottom: 1.6rem;
  object-fit: contain;
  box-shadow: 6px 6px 0 0 #000;
  border-radius: 1.4rem;
}

.home_whoWeAre .sectionWrapper .c2 .list .block p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.home_spotLight {
  position: relative;
  overflow: hidden;
  display: flex;
  margin: 5rem 0;
  border-radius: 60px;
  background-image: linear-gradient(121deg, #0055BB 11%, #81C0F3 127%);
  padding-top: 7.5rem;
}

.home_spotLight .sectionWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home_spotLight .sectionWrapper .bg2 {
  max-width: 23rem;
  display: none;
  align-self: center;
}

.home_spotLight .sectionWrapper .spotlight_lottie {
  max-width: 23rem;
  align-self: center;
}

.home_spotLight .sectionWrapper .spotlight_lottie svg {
  width: 100%;
}

.home_spotLight .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home_spotLight .sectionWrapper .head img {
  max-width: 70.1rem;
}

.home_spotLight .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font96);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #F7F4E6;
  margin-bottom: 1.6rem;
}

.home_spotLight .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #f7f4e6;
  margin-bottom: 6.4rem;
  max-width: 47rem;
}

.home_spotLight .sectionWrapper .content {
  display: flex;
  gap: 5.8rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 6rem;
}

.home_spotLight .sectionWrapper .content .c1 {
  width: 50%;
}

.home_spotLight .sectionWrapper .content .c1 .block {
  display: flex;
  flex-direction: column;
  /* max-width: 40rem; */
  border-left: 2px solid #f7f4e6;
  padding-left: 1.7rem;
  margin-bottom: 2.4rem;
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.home_spotLight .sectionWrapper .content .c1 .block:hover {
  opacity: 0.8;
}

.home_spotLight .sectionWrapper .content .c1 .block h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.home_spotLight .sectionWrapper .content .c1 .block .text {
  max-height: 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
  transform-origin: center top;
}

.home_spotLight .sectionWrapper .content .c1 .block .text p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(247, 244, 230, 0.8);
  margin-bottom: 1.6rem;
}

.home_spotLight .sectionWrapper .content .c1 .block .text a {
  align-self: flex-start;
}

.home_spotLight .sectionWrapper .content .c1 .block.active {
  opacity: 1;
}

.home_spotLight .sectionWrapper .content .c1 .block.active .text {
  max-height: 1000px;
  overflow: visible;
}

.home_spotLight .sectionWrapper .content .c2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.home_spotLight .sectionWrapper .content .c2 img {
  max-width: 44rem;
  border-radius: 1.4rem;
  background-color: #d9d9d9;
  box-shadow: 6px 6px 0 0 #141b17;
  border: solid 1px #141b17;
  background-color: #f7f4e6;
  display: none;
  opacity: 0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.home_spotLight .sectionWrapper .content .c2 img.active {
  display: flex;
  opacity: 1;
}

.home_whatWeWork {
  position: relative;
  padding: 15rem 0 8rem 0;
}

.home_whatWeWork .head {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-bottom: 5.2rem;
  align-items: center;
  justify-content: center;
}

.home_whatWeWork .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.home_whatWeWork .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  max-width: 76rem;
}

.home_whatWeWork .content {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  position: relative;
  align-items: center;
}

.home_whatWeWork .content .block {
  display: flex;
  justify-content: space-between;
  max-width: 75%;
  gap: 2.4rem;
  padding: 2.4rem 2.4rem;
  border-radius: 3rem;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;

}

.home_whatWeWork .content .block+.block {
  margin-top: -22rem;
}

@media only screen and (max-width: 768px) {
  .home_whatWeWork .content .block+.block {
    margin-top: unset;
  }
}



@media only screen and (max-width: 1024px) {
  .home_whatWeWork .content .block {
    max-width: 90%;
  }
}

.home_whatWeWork .content .block .c1 {
  width: 25%;
}

.home_whatWeWork .content .block .c1 img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 2rem;
}

.home_whatWeWork .content .block .c2 {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.home_whatWeWork .content .block .c2 h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.home_whatWeWork .content .block .c2 p {
  font-family: var(--manrope);
  font-size: var(--font18);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8)
}

.home_whatWeWork .content .block .c3 {
  width: 25%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.home_whoWeWorkWith {
  position: relative;
  border-radius: 60px;
  background-image: linear-gradient(121deg, #134e5e 11%, #71b280 127%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  margin-top: 8rem;
  margin-bottom: 6rem;
}

.home_whoWeWorkWith .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 70rem;
}

.home_whoWeWorkWith .sectionWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home_whoWeWorkWith .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.home_whoWeWorkWith .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.home_whoWeWorkWith .head p {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #f7f4e6;
  margin-bottom: 3.2rem;
  max-width: 34rem;
}

.home_whoWeWorkWith .content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  position: relative;
  z-index: 5;
  max-width: 65%;
  align-items: center;
  justify-content: center;
}

.home_whoWeWorkWith .content .block {
  display: flex;
  flex-direction: column;
  border-radius: 3rem;
  box-shadow: 6px 6px 0 0 #141b17;
  border: solid 1px #141b17;
  background-color: #f7f4e6;
  padding: 2.4rem;
}

.home_whoWeWorkWith .content .block img {
  max-width: 4.8rem;
  object-fit: contain;
  margin-bottom: 2.4rem;
}

.home_whoWeWorkWith .content .block h1 {
  font-family: var(--manrope);
  font-size: var(--font24);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: left;
  color: #3b4c42;
  margin-bottom: 1.2rem;
}

.home_whoWeWorkWith .content .block p {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
}

.home_ourVision {
  display: flex;
  flex-direction: column;
  padding-top: 20rem;
  padding-bottom: 15rem;
}

.home_ourVision .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.home_ourVision .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12rem;
}

.home_ourVision .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
}

.home_ourVision .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 0.8rem;
  max-width: 80rem;
}

.home_ourVision .sectionWrapper .head a {
  margin-top: 4rem;
  align-self: center;
}

.home_ourVision .sectionWrapper .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home_ourVision .sectionWrapper .content>h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 4.8rem;
}

.home_ourVision .sectionWrapper .commitment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  gap: 2rem;
  max-width: 80rem;
}

.home_ourVision .sectionWrapper .commitment .block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1.4rem;
}

.home_ourVision .sectionWrapper .commitment .block img {


  border-radius: 1.4rem;
  box-shadow: 6px 6px 0 0 #141b17;
  width: 100%;
  height: 100%;
  margin-bottom: 1.6rem;
  object-fit: cover;
}

.home_ourVision .sectionWrapper .commitment .block h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  max-width: 90%;
}

.home_ourVision .sectionWrapper .companies {
  display: flex;
  flex-direction: column;
}

.home_ourVision .sectionWrapper .companies h1 {
  font-family: var(--manrope);
  font-size: 2.4rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 2.4rem;
}

.home_ourVision .sectionWrapper .companies .company_logos {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.2rem;
  row-gap: 1.6rem;
  align-items: center;
  justify-content: center;
}

.home_ourVision .sectionWrapper .companies .company_logos img {
  max-width: 13.4rem;
}

.home_ourVision .bg {
  margin-top: 7rem;
  max-width: 18.3rem;
  align-self: center;
}

.home_whatWeCanDo_forYou {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 60px;
  background-image: linear-gradient(65deg, #0052b9 17%, #006bc381 130%);
}

.home_whatWeCanDo_forYou .bg1 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 41rem;
}

.home_whatWeCanDo_forYou .bg2 {
  position: absolute;
  bottom: 11px;
  left: 0;
  max-width: 50rem;
  display: none;
}

.home_whatWeCanDo_forYou .lottie {
  position: absolute;
  bottom: 11px;
  left: 0;
  max-width: 50rem;
}

.home_whatWeCanDo_forYou .lottie svg {
  width: 100%;
}


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

  .home_whatWeCanDo_forYou .bg2,
  .home_whatWeCanDo_forYou .lottie {
    max-width: 30rem;
  }
}

.home_whatWeCanDo_forYou .sectionWrapper {
  display: flex;
  flex-direction: column;
  padding-top: 9.6rem;
  width: 100%;
}

.home_whatWeCanDo_forYou .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  margin-bottom: 3.2rem;
}

.home_whatWeCanDo_forYou .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.home_whatWeCanDo_forYou .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  max-width: 54rem;
}

.home_whatWeCanDo_forYou .sectionWrapper .content {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding-bottom: 7rem;
  width: 100%;
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 35rem));
  column-gap: 3.2rem;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .home_whatWeCanDo_forYou .sectionWrapper .content .row {
    width: 75%;
  }
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row:nth-child(n + 2) {
  margin-left: 25%;
}

@media only screen and (max-width: 1024px) {
  .home_whatWeCanDo_forYou .sectionWrapper .content .row:nth-child(n + 2) {
    margin-left: 15%;
  }
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row:nth-child(n + 3) {
  margin-left: 45%;
}

@media only screen and (max-width: 1024px) {
  .home_whatWeCanDo_forYou .sectionWrapper .content .row:nth-child(n + 3) {
    margin-left: 20%;
  }
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row .block {
  display: flex;
  flex-direction: column;
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row .block img {
  max-width: 4.8rem;
  margin-bottom: 0.8rem;
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row .block h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.4rem;
}

.home_whatWeCanDo_forYou .sectionWrapper .content .row .block p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(247, 244, 230, 0.8);
}

.about_banner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 2rem;
  padding-bottom: 6rem;
  padding-right: 0;
}

@media only screen and (max-width: 1024px) {
  .about_banner {
    gap: 5%;
  }
}

.about_banner .c1 {
  width: 30%;
  position: relative;
  display: none;
}

.about_banner .c1 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.about_banner .c2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 3rem;
}

.about_banner .c2 p {
  font-family: var(--manrope);
  font-size: var(--font24);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

@media only screen and (max-width: 1100px) {
  .about_banner .c2 p {
    font-size: var(--font20);
  }
}

@media only screen and (max-width: 1024px) {
  .about_banner .c2 p {
    font-size: var(--font18);
  }
}

.about_banner .c3 {
  width: 40%;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .about_banner .c3 {
    width: 50%;
  }
}

.about_banner .c3 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transform-origin: right;
}

.about_companies {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 7rem;
}

.about_companies .companies {
  display: flex;
  flex-direction: column;
}

.about_companies .companies h1 {
  font-family: var(--manrope);
  font-size: 2.4rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 2.4rem;
}

.about_companies .companies .company_logos {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3.2rem;
  row-gap: 1.6rem;
  align-items: center;
  justify-content: center;
}

.about_companies .companies .company_logos img {
  max-width: 13.4rem;
}

.about_whyOWC {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-top: 7rem;
  padding-bottom: 12rem;
  gap: 2%;
}

.about_whyOWC .c1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.about_whyOWC .c1 .head {
  position: relative;
  margin-bottom: 3.2rem;
}

.about_whyOWC .c1 .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.about_whyOWC .c1 .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 5.8rem;
  column-gap: 10.2rem;
}

@media only screen and (max-width: 1024px) {
  .about_whyOWC .c1 .content {
    column-gap: 5%;
  }
}

.about_whyOWC .c1 .content img {
  max-width: 7rem;
  width: 100%;
  object-fit: contain;
  margin-bottom: 0.8rem;
}

.about_whyOWC .c1 .content h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.about_whyOWC .c1 .content p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.about_whyOWC .c2 {
  width: 40%;
}

.about_whatWeAim {
  position: relative;
  border-radius: 60px;
  background-image: linear-gradient(112deg, #0052B9 15%, #90CAF9 132%);
  padding-top: 9.5rem;
  padding-bottom: 12rem;
}

.about_whatWeAim .bg {
  display: none;
}

.about_whatWeAim .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60rem;
}

@media only screen and (max-width: 1024px) {
  .about_whatWeAim .bg {
    width: 40rem;
  }
}

.about_whatWeAim .head {
  display: flex;
  flex-direction: column;
  max-width: 45%;
}

.about_whatWeAim .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.about_whatWeAim .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 3.2rem;
}

.about_whatWeAim .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 7.8rem;
  row-gap: 7.8rem;
  align-self: flex-start;
}


.about_whatWeAim .lottie {
  position: absolute;
  bottom: 11px;
  left: 0;
  max-width: 60rem
}

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

  .about_whatWeAim .lottie {
    position: absolute;
    bottom: 11px;
    left: 0;
    max-width: 27rem
  }

}


@media only screen and (max-width: 1100px) {
  .about_whatWeAim .content {
    column-gap: 5rem;
    row-gap: 5rem;
  }
}

@media only screen and (max-width: 1024px) {
  .about_whatWeAim .content {
    column-gap: 2.5rem;
    row-gap: 2.5rem;
  }
}

.about_whatWeAim .content .block {
  display: flex;
  flex-direction: column;
  width: 80%;
}

@media only screen and (max-width: 1024px) {
  .about_whatWeAim .content .block {
    width: 95%;
  }
}

.about_whatWeAim .content .block:nth-child(4) {
  grid-column: 2;
}

.about_whatWeAim .content .block h1 {
  box-shadow: 1px 1px 0 0 #000;
  border: solid 0.5px #000;
  background-color: #f7f4e6;
  font-family: var(--playfairDisplay);
  font-size: var(--font24);
  font-weight: 500;
  color: #0052B9;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  width: 6rem;
  max-width: 100%;
  margin-bottom: 0.8rem;
}

.about_whatWeAim .content .block h2 {
  font-family: var(--manrope);
  font-size: var(--font24);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.4rem;
}

.about_whatWeAim .content .block p {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(247, 244, 230, 0.8);
}

.about_meet_collaborators {
  position: relative;
  padding-top: 16rem;
  padding-bottom: 7rem;
}

.about_meet_collaborators .head {
  position: relative;
  max-width: 44rem;
}

.about_meet_collaborators .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.about_meet_collaborators .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 4rem;
}

.about_meet_collaborators .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
}

@media only screen and (max-width: 1100px) {
  .about_meet_collaborators .content {
    grid-template-columns: repeat(3, 1fr);
  }
}

.about_meet_collaborators .content>.block {
  display: flex;
  flex-direction: column;
  border-radius: 3rem;
  padding: 2.4rem;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  cursor: pointer;
  z-index: 5;
}

.about_meet_collaborators .content>.block:hover {
  box-shadow: 10px 10px 0 0 #000;
}

.about_meet_collaborators .content>.block>img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2rem;
  margin-bottom: 2.4rem;
  padding-top: 2.8rem;
  background-color: #0052B9;
}

.about_meet_collaborators .content>.block .text>h1 {
  font-family: var(--manrope);
  font-size: var(--font24);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.about_meet_collaborators .content>.block .text>h2 {
  font-family: var(--manrope);
  font-size: var(--font14);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  margin-bottom: 0.8rem;
}

.about_meet_collaborators .content>.block .text>p {
  font-family: var(--manrope);
  font-size: var(--font18);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.8rem;
}

.about_meet_collaborators .content .social {
  display: flex;
}

.about_meet_collaborators .content .social a {
  display: flex;
}

.about_meet_collaborators .content .social a:hover {
  opacity: 0.7;
}

.about_meet_collaborators .content .social a img {
  max-width: 1.8rem;
  height: auto;
  object-fit: contain;
}

.about_meet_collaborators .popUpWrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  display: none;
  z-index: 55555;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(217, 217, 217, 0.01);
}

.about_meet_collaborators .popUpWrapper.active {
  display: flex;
  pointer-events: auto;
  opacity: 1;
}

.about_meet_collaborators .popUpWrapper .close {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.about_meet_collaborators .popUpWrapper .close:hover {
  opacity: 0.7;
}

.about_meet_collaborators .popUpWrapper .popUp {
  display: flex;
  justify-content: space-between;
  width: 50%;
  padding: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2rem;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  gap: 1.6rem;
}

.about_meet_collaborators .popUpWrapper .popUp .c1 {
  width: 30%;
}

.about_meet_collaborators .popUpWrapper .popUp .c1 img {
  padding-top: 2.8rem;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2rem;
  background-color: #134e5e;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 .text {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 0.8rem;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 .text img {
  max-width: 1.6rem;
  transition: all 0.3s ease-in-out;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 .text img:hover {
  opacity: 0.7;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 h1 {
  font-family: var(--manrope);
  font-size: var(--font32);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.about_meet_collaborators .popUpWrapper .popUp .c2 h2 {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
}

.about_meet_collaborators .popUpWrapper .popUp .c2 p {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  margin-bottom: 0.8rem;
}

.about_ourExperience {
  position: relative;
  padding-top: 7rem;
  padding-bottom: 15rem;
  display: flex;
  flex-direction: column;
}

.about_ourExperience .head {
  display: flex;
  flex-direction: column;
  max-width: 40%;
  margin: 0 auto;
}

.about_ourExperience .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.about_ourExperience .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 4.8rem;
}

.about_ourExperience .content {
  display: flex;
  flex-direction: column;
}

.about_ourExperience .content .upper {
  max-width: 35%;
  align-self: center;
  margin-bottom: 4rem;
}

.about_ourExperience .content .lower {
  display: flex;
  gap: 5%;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .about_ourExperience .content .lower {
    gap: 2%;
  }
}

.about_ourExperience .content .lower .c1 {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}

.about_ourExperience .content .lower .c2 {
  width: 30%;
}

.about_ourExperience .content .lower .c2 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.about_ourExperience .content .lower .c3 {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}

.about_ourExperience .content .block {
  display: flex;
  flex-direction: column;
}

.about_ourExperience .content .block h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font28);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #0052B9;
  margin-bottom: 1.6rem;
}

.about_ourExperience .content .block p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
}

.about_region {
  display: flex;
  border-radius: 60px;
  background-image: linear-gradient(112deg, #0052B9 15%, #90CAF9 132%);
  padding-top: 12rem;
  padding-bottom: 12rem;
  align-items: center;
  gap: 0%;
}

.about_region .head {
  display: flex;
  flex-direction: column;
  width: 40%;
}

@media only screen and (max-width: 1024px) {
  .about_region .head {
    width: 40%;
  }
}

.about_region .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.about_region .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
}

.about_region .content {
  width: 60%;
}

@media only screen and (max-width: 1024px) {
  .about_region .content {
    width: 60%;
  }
}


/* map svg desktop  */

.about_region .content svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}



.about_region .content .block {
  position: relative;
}

.about_region .content .block .text {
  opacity: 0;

}

.about_region .content .block .pin {
  z-index: 55;
  cursor: pointer;
}

.about_region .content .block .pin:hover+.text {
  opacity: 1;

}


/* map svg mobile  */

.about_region .content svg {
  width: 100%;
}

.about_region .content svg.mobile .block {
  position: relative;
}

.about_region .content svg.mobile .block .text {
  opacity: 0;
  transition: all .3s ease-in-out;
}




.services_banner {
  position: relative;
  padding-top: 11rem;
  padding-bottom: 12rem;
}

.services_banner .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.services_banner .sectionWrapper h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.services_banner .sectionWrapper p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 4rem;
  max-width: 66rem;
  align-self: center;
}




.services_banner .sectionWrapper .lottie {
  width: 100%;
  max-width: 48rem;
  align-self: center;
}

.services_banner .lottie-2 {
  width: 100%;
  margin-top: -20rem;
}

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

  .services_banner .lottie-2 {
    width: 100%;
    margin-top: unset;
  }
}

.services_whatWeCanDo {
  position: relative;
}

.services_whatWeCanDo .bg1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  max-width: 71rem;
}

.services_whatWeCanDo .bg2 {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 40rem;
}

.services_whatWeCanDo .sectionWrapper {
  padding-top: 8rem;
  padding-bottom: 14rem;
  border-radius: 60px;
  background-image: linear-gradient(125deg, #0052B9 12%, #90CAF9 103%);
  display: flex;
  flex-direction: column;
}

.services_whatWeCanDo .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  margin-bottom: 4.2rem;
}

.services_whatWeCanDo .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #fffdf3;
  margin-bottom: 3.4rem;
}

.services_whatWeCanDo .sectionWrapper .head a {
  font-size: var(--font14);
  align-self: center;
}

.services_whatWeCanDo .sectionWrapper .card {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  box-shadow: 3px 3px 0 0 #141b17;
  border: solid 1px #141b17;
  background-color: #fffdf3;
  padding: 2.4rem 2.4rem;
}

.services_whatWeCanDo .sectionWrapper .card img {
  max-width: 4.8rem;
  margin-bottom: 0.8rem;
}

.services_whatWeCanDo .sectionWrapper .card h1 {
  font-family: var(--manrope);
  font-size: var(--font24);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.4rem;
}

.services_whatWeCanDo .sectionWrapper .card p {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
}

.services_whatWeCanDo .sectionWrapper .content1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.6rem;
  justify-items: center;
  margin-bottom: 3.6rem;
}

/* .services_whatWeCanDo .sectionWrapper .content1 .card:nth-child(2) {
  transform: translateY(-4.6rem);
} */

.services_whatWeCanDo .sectionWrapper .content2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.6rem;
  justify-items: center;
  max-width: 60%;
  align-self: center;
}

.services_whoWeWorkWith {
  position: relative;
  padding-top: 11.2rem;
  padding-bottom: 11.2rem;
}

.services_whoWeWorkWith .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 55rem;
  margin-bottom: -5rem;
}

.services_whoWeWorkWith .sectionWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services_whoWeWorkWith .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services_whoWeWorkWith .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.services_whoWeWorkWith .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 3.2rem;
  max-width: 40rem;
}

.services_whoWeWorkWith .sectionWrapper .content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  max-width: 74rem;
  position: relative;
  gap: 2.4rem;
  width: 100%;
}

.services_whoWeWorkWith .sectionWrapper .content .block {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  box-shadow: 6px 6px 0 0 #141b17;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.4rem 2.4rem;
  max-width: 74rem;

}


.services_whoWeWorkWith .sectionWrapper .content .block+.block {
  margin-top: -13rem;
}

@media only screen and (max-width: 768px) {
  .services_whoWeWorkWith .sectionWrapper .content .block+.block {
    margin-top: unset;
  }

}




.services_whoWeWorkWith .sectionWrapper .content .block img {
  max-width: 5rem;
  margin-bottom: 1.2rem;
}

.services_whoWeWorkWith .sectionWrapper .content .block h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  text-align: left;
  color: #3b4c42;
  margin-bottom: 1.2rem;
}

.services_whoWeWorkWith .sectionWrapper .content .block p {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
}

.readyToExploreBlock {
  position: relative;
  border-radius: 60px;
  background-image: linear-gradient(103deg, #0052B9 14%, #90CAF9 134%);
  overflow: hidden;
}

.readyToExploreBlock .bg {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 65rem;
}

.readyToExploreBlock .sectionWrapper {
  display: flex;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.readyToExploreBlock .sectionWrapper .c1 {
  display: flex;
  flex-direction: column;
  max-width: 40%;
  align-items: flex-start;
}

.readyToExploreBlock .sectionWrapper .c1 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 0.8rem;
}

.readyToExploreBlock .sectionWrapper .c1 p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #f7f4e6;
  margin-bottom: 2.4rem;
}

.readyToExploreBlock .sectionWrapper .c1 a {
  font-family: var(--manrope);
  font-size: var(--font14);
}

.insights_banner {
  position: relative;
  padding-top: 15rem;
  padding-bottom: 4rem;
}

.insights_banner .bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.insights_banner .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.insights_banner .sectionWrapper .c1 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.insights_banner .sectionWrapper .c1 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.28px;
  text-align: left;
  color: #141b17;
  margin-bottom: 1rem;
  text-transform: capitalize;
  max-width: 62rem;
}

.insights_banner .sectionWrapper .c1 p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  max-width: 71%;
}

.insights_listing {
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
  padding-bottom: 8rem;
}

.insights_listing .filter {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 6.4rem;
  transition: all .3s ease-in-out;
}

.insights_listing .filter h1.active {
  background-color: #197AF5 !important;
  color: #FFFDF3;
}

.insights_listing .filter h1::after,
.insights_listing .filter h1.active::after {
  background-color: #197AF5 !important;
}



.insights_listing .filter h1:hover {
  background-color: #197AF5 !important;
}

.insights_listing .filter h1 {
  background-color: transparent !important;

}

.insights_listing>.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.4rem;
  row-gap: 3.4rem;
}

@media only screen and (max-width: 1024px) {
  .insights_listing>.container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.insights_listing>.container .card {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.4rem;
}

.insights_listing>.container .card .head {
  display: flex;
  flex-direction: column;
}

.insights_listing>.container .card .head img {
  width: 100%;
  object-fit: cover;
  border-radius: 2rem;
  margin-bottom: 2.4rem;
  aspect-ratio: 16/9;
}

.insights_listing>.container .card .head .tag {
  margin-bottom: 0.8rem;
}

.insights_listing>.container .card .head .tag>h1 {
  font-family: var(--manrope);
  font-size: var(--font20);

  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #197AF5;
}

.insights_listing>.container .card .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.insights_listing>.container .card .content h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.insights_listing>.container .card .content p {
  font-family: var(--manrope);
  font-size: var(--font18);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  margin-bottom: 0.8rem;
}

.insights_listing>.container .card .content a {
  font-family: var(--manrope);
  font-size: var(--font14);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fffdf3;
  align-self: flex-start;
  margin-top: auto;
}

.insights_listing .viewMore {
  align-self: center;
  margin-top: 4.7rem;
}

.ourWork_banner {
  position: relative;
  padding-top: 7rem;
  padding-bottom: 5.5rem;
}

.ourWork_banner .sectionWrapper {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  gap: 12rem;
}

.ourWork_banner .sectionWrapper .c1 {
  width: 30%;
  position: relative;
}

.ourWork_banner .sectionWrapper .c1 img {
  max-width: 58rem;
}

.ourWork_banner .sectionWrapper .c2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.ourWork_banner .sectionWrapper .c2 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.28px;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
  max-width: 60rem;
}

.ourWork_banner .sectionWrapper .c2 p {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  max-width: 60rem;
}

.ourWork_pillars {
  position: relative;
  border-radius: 60px;
  padding-top: 9.5rem;
  padding-bottom: 9rem;
}

.ourWork_pillars .bg {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 71rem;
}

.ourWork_pillars .sectionWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}

.ourWork_pillars .sectionWrapper .head {
  display: flex;
  flex-direction: column;
  max-width: 54rem;
  margin-bottom: 7rem;
}

.ourWork_pillars .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
}

.ourWork_pillars .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.ourWork_pillars .sectionWrapper .content {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}

.ourWork_pillars .sectionWrapper .content .c1 {
  display: flex;
  justify-content: space-between;
  gap: 5%;
}

.ourWork_pillars .sectionWrapper .content .c2 {
  display: flex;
  justify-content: center;
  gap: 5%;
}

.ourWork_pillars .sectionWrapper .content .block {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  box-shadow: 3px 3px 0 0 #141b17;
  border: solid 1px #141b17;
  background-color: #fffdf3;
  padding: 4.2rem 3.1rem;
  max-width: 40rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .ourWork_pillars .sectionWrapper .content .block {
    max-width: 25rem;
  }
}

.ourWork_pillars .sectionWrapper .content .block img {
  max-width: 4.8rem;
  margin-bottom: 0.8rem;
}

.ourWork_pillars .sectionWrapper .content .block h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
}

@media only screen and (max-width: 1024px) {
  .ourWork_pillars .sectionWrapper .content .block h1 {
    font-size: var(--font20);
  }
}

.ourWork_pillars .sectionWrapper .content .block.active {
  background-color: #fff1ac;
}

.ourWork_pillars .sectionWrapper .content .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 40rem;
}

@media only screen and (max-width: 1024px) {
  .ourWork_pillars .sectionWrapper .content .text {
    max-width: 30rem;
  }
}

.ourWork_pillars .sectionWrapper .content .text h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
  margin-bottom: 0.8rem;
  max-width: 70%;
}

.ourWork_pillars .sectionWrapper .content .text p {
  font-family: var(--manrope);
  font-size: var(--font16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: rgba(20, 26, 22, 0.8);
  margin-bottom: 2.4rem;
}

.ourWork_pillars .sectionWrapper .content .text .nav {
  display: flex;
  gap: 1rem;
}

.ourWork_pillars .sectionWrapper .content .text .nav img {
  max-width: 4.8rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.ourWork_pillars .sectionWrapper .content .text .nav img:hover {
  opacity: 0.7;
}

.ourWork_flagShipProject {
  position: relative;
  padding-top: 8rem;
  overflow: hidden;
}

.ourWork_flagShipProject .bg {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 48rem;
}

.ourWork_flagShipProject .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.ourWork_flagShipProject .sectionWrapper .head {
  margin-bottom: 3.2rem;
}

.ourWork_flagShipProject .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font96);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
}

.ourWork_flagShipProject .sectionWrapper .block {
  display: flex;
  flex-direction: column;
}

.ourWork_flagShipProject .sectionWrapper .block img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 3.2rem;
  border-radius: 6rem;
}

.ourWork_flagShipProject .sectionWrapper .block .content {
  display: flex;
  padding-bottom: 5rem;
}

.ourWork_flagShipProject .sectionWrapper .block .content .c1 {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.ourWork_flagShipProject .sectionWrapper .block .content .c1 h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
  max-width: 43rem;
}

.ourWork_flagShipProject .sectionWrapper .block .content .c1 a {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  align-self: flex-start;
}

.ourWork_flagShipProject .sectionWrapper .block .content .c2 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.ourWork_flagShipProject .sectionWrapper .block .content .c2 p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  max-width: 60rem;
}

.ourWork_whoWeWorkWith {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 11rem;
}

.ourWork_whoWeWorkWith .bg {
  position: absolute;
  bottom: 0;
  left: 7.5vw;
  max-width: 14rem;
  display: none !important;
}

.ourWork_whoWeWorkWith .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.ourWork_whoWeWorkWith .sectionWrapper>.head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.4rem;
  row-gap: 3.4rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.4rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .head {
  display: flex;
  flex-direction: column;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .head img {
  width: 100%;
  object-fit: cover;
  border-radius: 2rem;
  margin-bottom: 2.4rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .content {
  display: flex;
  flex-direction: column;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .content h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .content p {
  font-family: var(--manrope);
  font-size: var(--font18);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  margin-bottom: 1.6rem;
}

.ourWork_whoWeWorkWith .sectionWrapper>.container .card .content a {
  font-family: var(--manrope);
  font-size: var(--font14);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fffdf3;
  align-self: flex-start;
  display: none;
}

.ourWork_whoWeWorkWith .sectionWrapper .viewMore {
  align-self: center;
  margin-top: 4.7rem;
}

.workWithUs_banner {
  position: relative;
}

.workWithUs_banner .sectionWrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 12rem;
  padding-bottom: 6rem;
  gap: 3rem;
}

.workWithUs_banner .sectionWrapper .c1 {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.workWithUs_banner .sectionWrapper .c1 h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.28px;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.workWithUs_banner .sectionWrapper .c1 p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 3.2rem;
  max-width: 100%;
}

.workWithUs_banner .sectionWrapper .c1 h2 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 1.6rem;
}

.workWithUs_banner .sectionWrapper .c1 .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.workWithUs_banner .sectionWrapper .c1 .content .block {
  display: flex;
  flex-direction: column;
}

.workWithUs_banner .sectionWrapper .c1 .content .block img {
  max-width: 7rem;
  margin-bottom: 0.8rem;
}

.workWithUs_banner .sectionWrapper .c1 .content .block h3 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  max-width: 100%;
}

@media only screen and (max-width: 1024px) {
  .workWithUs_banner .sectionWrapper .c1 .content .block h3 {
    max-width: 100%;
  }
}

.workWithUs_banner .sectionWrapper .c2 {
  width: 50%;
  position: relative;
  display: flex;
}

.workWithUs_banner .sectionWrapper .c2 svg {
  width: 100%;
  height: auto;
  object-fit: contain;
  align-self: flex-end;
  justify-self: flex-end;
}

.workWithUs_contact {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 11.8rem;
}

.workWithUs_contact .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.workWithUs_contact .sectionWrapper .head {
  max-width: 60%;
}

.workWithUs_contact .sectionWrapper .head h1 {
  font-family: var(--manrope);
  font-size: var(--font32);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 4rem;
}

.workWithUs_contact .sectionWrapper .form {
  display: flex;
  flex-direction: column;
  max-width: 50%;
}

.workWithUs_contact .sectionWrapper .form .row {
  display: flex;
  flex-direction: column;
}

.workWithUs_contact .sectionWrapper .form .row label {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.4rem;
  position: relative;
  display: flex;
}

.upload-wrapper br,
.upload-text br {
  display: none !important;
}

.workWithUs_contact .sectionWrapper .form .row input,
.workWithUs_contact .sectionWrapper .form .row textarea {
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.1rem 1.5rem;
  font-size: var(--font20);
  font-family: var(--manrope);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  transition: all 0.3s ease;
  outline: none;
  width: 100%;
  margin-bottom: 2rem;
  transition: all 0.3s ease-in-out;
}

.workWithUs_contact .sectionWrapper .form .row input:focus,
.workWithUs_contact .sectionWrapper .form .row textarea:focus {
  box-shadow: 4px 4px 0 0 #0f795f;
}

.workWithUs_contact .sectionWrapper .form .row textarea {
  border-radius: 2rem;
  resize: none;
}

.workWithUs_contact .sectionWrapper .form .upload-wrapper {
  cursor: pointer;
  position: relative;
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.1rem 1.5rem;
  font-size: var(--font20);
  font-family: var(--manrope);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  transition: all 0.3s ease;
  outline: none;
  width: 100%;
  margin-bottom: 4rem;
}

.workWithUs_contact .sectionWrapper .form .upload-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.workWithUs_contact .sectionWrapper .form .upload-wrapper .upload-text {
  font-family: var(--manrope);
  font-size: var(--font14);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #666;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.workWithUs_contact .sectionWrapper .form .upload-wrapper .upload-text .upload-icon {
  margin-right: 8px;
  font-size: 18px;
}

.workWithUs_contact .sectionWrapper .form .submit {
  align-self: flex-start;
  padding: 2.1rem 7.7rem;
}

.workWithUs_contact .sectionWrapper .foot-text {
  display: flex;
  flex-direction: column;
  margin-top: 4.8rem;
}

.workWithUs_contact .sectionWrapper .foot-text h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.workWithUs_contact .sectionWrapper .foot-text p {
  font-family: var(--manrope);
  font-size: var(--font18);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.workWithUs_contact .sectionWrapper .foot-text a {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.workWithUs_contact .sectionWrapper .foot-text a:hover {
  opacity: 0.7;
}

.contactUs_banner {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 11.8rem;
}

.contactUs_banner .sectionWrapper {
  display: flex;
  flex-direction: column;
}

.contactUs_banner .sectionWrapper .head {
  max-width: 60%;
}

.contactUs_banner .sectionWrapper .head h1 {
  font-family: var(-playfairDisplay);
  font-size: var(--font64);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -1.28px;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.manual-linebreak {
  display: block;
  /* makes it act like an empty line */
  width: 100%;
  height: 0;
  /* height 0 so it doesn't shift baseline, margin creates spacing */
  margin: 0.6em 0;
  /* adjust vertical space to match your <br><br> look */
  pointer-events: none;
}

.contactUs_banner .sectionWrapper .head p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 3.2rem;
  max-width: 70rem;
}

.contactUs_banner .sectionWrapper .container {
  display: flex;
  gap: 20%;
}

@media only screen and (max-width: 1024px) {
  .contactUs_banner .sectionWrapper .container {
    gap: 10%;
  }
}

.contactUs_banner .sectionWrapper .container .form {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.contactUs_banner .sectionWrapper .container .form .row {
  display: flex;
  flex-direction: column;
}

.contactUs_banner .sectionWrapper .container .form .row label {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.contactUs_banner .sectionWrapper .container .form .row input,
.contactUs_banner .sectionWrapper .container .form .row textarea {
  border-radius: 4rem;
  box-shadow: 4px 4px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.1rem 1.5rem;
  font-size: var(--font20);
  font-family: var(--manrope);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  transition: all 0.3s ease;
  outline: none;
  width: 100%;
  margin-bottom: 4rem;
  transition: all 0.3s ease-in-out;
}

.contactUs_banner .sectionWrapper .container .form .row input:focus,
.contactUs_banner .sectionWrapper .container .form .row textarea:focus {
  box-shadow: 4px 4px 0 0 #0f795f;
}

.contactUs_banner .sectionWrapper .container .form .row textarea {
  border-radius: 2rem;
  resize: none;
}

.contactUs_banner .sectionWrapper .container .form .submit {
  align-self: flex-start;
  padding: 2.1rem 7.7rem;
}

.contactUs_banner .sectionWrapper .container .c2 {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.contactUs_banner .sectionWrapper .container .c2 .block img {
  max-width: 4.8rem;
  margin-bottom: 1.6rem;
}

.contactUs_banner .sectionWrapper .container .c2 .block h1 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 0.8rem;
}

.contactUs_banner .sectionWrapper .container .c2 .block p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 1.6rem;
}

.contactUs_banner .sectionWrapper .container .c2 .block a {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.contactUs_banner .sectionWrapper .container .c2 .block a:hover {
  font-weight: 500;
}

.contact-lottie {
  position: relative;
  width: 100%;
  margin-top: -20%;
  z-index: -5;
}

.single_banner {
  position: relative;
  padding-top: 7.5rem;
}

.single_banner .sectionWrapper .back {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  margin-bottom: 4.2rem;
  transition: none;

}

.single_banner .sectionWrapper .back img {
  max-width: 4.8rem;
  transition: all .3s ease-in-out;
}

.single_banner .sectionWrapper .back:hover img {
  transform: translateX(-5px);
}

.single_banner .sectionWrapper .back h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.single_banner .sectionWrapper .head {
  display: flex;
  flex-direction: column;
}

.single_banner .sectionWrapper .head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 4.5rem;
}

.single_banner .sectionWrapper .head img {
  width: 100%;
  border-radius: 6rem;
  object-fit: cover;
  margin-bottom: 2.4rem;
}

.single_content {
  display: flex;
  position: relative;
}

.single_content .sectionWrapper {
  padding-right: 0;
}

.single_content .content {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.single_content .content .c1 {
  width: 50%;
}

.single_content .content .c1 img {
  border-radius: 2rem;
}

.single_content .content .c2 {
  position: relative;
  max-width: 50rem;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;

}

.single_content .content .c2 svg {

  align-self: flex-end;
  height: auto !important;
}

.single_content .content h2 {
  font-family: var(--manrope);
  font-size: var(--font28);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  padding-bottom: 0.8rem;
}

.single_content .content p {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  padding-bottom: 2rem;
}

.single_content .content p a {
  font-family: var(--manrope);
  font-size: var(--font20);
  color: rgba(20, 27, 23, 0.8);
  font-weight: bold;
}


.single_content .content ul,
.single_content .content ol {
  position: relative;
}

.single_content .content ul li,
.single_content .content ol li {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  padding-bottom: 0.5rem;
  margin-left: 2%;
}

.single_content .content ul li a,
.single_content .content ol li a {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
}

.single_exploreMore {
  position: relative;
  padding-top: 10rem;
  padding-bottom: 18rem;
  display: flex;
  flex-direction: column;
}

.single_exploreMore .bg {
  position: absolute;
  bottom: 0;
  left: 7.5vw;
}

.single_exploreMore>.head {
  display: flex;
  margin-bottom: 4rem;
  align-items: center;
  justify-content: center;
}

.single_exploreMore>.head h1 {
  font-family: var(--playfairDisplay);
  font-size: var(--font48);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #141b17;
}

.single_exploreMore>.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.4rem;
  row-gap: 3.4rem;
}

@media only screen and (max-width: 1024px) {
  .single_exploreMore>.container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.single_exploreMore>.container .card {
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  box-shadow: 6px 6px 0 0 #000;
  border: solid 1px #141b17;
  background-color: #fff;
  padding: 2.4rem;
}

.single_exploreMore>.container .card .head {
  display: flex;
  flex-direction: column;
}

.single_exploreMore>.container .card .head img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2rem;
  margin-bottom: 2.4rem;
  aspect-ratio: 16/9;
}

.single_exploreMore>.container .card .head .tag {
  margin-bottom: 0.8rem;
}

.single_exploreMore>.container .card .head .tag>h1 {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
}

.single_exploreMore>.container .card .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.single_exploreMore>.container .card .content h1 {
  font-family: var(--manrope);
  font-size: var(--font20);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #141b17;
  margin-bottom: 0.8rem;
}

.single_exploreMore>.container .card .content p {
  font-family: var(--manrope);
  font-size: var(--font12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(20, 27, 23, 0.8);
  margin-bottom: 0.8rem;
}

.single_exploreMore>.container .card .content a {
  font-family: var(--manrope);
  font-size: var(--font14);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fffdf3;
  align-self: flex-start;
  margin-top: auto;
}

.single_exploreMore .viewMore {
  align-self: center;
  margin-top: 4.7rem;
}

/* Individual field error messages */
.wpcf7-not-valid-tip {
  display: block !important;
  color: #000 !important;
  /* black text */
  font-size: 13px;
  margin-top: 6px;
  opacity: 1 !important;
  transition: opacity 0.3s ease-in-out;
  font-family: var(--manrope) !important;
}

/* Highlight invalid fields */
.wpcf7-not-valid {
  border-color: #000 !important;
  outline: none !important;
  font-family: var(--manrope) !important;
}

/* All form-level messages (error, unaccepted, failed, etc.) */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  color: #000 !important;
  border: 1px solid #000 !important;
  background: transparent !important;
  font-size: 14px;
  padding: 10px 15px;
  margin-top: 15px;
  border-radius: 4px;
  font-family: var(--manrope) !important;
}

/* Success message styling (for consistency) */
.wpcf7 form.sent .wpcf7-response-output {
  color: #000 !important;
  border: 1px solid #000 !important;
  background: transparent !important;
  font-family: var(--manrope) !important;
}