@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --primary-font: "Outfit", sans-serif;
  --green: #5dd075;
  --violet: #9488c3;
  --text-bright: #ebebeb;
  --text-base: #d7d7d7;
  --text-dim: #afafaf;
  --bg-color: #141414;
  --indigo-brillio: #211747;
  --green-brillio: #2cc84d;
}

body {
  font-family: var(--primary-font);
  background-color: var(--bg-color) !important;
  color: var(--text-base) !important;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: var(--primary-font);
  font-weight: 400;
}

h1 {
  font-size: 60px;
  line-height: 125%;
}

h2 {
  font-size: 48px;
  line-height: 125%;
}

h3 {
  font-size: 30px;
  line-height: 130%;
}

h4 {
  font-size: 24px;
  line-height: 150%;
}

h5 {
  font-size: 20px;
  line-height: 150%;
}

p {
  font-size: 16px;
  font-weight: normal;
  line-height: 150%;
}

.text-violet {
  color: var(--violet);
}

.text-green {
  color: var(--green);
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
}

img,
svg,
canvas {
  max-width: 100%;
}

.green-line {
  position: relative;
}
.green-line::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -532px;
  top: 50%;
  height: 2px;
  width: 500px;
  background-color: var(--green);
}

.element {
  position: absolute;
  width: 450px;
  height: 530px;
  margin-bottom: 0;
}
.element img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.carousel-indicators [data-bs-target] {
  text-indent: -1999px;
}

/*
==============
Footer Start
==============
*/
.footer-main {
  padding-block: 48px;
  border-top: 1px solid rgba(175, 175, 175, 0.25);
  border-bottom: 1px solid rgba(175, 175, 175, 0.25);
}
.footer-main ul {
  position: relative;
  z-index: 10;
  list-style: none;
  padding-left: 0;
}
.footer-main .column-1 .mail {
  margin-block: 16px;
  font-size: 14px;
}
.footer-main .column-1 .mail a {
  color: var(--text-base);
}
.footer-main .column-1 ul {
  display: flex;
  gap: 14px;
}
.footer-main .title-text {
  color: var(--text-dim);
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
.footer-main .list-footer li {
  margin-bottom: 16px;
}
.footer-main .list-footer li a {
  color: var(--text-base);
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
}
.footer-main .list-footer li a:hover {
  color: var(--green);
  text-decoration: none;
}
.footer-main .column-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 90px;
       column-gap: 90px;
}
.footer-second {
  padding-block: 16px 6px;
}
.footer-second p {
  color: var(--text-base);
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 0;
}
.footer-second ul {
  list-style: none;
  display: flex;
  gap: 28px;
  padding-left: 0;
}
.footer-second ul li {
  color: var(--text-base);
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
}
.footer-second ul a {
  color: var(--text-base);
}
.footer-second ul a:hover {
  color: var(--green);
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .footer-main .column-1 {
    margin-bottom: 72px;
  }
  .footer-main .title-text {
    font-size: 12px;
  }
  .footer-main .list-footer li a {
    font-size: 12px;
  }
  .footer-main .column-wrap {
    grid-template-columns: 1fr 1fr 0.5fr;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .footer-main .column-1 {
    margin-bottom: 52px;
  }
  .footer-main .column-2,
  .footer-main .column-3 {
    margin-bottom: 48px;
  }
  .footer-main .title-text {
    font-size: 12px;
  }
  .footer-main .list-footer li a {
    font-size: 12px;
  }
  .footer-main .column-wrap {
    grid-template-columns: 1fr;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
  .footer-second p {
    margin-bottom: 12px;
  }
  .footer-second ul {
    list-style: none;
    display: flex;
    gap: 28px;
    padding-left: 0;
  }
  .footer-second ul li {
    color: var(--text-base);
    font-size: 12px;
    font-weight: 300;
    line-height: 150%;
  }
}
/* Portrait phones and smaller */
@media (max-width: 575px) {
  .footer-second ul {
    flex-direction: column;
    gap: 12px;
  }
}
/*
==============
Footer End
==============
*/
/*
==============
Home Start
==============
*/
/* main-video-banner */
.main-video-banner .slider-background-img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-video-banner .banner-main-content .instruction {
  font-size: 12px;
}

/* Home Section 2 */
.home-section-2 {
  padding-block: 165px 105px;
  position: relative;
}
.home-section-2 h1 {
  max-width: 705px;
}
.home-section-2 .element-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 538px;
  height: 530px;
}
.home-section-2 .line-element {
  padding-block: 2rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.home-section-2 .line-element .line {
  display: block;
  height: 1px;
  width: 300px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* Home Section 3 */
.future-imperatives {
  padding-block: 120px;
  position: relative;
  overflow: hidden;
}
.future-imperatives .title {
  margin-bottom: 72px;
  position: relative;
  z-index: 1;
}
.future-imperatives-card-wrap {
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 80px;
  grid-row-gap: 64px;
  position: relative;
  z-index: 1;
}
.future-imperatives .tab-view {
  display: none;
}
.future-imperatives-card {
  border: 1px solid rgba(235, 235, 235, 0.5);
  border-radius: 5px;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.future-imperatives-card:hover {
  background: linear-gradient(180deg, #6854ba, transparent) #211747;
  box-shadow: 0px 1px 10px 1px rgba(255, 255, 255, 0.3);
  transition: all 0.4s;
}
.future-imperatives-card__img figure {
  aspect-ratio: 28/18;
  border-radius: 2px;
  overflow: hidden;
}
.future-imperatives-card__img figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.future-imperatives-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.future-imperatives-card__body h4 {
  margin-bottom: 36px;
}
.future-imperatives-card__body a.btn {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-base);
  padding: 0;
}
.future-imperatives-card__body a.btn:focus {
  box-shadow: none;
}
.future-imperatives-card__body a.btn p {
  margin-bottom: 0;
  text-align: start;
}
.future-imperatives-card__body a.btn svg {
  margin-top: 4px;
}
.future-imperatives .element-left {
  position: absolute;
  top: -5%;
  left: 0;
  width: 538px;
  height: 530px;
}
.future-imperatives .element-right {
  position: absolute;
  top: 20%;
  right: -5%;
  width: 538px;
  height: 530px;
  z-index: 0;
}

/* Home Section 5 */
.partners {
  padding-block: 100px;
  position: relative;
  overflow: hidden;
}
.partners .title {
  margin-bottom: 72px;
}
.partners-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 24px;
  position: relative;
  z-index: 1;
}
.partners-wrap.mobile-view {
  display: none;
}
.partners-logo {
  border-radius: 5px;
  border: 1px solid var(--text-dim);
  padding: 28px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  aspect-ratio: 282/138;
}
.partners-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.partners-cta-wrap {
  margin-top: 32px;
  position: relative;
  z-index: 10;
}
.partners-cta {
  color: var(--green);
}
.partners-cta:hover {
  color: var(--green-brillio);
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.partners .element-right {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 538px;
  height: 530px;
  z-index: 0;
}

/* Home Section 6 */
.lets-connect {
  padding-block: 65px 205px;
  position: relative;
}
.lets-connect h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  max-width: 740px;
}
.lets-connect .cta-btn {
  position: relative;
  z-index: 1;
  border-radius: 2px;
  border: 1px solid var(--text-bright);
  color: var(--text-bright);
  cursor: pointer;
  overflow: hidden;
  transition: all 2s;
  padding: 3px;
  background-color: transparent;
}
.lets-connect .cta-btn__text {
  background-color: var(--bg-color);
  padding: 13px 48px;
  position: relative;
  z-index: 1;
  font-size: 20px;
  color: var(--text-bright);
}
.lets-connect .cta-btn:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 120%;
  background: linear-gradient(90deg, rgba(93, 208, 117, 0) 0%, rgb(93, 208, 117) 50%, rgba(93, 208, 117, 0) 100%);
  top: 50%;
  transform: translate(-200%, -50%);
  transition: all 2s;
}
.lets-connect .cta-btn:hover::before {
  transform: translate(150%, -50%);
  transition-delay: 0.1s;
}
.lets-connect .element-left {
  width: 400px;
  top: -30%;
  left: 0;
}
.lets-connect .element-right {
  bottom: -150px;
  right: 0;
  width: 350px;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .green-line::before {
    display: none;
  }
  /* Home Section 3 */
  .future-imperatives-card-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 32px;
  }
}
/* Portrait tablets and small desktops */
@media (min-width: 576px) and (max-width: 991px) {
  .green-line::before {
    display: none;
  }
  /* Home Section 2 */
  .home-section-2 {
    padding-block: 165px 50px;
    overflow: hidden;
  }
  .home-section-2 h1 {
    max-width: 524px;
  }
  .home-section-2 .element-right {
    top: -10%;
    right: -10%;
  }
  .home-section-2 .line-element .dot {
    flex-shrink: 0;
  }
  /* Home Section 3 */
  .future-imperatives {
    padding-block: 80px;
    position: relative;
    overflow: hidden;
  }
  .future-imperatives .title {
    margin-bottom: 72px;
    max-width: 432px;
  }
  .future-imperatives .tab-view {
    display: block;
    position: relative;
    z-index: 10;
  }
  .future-imperatives .slick-slider .slick-track {
    display: flex !important;
  }
  .future-imperatives .slick-slider .slick-slide {
    height: inherit !important;
  }
  .future-imperatives-card-wrap.desktop-view {
    display: none;
  }
  .future-imperatives-card {
    margin-inline: 0.75rem;
    height: 100%;
  }
  .future-imperatives .element-left {
    top: -15%;
    left: -10%;
    z-index: 1;
  }
  .future-imperatives .element-right {
    display: none;
  }
  /* Home Section 5 */
  .partners-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }
  /* Home Section 6 */
  .lets-connect {
    padding-block: 65px 205px;
    position: relative;
  }
  .lets-connect h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
  }
  .lets-connect .element-left {
    top: -30%;
    left: -5%;
  }
  .lets-connect .element-right {
    bottom: -40%;
    right: 0;
  }
}
/* Portrait phones and smaller */
@media (max-width: 575px) {
  /* Home Section 2 */
  .home-section-2 {
    padding-block: 94px 40px;
  }
  .home-section-2 h1 {
    font-size: 30px;
    max-width: 296px;
  }
  .home-section-2 .element-right {
    width: 236px;
    height: 275px;
  }
  /* Home Section 3 */
  .future-imperatives {
    padding-block: 40px;
  }
  .future-imperatives .title {
    margin-bottom: 60px;
    font-size: 20px;
    max-width: 292px;
  }
  .future-imperatives-card-wrap.desktop-view {
    display: none;
  }
  .future-imperatives-card {
    margin-inline: 0.75rem;
    height: 100%;
    padding: 12px;
  }
  .future-imperatives-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .future-imperatives-card__body h4 {
    font-size: 20px;
  }
  .future-imperatives-card__body a.btn p {
    font-size: 14px;
  }
  .future-imperatives .tab-view {
    display: block;
    position: relative;
    z-index: 10;
  }
  .future-imperatives .slick-slider .slick-track {
    display: flex !important;
  }
  .future-imperatives .slick-slider .slick-slide {
    height: inherit !important;
  }
  .future-imperatives .element-left {
    top: -10%;
    left: -10%;
    width: 236px;
    height: 275px;
    z-index: 1;
  }
  .future-imperatives .element-right {
    display: none;
  }
  /* Home Section 5 */
  .partners {
    padding-block: 60px;
    position: relative;
    overflow: hidden;
  }
  .partners .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .partners-wrap {
    grid-template-columns: 1fr;
  }
  .partners-wrap.desktop-view {
    display: none;
  }
  .partners-wrap.mobile-view {
    display: block;
  }
  .partners-logo {
    margin-inline: 10px;
    aspect-ratio: 328/108;
  }
  .partners-logo img {
    max-width: 168px;
    margin: auto;
    width: 100%;
    height: 100%;
  }
  .partners-cta-wrap {
    margin-top: 16px;
    margin-left: 10px;
  }
  .partners .element-right {
    width: 236px;
    height: 275px;
  }
  /* Home Section 6 */
  .lets-connect {
    padding-block: 48px 72px;
    position: relative;
  }
  .lets-connect h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    font-size: 30px;
  }
  .lets-connect .element-left {
    top: -30%;
    left: -5%;
    width: 236px;
    height: 275px;
  }
  .lets-connect .element-right {
    bottom: -40%;
    right: 0;
    width: 236px;
    height: 275px;
  }
}
/*
==============
Home End
==============
*/
/*
=======================
Section Component Start
=======================
*/
.section-gap {
  width: 100%;
  height: 76px;
}

/* services-banner */
.services-banner {
  position: relative;
}
.services-banner .carousel-indicators-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.services-banner .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 38px;
}
.services-banner .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.services-banner .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.services-banner-wrap {
  padding-block: 15px 38px;
}
.services-banner-bg {
  position: absolute;
  width: 40%;
  right: 0;
  top: 0;
  bottom: 0;
}
.services-banner-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.services-banner-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.services-banner-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-banner-breadcrumb {
  position: absolute;
  top: 16px;
  z-index: 10;
}
.services-banner-breadcrumb .breadcrumb-item {
  font-size: 12px;
}
.services-banner-breadcrumb .breadcrumb-item a {
  color: var(--text-dim);
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
}
.services-banner-breadcrumb .breadcrumb-item.active {
  color: var(--text-base);
  font-weight: 500;
  line-height: 150%;
  display: flex;
  align-items: flex-end;
}
.services-banner-breadcrumb .breadcrumb-item + .breadcrumb-item.active::before {
  color: var(--text-base);
}
.services-banner-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-dim);
}
.services-banner-heading {
  position: relative;
  max-width: 50%;
  margin-top: 55px;
  margin-bottom: 80px;
}
.services-banner-heading__title {
  margin-bottom: 16px;
  color: var(--text-base);
}
.services-banner-heading__sub-text {
  color: var(--text-base);
}
.services-banner .element-left {
  top: -100px;
  left: 0;
}

/* section-navbar */
.section-navbar {
  position: sticky;
  top: 76px;
  z-index: 100;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(183.72% 204.64% at 25.92% -12.5%, #755fd0 0%, #7660d2 34.19%, #211747 100%);
  padding-block: 24px;
}
.section-navbar .nav {
  gap: 48px;
}
.section-navbar .nav-link {
  padding: 0;
  color: var(--text-base);
}

/* value-preposition */
.value-proposition {
  padding-block: 72px;
  position: relative;
}
.value-proposition .title {
  margin-bottom: 48px;
  position: relative;
  z-index: 10;
}
.value-proposition .content {
  max-width: 612px;
  position: relative;
  z-index: 10;
}
.value-proposition .content > * {
  font-size: 20px;
  color: var(--text-base);
}
.value-proposition .content strong,
.value-proposition .content b {
  font-weight: 600;
  color: var(--text-bright);
}
.value-proposition .element-right {
  right: 0;
  top: 0;
}

/* testimonial */
.testimonial {
  padding-block: 72px 50px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(170deg, #755fd0 -31.77%, #6c53d4 15.59%, #211747 110.04%);
  position: relative;
}
.testimonial .title {
  margin-bottom: 50px;
  position: relative;
}
.testimonial .title::before {
  content: "";
  width: 32px;
  height: 22px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='22' viewBox='0 0 32 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6056 5.96512C25.252 6.59329 25.7371 7.34301 26.4401 7.50252C29.6215 8.22438 32 11.1699 32 14.6667C32 18.7 28.8 22 24.8889 22C20.9778 22 17.7778 18.7 17.7778 14.6667C17.7778 8.47138 21.4979 3.17625 26.7613 1.0261C27.787 0.607089 28.4386 2.32242 27.6814 3.13131C26.9588 3.90317 26.239 4.83991 25.6056 5.96512ZM14.2222 14.6667C14.2222 18.7 11.0222 22 7.11111 22C3.2 22 0 18.7 0 14.6667C0 8.47138 3.72011 3.17624 8.98352 1.0261C10.0092 0.607088 10.6608 2.32242 9.90362 3.13131C9.18107 3.90317 8.46126 4.83991 7.82785 5.96512C7.47423 6.59329 7.95935 7.34301 8.66234 7.50252C11.8438 8.22438 14.2222 11.1699 14.2222 14.6667Z' fill='%23EBEBEB'/%3E%3C/svg%3E");
  position: absolute;
  top: 5px;
  left: -52px;
}
.testimonial .carousel-inner {
  overflow: unset;
}
.testimonial .carousel-indicators-container {
  position: relative;
  margin-top: 100px;
}
.testimonial .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 0;
}
.testimonial .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
  margin: 0 !important;
}
.testimonial .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.testimonial-customer {
  max-width: 706px;
  position: relative;
  display: block;
  padding-left: 48px;
  padding-bottom: 24px;
  box-shadow: -12px 8px 0 -10px #cdcdcd;
}
.testimonial-customer::before {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  background-color: #cdcdcd;
  position: absolute;
  left: 0;
  top: 18px;
}
.testimonial-customer::after {
  content: "";
  display: block;
  width: 282px;
  height: 2px;
  background-color: #cdcdcd;
  position: absolute;
  left: -1px;
  bottom: 1px;
}
.testimonial-customer__group {
  margin-bottom: 48px;
}
.testimonial-customer__group .customer-name {
  font-weight: 600;
  margin-bottom: 0;
}
.testimonial-customer__group .sub-text {
  font-size: 14px;
  margin-bottom: 0;
}
.testimonial-customer__content {
  position: relative;
  z-index: 1;
}
.testimonial-customer__content p {
  font-size: 20px;
}
.testimonial .element-tab {
  display: none;
}
.testimonial .element-right {
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

/* recognition */
.recognition {
  position: relative;
  padding-block: 95px 72px;
}
.recognition .title {
  margin-bottom: 72px;
}
.recognition-card-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 25px 21px;
  position: relative;
  z-index: 1;
}
.recognition-card-mobile {
  display: none;
}
.recognition-card {
  position: relative;
  padding: 48px 24px 24px 24px;
  border-radius: 5px;
  border: 1px solid var(--Text-Dim, #afafaf);
}
.recognition-card__badge {
  background-color: var(--violet);
  position: absolute;
  left: 0;
  top: 16px;
  border-radius: 0px 2px 2px 0px;
}
.recognition-card__badge .group {
  position: relative;
  display: inline-flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.recognition-card__badge span {
  position: relative;
  color: var(--Indigo-Brillio, #211747);
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.recognition-card__img {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.recognition-card__img img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 72px;
}
.recognition-card__text {
  margin-bottom: 0;
  text-align: center;
}
.recognition .element img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recognition .element-left {
  top: 0;
  left: 0;
}
.recognition .element-right {
  bottom: -220px;
  right: 0;
}

/* capabilities */
.capabilities {
  padding-block: 72px 87px;
}
.capabilities .title {
  margin-bottom: 96px;
}
.capabilities-card-wrap {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px 21px;
}
.capabilities-card {
  position: relative;
  display: flex;
  gap: 24px;
  padding-left: 35px;
}
.capabilities-card:hover .capabilities-card__img img {
  scale: 1.05;
}
.capabilities-card:hover .capabilities-card__body .heading {
  color: var(--violet);
}
.capabilities-card:hover .capabilities-card__body .link {
  position: relative;
  color: var(--green);
  font-weight: 600;
  font-size: 20px;
  z-index: 10;
}
.capabilities-card:hover::before {
  display: block;
}
.capabilities-card::before {
  content: "";
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='284' height='250' viewBox='0 0 284 250' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7759 1H1V249H283V229.963' stroke='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 284px;
  height: 250px;
  position: absolute;
  left: 0;
  top: 32px;
}
.capabilities-card__img {
  flex-shrink: 0;
  width: 200px;
  height: 240px;
  margin-bottom: 0;
  overflow: hidden;
}
.capabilities-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale 0.1s;
  border-radius: 2px;
}
.capabilities-card__body .heading {
  font-weight: 600;
  line-height: 36px;
  min-height: 72px;
  transition: color 0.1s;
}
.capabilities-card__body .content {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.capabilities-card__body .link {
  transition: all 0.1s;
}
.capabilities-card__body .link:hover {
  color: inherit;
}
.capabilities-card__body .link svg {
  margin-left: 8px;
}

/* solutions */
.solutions {
  position: relative;
  padding-block: 70px 78px;
}
.solutions .title {
  margin-bottom: 67px;
}
.solutions .carousel-indicators-container {
  position: relative;
  margin-top: 80px;
}
.solutions .carousel-item {
  transition: transform 1s ease-in-out;
}
.solutions .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 0;
}
.solutions .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.solutions .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.solutions-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 128px;
       column-gap: 128px;
}
.solutions-card-tab {
  display: none;
}
.solutions-card {
  max-width: 280px;
}
.solutions-card:hover .solutions-card__body .link {
  color: var(--green);
}
.solutions-card__heading h4 {
  margin-bottom: 16px;
}
.solutions-card__body {
  position: relative;
}
.solutions-card__body::after {
  content: "";
  display: block;
  width: 79px;
  height: 70px;
  position: absolute;
  top: -18px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='70' viewBox='0 0 79 70' fill='none'%3E%3Cpath d='M0 1L76 1.00001C77.1046 1.00001 78 1.89544 78 3.00001L78 70' stroke='url(%23paint0_linear_0_716)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_716' x1='84.8824' y1='-26.8421' x2='44.6225' y2='17.8587' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.solutions-card__body .heading {
  font-weight: 600;
  color: var(--violet);
  margin-bottom: 1rem;
}
.solutions-card__body .link {
  transition: all 0.1s;
}
.solutions-card__body .link:hover {
  color: inherit;
}
.solutions-card__body .link svg {
  margin-left: 8px;
}
.solutions .element-left {
  top: -200px;
  left: 0;
}
.solutions .element-right {
  right: 0;
  bottom: -200px;
}

/* partners */
.partners .carousel-inner {
  overflow: unset;
}
.partners .carousel-indicators-container {
  position: relative;
  margin-top: 24px;
}
.partners .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 0;
}
.partners .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.partners .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.partners .partners-group {
  display: none;
}

/* contact-form */
.contact-form {
  padding-block: 100px 60px;
  position: relative;
}
.contact-form.contact-form-breadcrumb {
  padding-block: 100px 60px;
}
.contact-form-heading {
  margin-bottom: 83px;
  position: relative;
  z-index: 10;
}
.contact-form .title {
  margin-bottom: 72px;
  position: relative;
  z-index: 10;
}
.contact-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px 126px;
}
.contact-form form {
  max-width: 894px;
  position: relative;
  z-index: 10;
}
.contact-form form .form-control,
.contact-form form .form-select {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--text-dim);
  color: var(--text-base);
}
.contact-form form .form-control:focus,
.contact-form form .form-select:focus {
  box-shadow: none;
}
.contact-form form .form-select {
  color: var(--bg-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M8.84347 8.16266L15.8109 0.227084C15.8293 0.206348 15.8407 0.181428 15.8438 0.155186C15.847 0.128944 15.8417 0.102444 15.8287 0.0787304C15.8157 0.0550162 15.7954 0.0350498 15.7702 0.0211236C15.745 0.00719743 15.7159 -0.000123597 15.6863 1.57871e-06L14.1566 1.57871e-06C14.0597 1.57871e-06 13.9667 0.0404893 13.9073 0.107382L8.34481 6.44458L2.78232 0.107382C2.72296 0.038729 2.62995 1.57871e-06 2.53299 1.57871e-06L1.00335 1.57871e-06C0.870772 1.57871e-06 0.797556 0.135547 0.878688 0.227084L7.84614 8.16266C7.90529 8.23011 7.98094 8.28467 8.06735 8.3222C8.15376 8.35973 8.24865 8.37924 8.34481 8.37924C8.44097 8.37924 8.53586 8.35973 8.62227 8.3222C8.70868 8.28467 8.78433 8.23011 8.84347 8.16266Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
}
.contact-form form label {
  font-weight: 400;
  line-height: 150%;
  color: var(--text-dim);
  padding-left: 0;
}
.contact-form form .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 1;
}
.contact-form form .form-floating > .form-control:focus ~ label,
.contact-form form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.contact-form form .form-floating > .form-select ~ label {
  opacity: 1;
}
.contact-form form .form-check-input {
  border-radius: 0;
  background-color: transparent;
  border: 0.5px solid var(--Text-Base, #d7d7d7);
}
.contact-form form .form-check-input:focus {
  box-shadow: none;
}
.contact-form form a {
  text-decoration: underline;
  color: var(--green);
}
.contact-form form .btn-submit {
  padding: 0;
  border: 0;
  background: transparent;
}
.contact-form form .cta-btn {
  position: relative;
  z-index: 1;
  border-radius: 2px;
  border: 1px solid var(--text-bright);
  color: var(--text-bright);
  cursor: pointer;
  overflow: hidden;
  padding: 3px;
  background-color: transparent;
  margin-top: 72px;
}
.contact-form form .cta-btn:focus {
  transition: none;
  background-color: var(--text-bright);
  color: var(--bg-color);
}
.contact-form form .cta-btn:focus .cta-btn__text {
  background-color: var(--text-bright);
  color: var(--bg-color);
}
.contact-form form .cta-btn__text {
  background-color: var(--bg-color);
  padding: 13px 48px;
  position: relative;
  z-index: 1;
  font-size: 20px;
  color: var(--text-bright);
}
.contact-form form .cta-btn:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 120%;
  background: linear-gradient(90deg, rgba(93, 208, 117, 0) 0%, rgb(93, 208, 117) 50%, rgba(93, 208, 117, 0) 100%);
  top: 50%;
  transform: translate(-200%, -50%);
  transition: all 2s;
}
.contact-form form .cta-btn:hover::before {
  transform: translate(150%, -50%);
  transition-delay: 0.1s;
}
.contact-form .element {
  width: 400px;
}
.contact-form .element-left {
  top: 0;
  left: 0;
}
.contact-form .element-right {
  right: 0;
  top: 300px;
}

/* focus-areas */
.focus-areas {
  position: relative;
  padding-block: 64px;
}
.focus-areas .title {
  margin-bottom: 72px;
}
.focus-areas-wrap {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px;
}
.focus-areas-card {
  padding-left: 24px;
  border-left: 3px solid var(--violet);
}
.focus-areas-card .heading {
  font-weight: 600;
}
.focus-areas-card .content {
  margin-bottom: 0;
}
.focus-areas .element-left {
  top: -150px;
  left: 0;
}

/* your-benefits */
.your-benefits {
  position: relative;
  padding-block: 100px 60px;
}
.your-benefits .title {
  margin-bottom: 96px;
}
.your-benefits-carousel-mobile {
  display: none;
}
.your-benefits-carousel__item {
  transform: scale3d(0.8, 0.8, 1);
  transition: all 0.9s ease-in-out;
  color: var(--text-dim);
}
.your-benefits-carousel__item h2,
.your-benefits-carousel__item p {
  color: var(--text-dim);
  font-size: 24px;
}
.your-benefits-carousel .center .your-benefits-carousel__item {
  transform: scale3d(1, 1, 1) translateY(-10px);
  color: var(--text-bright);
}
.your-benefits-carousel .center .your-benefits-carousel__item h2 {
  font-size: 80px;
  color: var(--text-bright);
}
.your-benefits-carousel .center .your-benefits-carousel__item p {
  color: var(--text-bright);
  margin-bottom: 0;
  font-size: 20px;
}
.your-benefits-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.your-benefits .element-line {
  position: absolute;
  right: 25%;
  top: 160px;
}
.your-benefits .element-line-bottom {
  top: unset;
  bottom: 0;
  right: 0;
}
.your-benefits .element-line .line-1 {
  width: 117px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 17px;
}
.your-benefits .element-line .line-2 {
  width: 58px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}
.your-benefits .element-right {
  right: 0;
  bottom: 0;
}

/* innovation-quotient */
.innovation-quotient {
  position: relative;
  padding-block: 100px 160px;
}
.innovation-quotient .title {
  margin-bottom: 104px;
}
.innovation-quotient-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px 126px;
}
.innovation-quotient-card {
  position: relative;
  text-align: center;
  padding-top: 34px;
}
.innovation-quotient-card::after {
  content: "";
  display: block;
  width: 79px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='70' viewBox='0 0 79 70' fill='none'%3E%3Cpath d='M0 1L76 1.00001C77.1046 1.00001 78 1.89544 78 3.00001L78 70' stroke='url(%23paint0_linear_0_716)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_716' x1='84.8824' y1='-26.8421' x2='44.6225' y2='17.8587' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.innovation-quotient-card .heading {
  margin-bottom: 16px;
}
.innovation-quotient-card .content {
  color: var(--violet);
  font-weight: 600;
}
.innovation-quotient .element-right {
  right: 0;
  top: 0;
}

/* unique-formula */
.unique-formula {
  position: relative;
  padding-block: 68px 100px;
}
.unique-formula-tab {
  position: relative;
  z-index: 10;
  padding-top: 120px;
}
.unique-formula-tab .nav {
  align-items: center;
  gap: 48px;
  margin-bottom: 36px;
}
.unique-formula-tab .nav-link {
  color: var(--text-base);
  padding: 0;
}
.unique-formula-tab .nav-link.active {
  background-color: transparent;
  color: var(--green-brillio);
  font-size: 30px;
  font-weight: 600;
}
.unique-formula-tab .tab-content {
  position: relative;
}
.unique-formula-tab__content {
  width: 50%;
  padding-bottom: 28px;
}
.unique-formula-tab__content .content {
  max-width: 586px;
}
.unique-formula-tab__content .cta-btn {
  color: inherit;
}
.unique-formula-tab__content .cta-btn svg {
  margin-left: 4px;
}
.unique-formula-tab__bg {
  position: absolute;
  top: -201px;
  right: 0;
  bottom: 0;
  left: 50%;
}
.unique-formula-tab__bg-img {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 0;
}
.unique-formula-tab__bg-img::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.unique-formula-tab__bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.unique-formula-mobile {
  display: none;
}
.unique-formula .element-left {
  top: 0;
  left: 0;
}

/* insight */
.insight {
  padding-block: 120px;
}
.insight .title {
  margin-bottom: 72px;
}
.insight .slick-slider .slick-track {
  display: flex !important;
  margin-left: unset;
}
.insight .slick-slider .slick-slide {
  height: inherit !important;
}
.insight-card-wrap {
  padding-block: 5px;
}
.insight-card {
  padding: 24px;
  border-radius: 5px;
  border: 1px solid rgba(215, 215, 215, 0.5);
  margin-inline: 35px;
  height: 100%;
}
.insight-card__img {
  margin-bottom: 24px;
}
.insight-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.insight-card__body .category {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
}
.insight-card__body .sub-category {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 12px;
}
.insight-card__body .heading {
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* technology-enablers */
.technology-enablers {
  padding-block: 80px;
}
.technology-enablers .title {
  margin-bottom: 72px;
}
.technology-enablers-tab {
  position: relative;
}
.technology-enablers-tab__bg {
  position: absolute;
  inset: 0;
}
.technology-enablers-tab__bg-img {
  position: relative;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
}
.technology-enablers-tab__bg-img::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #141414 29.91%, rgba(0, 0, 0, 0) 100%);
}
.technology-enablers-tab__bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.technology-enablers-tab__content {
  padding-block: 60px 160px;
  position: relative;
  z-index: 10;
}
.technology-enablers-tab__content .heading {
  color: var(--violet);
  margin-bottom: 16px;
}
.technology-enablers-tab__content .content {
  max-width: 428px;
}
.technology-enablers-tab__content .content > * {
  font-size: 24px;
}
.technology-enablers .slick-slider .slick-track {
  display: flex !important;
}
.technology-enablers .slick-slider .slick-slide {
  height: inherit !important;
}
.technology-enablers .slick-slider .slick-dots {
  width: -moz-fit-content;
  width: fit-content;
  bottom: -102px;
  left: 24px;
}
.technology-enablers .slick-slider .slick-dots li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  background-color: var(--text-bright);
}
.technology-enablers .slick-slider .slick-dots li.slick-active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  width: 38px;
  height: 28px;
  border-radius: 2px;
  background-color: transparent;
}
.technology-enablers .slick-slider .slick-dots li.slick-active button {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
}
.technology-enablers .slick-slider .slick-dots li button {
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
  color: transparent;
}
.technology-enablers .slick-slider .slick-dots li button::before {
  display: none;
}
.technology-enablers .nav {
  position: relative;
  z-index: 11;
  margin-top: -60px;
}
.technology-enablers .nav-item {
  margin-inline: 12px;
}
.technology-enablers .nav-link {
  margin-inline: 12px;
  padding: 24px;
  font-size: 24px;
  border-radius: 5px;
  border: 1px solid var(--text-dim);
  opacity: 0.8;
  background: var(--bg-color);
  color: var(--text-dim);
  width: 100%;
  height: 100%;
  text-align: start;
}
.technology-enablers .nav-link.active {
  opacity: 1;
  background: var(--Card-Gradient, linear-gradient(170deg, #755fd0 -31.77%, #6c53d4 15.59%, #211747 110.04%));
  color: var(--text-base);
}
.technology-enablers-mobile {
  display: none;
}

/* our-value */
.our-value {
  padding-block: 72px;
  position: relative;
}
.our-value .title {
  margin-bottom: 28px;
  position: relative;
  z-index: 10;
}
.our-value .content {
  max-width: 689px;
  position: relative;
  z-index: 10;
  margin-bottom: 72px;
}
.our-value .content p {
  font-size: 20px;
  color: var(--text-dim);
}
.our-value .content strong,
.our-value .content b {
  font-weight: 600;
  color: var(--text-bright);
}
.our-value-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px 72px;
}
.our-value-card {
  padding-left: 24px;
  border-left: 3px solid var(--violet);
}
.our-value-card .heading {
  font-weight: 600;
}
.our-value-card .content-text {
  margin-bottom: 0;
}
.our-value .element-right {
  right: 0;
  top: -100px;
  width: 450px;
}

/* partnerships */
.partnerships {
  padding-block: 100px;
  position: relative;
}
.partnerships .title {
  margin-bottom: 72px;
}
.partnerships-ecosystem .partners-logo {
  filter: grayscale(0);
}
.partnerships .element-right {
  top: 0;
  right: 0;
  width: 400px;
}

/* sustainability */
.sustainability {
  position: relative;
  padding-block: 72px;
}
.sustainability .title {
  margin-bottom: 48px;
}
.sustainability-row {
  margin-bottom: 160px;
  position: relative;
  z-index: 10;
}
.sustainability-row .content > * {
  font-size: 20px;
}
.sustainability-row .icon-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.sustainability-row .icon-group-img {
  margin-bottom: 0;
  border-radius: 5px;
  opacity: 0.8;
  overflow: hidden;
}
.sustainability-row .icon-group-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability-ceo__img {
  width: 100%;
  max-width: 455px;
  height: 455px;
  margin-bottom: 0;
  position: relative;
}
.sustainability-ceo__img::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 65%, rgba(20, 20, 20, 0) 100%);
}
.sustainability-ceo__content .content {
  margin-bottom: 36px;
}
.sustainability-ceo__content .content > * {
  font-size: 20px;
}
.sustainability-ceo__content .content p {
  margin-bottom: 0;
}
.sustainability-ceo__content .content .content-link {
  color: var(--green-brillio);
  text-decoration: underline;
}
.sustainability-ceo__content .content-footer h5 {
  font-weight: 600;
  margin-bottom: 0;
}
.sustainability .element {
  width: 400px;
}
.sustainability .element-right {
  top: 200px;
  right: 0;
}

/* environment */
.environment {
  padding-block: 72px;
  position: relative;
}
.environment-wrap {
  position: relative;
  padding-block: 48px;
}
.environment-bg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.environment-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.environment-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.environment-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.environment-content {
  position: relative;
  max-width: 50%;
}
.environment-content > * {
  font-size: 20px;
  color: var(--text-dim);
}
.environment-content strong,
.environment-content b {
  color: var(--text-bright);
  font-weight: 600;
}
.environment-greening {
  padding-block: 72px;
}
.environment-greening .title.violet {
  color: var(--violet);
  margin-bottom: 72px;
}
.environment-greening-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px;
}
.environment-greening-card {
  padding-left: 24px;
  border-left: 3px solid var(--violet);
}
.environment-greening-card .heading {
  max-width: 257px;
  color: var(--text-bright);
}
.environment .element {
  width: 400px;
}
.environment .element-left {
  top: 0;
  left: 0;
}
.environment .element-right {
  bottom: 0;
  right: 0;
}

/* social-responsibility */
.social-responsibility {
  padding-block: 72px;
  position: relative;
}
.social-responsibility-wrap {
  position: relative;
  padding-block: 48px;
}
.social-responsibility-bg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.social-responsibility-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.social-responsibility-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.social-responsibility-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-responsibility-content {
  position: relative;
  max-width: 50%;
}
.social-responsibility-content > * {
  font-size: 20px;
  color: var(--text-dim);
}
.social-responsibility-content strong,
.social-responsibility-content b {
  color: var(--text-bright);
  font-weight: 600;
}
.social-responsibility-card-wrap {
  padding-block: 72px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px 126px;
}
.social-responsibility-card {
  text-align: center;
  position: relative;
  padding-top: 34px;
}
.social-responsibility-card::after {
  content: "";
  display: block;
  width: 79px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='79' height='70' viewBox='0 0 79 70' fill='none'%3E%3Cpath d='M0 1L76 1.00001C77.1046 1.00001 78 1.89544 78 3.00001L78 70' stroke='url(%23paint0_linear_0_716)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_716' x1='84.8824' y1='-26.8421' x2='44.6225' y2='17.8587' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.social-responsibility-card .heading {
  color: var(--violet);
  font-weight: 600;
  margin-bottom: 16px;
}
.social-responsibility-card .content {
  color: var(--text-bright);
}
.social-responsibility .carousel-indicators-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.social-responsibility .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 38px;
}
.social-responsibility .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.social-responsibility .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.social-responsibility-carousel-wrap {
  padding-block: 15px 38px;
}
.social-responsibility-carousel-bg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.social-responsibility-carousel-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.social-responsibility-carousel-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.social-responsibility-carousel-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-responsibility-carousel-heading {
  position: relative;
  max-width: 50%;
  margin-top: 48px;
  margin-bottom: 80px;
  min-height: 250px;
}
.social-responsibility-carousel-heading__title {
  margin-bottom: 48px;
  color: var(--violet);
  font-weight: 600;
}
.social-responsibility-carousel-heading__sub-text {
  color: var(--text-base);
}
.social-responsibility .element {
  width: 400px;
}
.social-responsibility .element-left {
  top: 0;
  left: 0;
}
.social-responsibility .element-left-bottom {
  left: 0;
  bottom: 100px;
}

/* diversity-and-inclusion */
.diversity-and-inclusion {
  padding-block: 72px;
  position: relative;
}
.diversity-and-inclusion-wrap {
  position: relative;
  padding-block: 48px;
}
.diversity-and-inclusion-bg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.diversity-and-inclusion-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.diversity-and-inclusion-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.diversity-and-inclusion-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.diversity-and-inclusion-content {
  position: relative;
  max-width: 50%;
}
.diversity-and-inclusion-content > * {
  font-size: 20px;
  color: var(--text-dim);
}
.diversity-and-inclusion-content strong,
.diversity-and-inclusion-content b {
  color: var(--text-bright);
  font-weight: 600;
}
.diversity-and-inclusion .element {
  width: 400px;
}
.diversity-and-inclusion .element-left {
  top: 0;
  left: 0;
}

/* governance */
.governance {
  padding-block: 72px;
  position: relative;
}
.governance-wrap {
  position: relative;
  padding-block: 48px;
}
.governance-bg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  bottom: 0;
}
.governance-bg figure {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.governance-bg figure::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 25%, rgba(20, 20, 20, 0) 100%);
}
.governance-bg figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.governance-content {
  position: relative;
  max-width: 50%;
}
.governance-content > * {
  font-size: 20px;
  color: var(--text-dim);
}
.governance-content strong,
.governance-content b {
  color: var(--text-bright);
  font-weight: 600;
}
.governance-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  margin-top: 48px;
  position: relative;
  z-index: 10;
}
.governance-footer .dropdown .btn {
  color: var(--violet);
  font-size: 20px;
}
.governance-footer .dropdown .btn:focus {
  box-shadow: none;
}
.governance-footer .dropdown .btn::after {
  width: 15px;
  height: 7px;
  position: absolute;
  right: -12px;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7' viewBox='0 0 15 7' fill='none'%3E%3Cpath d='M7.97699 6.72444L14.3325 1.01874C14.3492 1.00383 14.3596 0.985916 14.3625 0.967048C14.3653 0.94818 14.3606 0.929127 14.3487 0.912076C14.3368 0.895026 14.3183 0.88067 14.2953 0.870657C14.2723 0.860644 14.2458 0.85538 14.2187 0.85547L12.8235 0.85547C12.735 0.85547 12.6502 0.884581 12.596 0.932677L7.52212 5.48914L2.44822 0.932677C2.39407 0.883315 2.30923 0.85547 2.22079 0.85547H0.825509C0.704573 0.85547 0.637788 0.952927 0.711794 1.01874L7.06726 6.72444C7.12121 6.77294 7.19021 6.81217 7.26903 6.83915C7.34786 6.86613 7.43441 6.88016 7.52212 6.88016C7.60984 6.88016 7.69639 6.86613 7.77521 6.83915C7.85403 6.81217 7.92304 6.77294 7.97699 6.72444Z' fill='%23D7D7D7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border: 0;
}
.governance-footer .dropdown .btn.show::after {
  rotate: 180deg;
}
.governance-footer .dropdown-menu {
  border-radius: 5px;
  background: rgba(235, 235, 235, 0.95);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  padding: 22px 28px;
}
.governance-footer .dropdown-item {
  padding-inline: 0;
  text-decoration: underline;
  color: var(--indigo-brillio);
}
.governance-footer .dropdown-item:hover {
  background-color: inherit;
}
.governance .element {
  width: 400px;
}
.governance .element-left {
  top: 0;
  left: 0;
}

/* why-brillio */
.why-brillio {
  padding-block: 72px;
}
.why-brillio .value-proposition {
  padding-block: 0 72px;
}
.why-brillio .services-banner-wrap {
  padding-block: 15px 38px;
}
.why-brillio .services-banner-bg {
  width: 50%;
}
.why-brillio .services-banner-heading {
  max-width: 40%;
}
.why-brillio .services-banner-heading__title {
  min-height: 200px;
}

/* our-culture */
.our-culture {
  padding-block: 48px;
}
.our-culture-sub-title {
  margin-top: 48px;
  margin-bottom: 36px;
  max-width: 488px;
}
.our-culture-sub-title > * {
  font-size: 20px;
}
.our-culture-sub-title > * strong,
.our-culture-sub-title > * b {
  color: var(--text-bright);
  font-weight: 600;
}
.our-culture .unique-formula-tab {
  padding-top: 36px;
}
.our-culture .unique-formula-tab__bg {
  position: absolute;
  top: -121px;
}
.our-culture .unique-formula-tab__content > * {
  font-size: 20px;
}
.our-culture-mobile {
  display: none;
}

/* benefits */
.benefits {
  position: relative;
  padding-block: 72px;
}
.benefits .title {
  margin-bottom: 72px;
  position: relative;
  z-index: 10;
}
.benefits-sub-title {
  max-width: 488px;
  margin-bottom: 72px;
  position: relative;
  z-index: 10;
}
.benefits-sub-title > * {
  font-size: 20px;
}
.benefits-sub-title > * strong,
.benefits-sub-title > * b {
  color: var(--text-bright);
  font-weight: 600;
}
.benefits .benefits-tabs {
  position: relative;
  z-index: 10;
}
.benefits .benefits-tabs-head-title {
  gap: 24px;
}
.benefits .benefits-tabs-head-title button {
  border: none;
  font-size: 20px;
  color: var(--text-dim);
  text-align: left;
  opacity: 0.5;
}
.benefits .benefits-tabs-head-title button.active {
  color: var(--text-bright);
  text-decoration: underline;
  text-underline-offset: 12px;
  opacity: 1;
}
.benefits .benefits-tabs .tab-content {
  margin-left: 102px;
}
.benefits .benefits-tabs .tab-content .heading {
  color: var(--violet);
  margin-bottom: 24px;
}
.benefits .benefits-tabs .tab-content .content > * {
  font-size: 20px;
}
.benefits-hide-desktop {
  display: none;
}
.benefits .element-left {
  z-index: 0;
  left: 0;
  top: -100px;
  width: 400px;
}

/* continuous-learning */
.continuous-learning {
  position: relative;
}
.continuous-learning-sub-title {
  max-width: 588px;
  margin-bottom: 72px;
}
.continuous-learning-sub-title > * {
  font-size: 20px;
  color: var(--text-dim);
}
.continuous-learning-sub-title > * strong,
.continuous-learning-sub-title > * b {
  color: var(--text-bright);
  font-weight: 600;
}
.continuous-learning-carousel-tab-view {
  display: none;
}
.continuous-learning .solutions {
  padding-block: 70px 40px;
}
.continuous-learning .solutions-card-mobile {
  display: none;
}
.continuous-learning .solutions-card {
  max-width: 280px;
}
.continuous-learning .solutions-card__head h4 {
  margin-bottom: 22px;
}
.continuous-learning .solutions-card__body {
  position: relative;
  padding-right: 16px;
}
.continuous-learning .solutions-card__body::after {
  top: -50px;
}
.continuous-learning .solutions-card__body .content > * {
  color: var(--text-dim);
}
.continuous-learning .solutions-card__body .content > * strong,
.continuous-learning .solutions-card__body .content > * b {
  font-weight: 600;
  color: var(--text-bright);
}
.continuous-learning .technology-enablers {
  padding-block: 70px;
}
.continuous-learning .element-right {
  right: 0;
  top: 0;
}

/* join-us */
.join-us {
  position: relative;
  padding-block: 72px;
}
.join-us .winning-edge {
  position: relative;
  padding-block: 40px;
  z-index: 10;
}
.join-us .winning-edge .element-left {
  left: 0;
  top: -200px;
}
.join-us .winning-edge .sub-title {
  margin-bottom: 32px;
}
.join-us .winning-edge .link {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  z-index: 10;
  transition: all 0.2s ease-in;
}
.join-us .winning-edge .link:hover {
  color: var(--green);
}
.join-us .winning-edge .link svg {
  margin-left: 8px;
}
.join-us-filter {
  position: relative;
  z-index: 10;
  padding-bottom: 120px;
}
.join-us-filter .left-content {
  justify-content: flex-end;
}
.join-us-filter .left-content .form-control {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  padding-inline: 0;
  width: 100px;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  color: var(--text-bright);
}
.join-us-filter .left-content .form-control::-moz-placeholder {
  color: var(--text-bright);
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.join-us-filter .left-content .form-control::placeholder {
  color: var(--text-bright);
  transition: all 0.5s ease-in-out;
}
.join-us-filter .left-content .form-control:focus {
  box-shadow: none;
  border-bottom: 1px solid var(--text-dim);
  width: 100%;
}
.join-us-filter .left-content .form-control:focus::-moz-placeholder {
  color: rgba(176, 176, 176, 0.5019607843);
}
.join-us-filter .left-content .form-control:focus::placeholder {
  color: rgba(176, 176, 176, 0.5019607843);
}
.join-us-filter .left-content .btn {
  flex-shrink: 0;
}
.join-us-filter .left-content .btn:focus {
  box-shadow: none;
}
.join-us-filter .nav {
  gap: 48px;
}
.join-us-filter .nav-link {
  padding-inline: 0;
  color: var(--text-bright);
  text-decoration: underline;
}
.join-us-committed {
  position: relative;
  margin-top: 72px;
}
.join-us-committed .heading {
  margin-bottom: 24px;
  max-width: 50%;
}
.join-us-committed .content {
  max-width: 50%;
}
.join-us-committed .element-right {
  right: 0;
  top: 0;
}

/* leadership management modal */
.management-main-team .management-team-modal {
  z-index: 9999;
}
.management-main-team .management-team-modal .pop-team-details {
  top: 20%;
}
.management-main-team .management-team-modal .pop-team-details .modal-content {
  border-radius: 10px;
  background: var(--indigo-brillio);
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-header {
  border-bottom: none;
  display: flex;
  justify-content: flex-end;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-header .close-button {
  border: none;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-header .close-button .close-svg {
  fill: var(--text-dim);
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: auto;
  grid-column-gap: 78px;
  grid-row-gap: 0px;
  border: unset;
  padding: 0 96px 50px 96px;
  background-image: url("../images/leadership/back-gradient.png");
  background-size: 550px;
  background-repeat: no-repeat;
  background-position: center;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img {
  width: 100%;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img figure {
  aspect-ratio: 3/4;
  max-height: 400px;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img .management-card-body .team-name {
  color: var(--text-bright);
  margin-bottom: 0;
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img .management-card-body p {
  color: var(--text-dim);
}
.management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details .content-wrap {
  padding-right: 52px;
  padding-bottom: 52px;
  box-shadow: 57px 56px 0px -55px var(--text-dim);
}

/* our-locations */
.our-locations {
  position: relative;
  padding-block: 60px 120px;
}
.our-locations .title {
  margin-bottom: 72px;
}
.our-locations-tab-view, .our-locations-mobile-view {
  display: none;
}
.our-locations-pills {
  gap: 48px;
  margin-bottom: 32px;
}
.our-locations-pills .nav-link {
  border-radius: 0;
  color: var(--text-dim);
  font-size: 24px;
  padding-inline: 0;
}
.our-locations-pills .nav-link.active {
  color: var(--text-bright);
  background-color: transparent;
  text-decoration: underline;
  text-underline-offset: 12px;
}
.our-locations-content-slider {
  position: relative;
}
.our-locations-content-slider-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.our-locations-content-slider-wrap .location-card__img {
  aspect-ratio: 28/35;
  margin-bottom: 36px;
}
.our-locations-content-slider-wrap .location-card__img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-locations-content-slider-wrap .location-card__body .heading {
  color: var(--text-bright);
}
.our-locations-content-slider-wrap .location-card__body .location {
  font-size: 14px;
  margin-bottom: 8px;
}
.our-locations-content-slider-wrap .location-card__body .location-cta {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-bright);
}
.our-locations-content-slider .carousel-indicators-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -64px;
}
.our-locations-content-slider .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 0;
}
.our-locations-content-slider .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.our-locations-content-slider .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.our-locations .element-right {
  right: 0;
}

/* privacy-policy */
.privacy-policy a {
  color: var(--green);
  text-decoration: underline;
}

/* case-study-innovation-quotient */
.case-study-innovation-quotient {
  padding-block: 80px;
}
.case-study-innovation-quotient .innovation-quotient-card-wrap {
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
}

/* case-study-banner */
.case-study-banner {
  margin-block: 48px;
}
.case-study-banner .services-banner {
  background-color: var(--indigo-brillio);
}
.case-study-banner .services-banner-heading {
  max-width: 40%;
  margin-top: 80px;
  margin-bottom: 100px;
}
.case-study-banner .services-banner-heading__title {
  font-weight: 600;
  margin-bottom: 18px;
  color: var(--text-bright);
}
.case-study-banner .services-banner-heading__sub-text {
  color: var(--text-bright);
}
.case-study-banner .services-banner-bg {
  width: 50%;
}
.case-study-banner .services-banner-bg figure::before {
  background: linear-gradient(90deg, #211747 5%, rgba(33, 23, 71, 0.51) 20%, rgba(33, 23, 71, 0) 100%);
}

/* case-study-slider */
.case-study-slider {
  position: relative;
  padding-block: 72px;
}
.case-study-slider .carousel-inner {
  overflow: unset;
}
.case-study-slider .carousel-indicators-container {
  position: relative;
  margin-top: 48px;
}
.case-study-slider .carousel-indicators {
  justify-content: flex-start;
  align-items: center;
  margin-inline: 0;
  position: relative;
  gap: 16px;
  margin-bottom: 0;
}
.case-study-slider .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  transition: none;
  border-radius: 2px;
  background-color: var(--text-bright);
  opacity: 1;
}
.case-study-slider .carousel-indicators .active {
  border: 1px solid var(--text-bright);
  padding: 4px 12px;
  background-color: transparent;
  text-indent: 1px;
  color: var(--text-bright);
  width: 17px;
  height: 21px;
  font-size: 14px;
  font-weight: 600;
}
.case-study-slider-tab, .case-study-slider-mobile {
  display: none;
}
.case-study-slider-card-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.case-study-slider-card-tab {
  display: none;
}
.case-study-slider-card__image {
  aspect-ratio: 38.5/22;
}
.case-study-slider-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.case-study-slider-card__body .content {
  color: var(--text-dim);
}
.case-study-slider .element-left {
  top: -200px;
  left: 0;
}

/* case-study-content */
.case-study-content .Embracing-circular-economy {
  color: var(--text-dim);
}
.case-study-content .Embracing-circular-economy a {
  color: var(--green);
  text-decoration: underline;
}

/* case-study-highlight */
.case-study-highlight {
  padding-block: 24px;
}
.case-study-highlight__wrap {
  padding-left: 24px;
  border-left: 2px solid var(--green);
}
.case-study-highlight__title {
  margin-bottom: 0;
  color: var(--violet);
}

/* why-brillio-slider */
.why-brillio-slider {
  padding-bottom: 48px;
}
.why-brillio-slider .services-banner-heading__title {
  min-height: 150px;
}

/* our-culture-cards */
.our-culture-cards {
  padding-block: 48px;
}
.our-culture-cards-sub-title > * {
  margin-block: 48px;
  max-width: 50%;
  color: var(--text-dim);
}
.our-culture-cards-sub-title > * strong, .our-culture-cards-sub-title > * b {
  font-weight: 600;
  color: var(--text-bright);
}
.our-culture-cards-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
}
.our-culture-cards .insight-card {
  margin-inline: unset;
}
.our-culture-cards .insight-card:hover .insight-card__img img {
  scale: 1.02;
}
.our-culture-cards .insight-card:hover .insight-card__body .heading {
  color: var(--violet);
}
.our-culture-cards .insight-card__img {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.our-culture-cards .insight-card__img img {
  transition: scale 0.3s ease;
}
.our-culture-cards .insight-card__body .heading {
  transition: color 0.3s ease;
}

/* current-posting */
.current-posting {
  margin-block: 72px;
}
.current-posting .title {
  margin-bottom: 48px;
}
.current-posting-item {
  border-bottom: 1px solid rgba(215, 215, 215, 0.5);
  padding-block: 24px;
}
.current-posting-item .job-title {
  font-weight: 600;
  color: var(--text-bright);
  margin-bottom: 16px;
}
.current-posting-item .job-details__group {
  display: flex;
}
.current-posting-item .job-details__group .sub-text {
  padding-inline: 16px;
}
.current-posting-item .job-details__group .sub-text:first-child {
  padding-left: 0;
}
.current-posting-item .job-details__group .sub-text:not(:first-child) {
  border-left: 1px solid var(--text-base);
}
.current-posting-item .job-details__btn-download {
  text-align: end;
}
.current-posting-item .job-details__btn-download a {
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  /* section-navbar */
  .section-navbar .nav {
    gap: 48px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .section-navbar .nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .section-navbar .nav-item {
    flex-shrink: 0;
  }
  /* testimonial */
  .testimonial .title {
    margin-left: 52px;
  }
  .testimonial .element-desktop {
    display: none;
  }
  .testimonial .element-tab {
    display: block;
  }
  .testimonial .element-right {
    width: unset;
    height: unset;
    top: 0;
    right: 0;
    bottom: 0;
  }
  /* unique-formula */
  .unique-formula-tab .nav {
    gap: 28px;
  }
  .unique-formula-tab__content .content {
    max-width: 80%;
  }
  /* insight */
  .insight-card {
    margin-inline: 12px;
  }
  /* our-culture */
  .our-culture .unique-formula-tab__content > * {
    max-width: 95%;
  }
  /* leadership management modal */
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 48px;
    padding: 0 48px 48px 48px;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details .content-wrap {
    box-shadow: 56px 57px 0px -55px var(--text-dim);
  }
}
/* Portrait tablets and small desktops */
@media (min-width: 576px) and (max-width: 991px) {
  /* services-banner */
  .services-banner-bg {
    width: 60%;
  }
  .services-banner-bg figure::before {
    background: linear-gradient(90deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 35%, rgba(20, 20, 20, 0) 100%);
  }
  .services-banner-heading {
    max-width: 312px;
  }
  .services-banner-heading__title {
    font-size: 30px;
  }
  /* section-navbar */
  .section-navbar {
    top: 64px;
  }
  .section-navbar .nav {
    gap: 48px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .section-navbar .nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .section-navbar .nav-item {
    flex-shrink: 0;
  }
  /* value-preposition */
  .value-proposition {
    padding-block: 72px;
  }
  .value-proposition .title {
    margin-bottom: 24px;
  }
  .value-proposition .content {
    max-width: 430px;
  }
  .value-proposition .element-right {
    width: 438.366px;
    height: 429.517px;
  }
  /* testimonial */
  .testimonial .title {
    margin-left: 52px;
  }
  .testimonial .element-desktop {
    display: none;
  }
  .testimonial .element-tab {
    display: block;
  }
  .testimonial .element-right {
    width: unset;
    height: unset;
    top: 0;
    right: 0;
    bottom: 0;
  }
  /* recognition */
  .recognition {
    padding-block: 72px;
  }
  .recognition .title {
    margin-bottom: 72px;
  }
  .recognition-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .recognition .element-right {
    display: none;
  }
  /* capabilities */
  .capabilities {
    padding-block: 72px;
  }
  .capabilities .title {
    margin-bottom: 72px;
  }
  .capabilities-card-wrap {
    display: grid;
    grid-template-columns: 1fr;
  }
  .capabilities-card__body {
    max-width: 330px;
  }
  /* solutions */
  .solutions {
    position: relative;
    padding-block: 24px 72px;
  }
  .solutions .title {
    margin-bottom: 72px;
  }
  .solutions .carousel {
    display: none;
  }
  .solutions-card-tab {
    display: flex;
    gap: 72px;
    overflow-x: scroll;
    padding-bottom: 32px;
    cursor: pointer;
  }
  .solutions-card-tab::-webkit-scrollbar-track {
    background-color: var(--text-bright);
    border-top: 7px solid var(--bg-color);
    border-bottom: 7px solid var(--bg-color);
  }
  .solutions-card-tab::-webkit-scrollbar {
    width: 12px;
  }
  .solutions-card-tab::-webkit-scrollbar-thumb {
    border-top: 4px solid var(--bg-color);
    border-bottom: 4px solid var(--bg-color);
    background-color: var(--green);
  }
  .solutions-card {
    max-width: 302px;
    flex-shrink: 0;
  }
  /* partners */
  .partners-v2 {
    padding-block: 72px;
  }
  .partners-v2 .carousel {
    display: none;
  }
  .partners-v2 .partners-group {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    padding-bottom: 72px;
    cursor: pointer;
  }
  .partners-v2 .partners-group::-webkit-scrollbar-track {
    background-color: var(--text-bright);
    border-top: 7px solid var(--bg-color);
    border-bottom: 7px solid var(--bg-color);
  }
  .partners-v2 .partners-group::-webkit-scrollbar {
    width: 12px;
  }
  .partners-v2 .partners-group::-webkit-scrollbar-thumb {
    border-top: 4px solid var(--bg-color);
    border-bottom: 4px solid var(--bg-color);
    background-color: var(--green);
  }
  .partners-v2 .partners-wrap {
    flex-shrink: 0;
  }
  .partners-v2 .partners-wrap .partners-logo {
    width: 340px;
  }
  /* contact-form */
  .contact-form {
    padding-block: 60px 120px;
  }
  .contact-form-heading {
    margin-bottom: 76px;
  }
  .contact-form-grid {
    gap: 48px;
  }
  .contact-form .element-right {
    right: 0;
    top: unset;
    bottom: -200px;
  }
  /* focus-areas */
  .focus-areas-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 56px;
  }
  .focus-areas-card .heading {
    font-size: 20px;
  }
  /* unique-formula */
  .unique-formula {
    padding-bottom: 72px;
  }
  .unique-formula-tab {
    padding-top: 40px;
  }
  .unique-formula-tab .nav {
    margin-bottom: 32px;
  }
  .unique-formula-tab__content {
    width: 100%;
  }
  .unique-formula-tab__content .content {
    max-width: 100%;
    margin-bottom: 24px;
  }
  .unique-formula-tab__bg {
    position: relative;
    top: unset;
    margin-bottom: 32px;
    left: unset;
  }
  .unique-formula-tab__bg-img {
    height: 350px;
  }
  .unique-formula-tab__bg-img::before {
    display: none;
  }
  .unique-formula .element {
    display: none;
  }
  /* innovation-quotient */
  .innovation-quotient {
    padding-block: 72px;
  }
  .innovation-quotient .title {
    margin-bottom: 72px;
  }
  .innovation-quotient-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }
  .innovation-quotient .element-right {
    width: 300px;
    top: -100px;
  }
  /* insight */
  .insight {
    padding-block: 72px;
  }
  .insight .title {
    margin-bottom: 72px;
  }
  .insight-card {
    margin-inline: 12px;
  }
  /* technology-enablers */
  .technology-enablers {
    padding-block: 72px;
  }
  .technology-enablers .title {
    margin-bottom: 48px;
  }
  .technology-enablers-tab {
    position: relative;
  }
  .technology-enablers-tab__bg {
    position: relative;
  }
  .technology-enablers-tab__bg-img {
    aspect-ratio: 2/1;
  }
  .technology-enablers-tab__bg-img::before {
    display: none;
  }
  .technology-enablers-tab__content {
    padding-block: 32px 48px;
    position: relative;
    z-index: 10;
  }
  .technology-enablers-tab__content .heading {
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: 600;
  }
  .technology-enablers-tab__content .content {
    max-width: 100%;
  }
  .technology-enablers-tab__content .content > * {
    font-size: 20px;
  }
  .technology-enablers .nav {
    margin-top: 0;
  }
  .technology-enablers .nav-link {
    font-size: 20px;
  }
  /* our-value */
  .our-value .title {
    margin-bottom: 24px;
  }
  .our-value .content {
    max-width: 430px;
    margin-bottom: 72px;
  }
  .our-value-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 56px;
  }
  .our-value .element-right {
    display: none;
  }
  /* sustainability */
  .sustainability {
    padding-block: 72px 32px;
  }
  .sustainability .title {
    margin-bottom: 24px;
  }
  .sustainability-row {
    margin-bottom: 72px;
  }
  .sustainability-row .icon-group {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .sustainability-ceo__img-wrap {
    position: absolute;
    left: 0;
    right: 55%;
  }
  .sustainability-ceo__img {
    width: 100%;
    max-width: 455px;
    height: 455px;
    margin-bottom: 0;
    position: relative;
  }
  .sustainability-ceo__img::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, rgb(20, 20, 20) 0%, rgba(20, 20, 20, 0) 65%, rgba(20, 20, 20, 0) 100%);
  }
  .sustainability-ceo__content .content > * {
    font-size: 16px;
  }
  .sustainability .element {
    display: none;
  }
  /* environment */
  .environment {
    padding-block: 32px;
  }
  .environment .container.p-0 {
    padding-inline: 15px !important;
  }
  .environment-content > * {
    font-size: 16px;
  }
  .environment-greening {
    padding-block: 48px;
  }
  .environment-greening .title.violet {
    margin-bottom: 42px;
  }
  .environment-greening-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 56px;
  }
  /* social-responsibility */
  .social-responsibility {
    padding-block: 32px 0;
  }
  .social-responsibility .container.p-0 {
    padding-inline: 15px !important;
  }
  .social-responsibility-wrap {
    position: relative;
    padding-block: 48px;
  }
  .social-responsibility-content {
    position: relative;
    max-width: 45%;
  }
  .social-responsibility-content > * {
    font-size: 16px;
  }
  .social-responsibility-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }
  .social-responsibility-carousel-heading__title {
    margin-bottom: 24px;
  }
  /* diversity-and-inclusion */
  .diversity-and-inclusion {
    padding-block: 0;
  }
  .diversity-and-inclusion .title {
    position: absolute;
    top: 66px;
  }
  .diversity-and-inclusion .container.p-0 {
    padding-inline: 15px !important;
  }
  .diversity-and-inclusion-wrap {
    padding-block: 66px;
  }
  .diversity-and-inclusion-content {
    margin-top: 66px;
    position: relative;
    max-width: 45%;
  }
  .diversity-and-inclusion-content > * {
    font-size: 16px;
  }
  .diversity-and-inclusion .element {
    display: none;
  }
  /* governance */
  .governance {
    padding-block: 0;
  }
  .governance .title {
    position: absolute;
    top: 66px;
  }
  .governance .container.p-0 {
    padding-inline: 15px !important;
  }
  .governance-wrap {
    padding-block: 66px;
  }
  .governance-content {
    margin-top: 66px;
    max-width: 45%;
  }
  .governance-content > * {
    font-size: 16px;
  }
  .governance-footer {
    gap: 24px;
    margin-top: 24px;
  }
  .governance-footer .dropdown .btn {
    font-size: 16px;
  }
  .governance .element {
    display: none;
  }
  /* our-culture */
  .our-culture {
    padding-block: 48px 24px;
  }
  .our-culture-sub-title {
    max-width: 100%;
  }
  .our-culture .unique-formula-tab {
    padding-top: 36px;
  }
  .our-culture .unique-formula-tab .nav {
    margin-bottom: 24px;
  }
  .our-culture .unique-formula-tab__bg {
    position: relative;
    aspect-ratio: 2/1;
    top: unset;
  }
  .our-culture .unique-formula-tab__bg-img {
    height: 100%;
  }
  .our-culture .unique-formula-tab__content {
    width: 100%;
  }
  /* benefits */
  .benefits {
    padding-block: 24px;
  }
  .benefits .title {
    margin-bottom: 48px;
  }
  .benefits-sub-title {
    max-width: 488px;
    margin-bottom: 48px;
  }
  .benefits .benefits-tabs {
    display: none;
  }
  .benefits .benefits-tabs-item:not(:last-child) {
    padding-bottom: 72px;
  }
  .benefits .benefits-tabs-item .heading {
    color: var(--violet);
    margin-bottom: 24px;
  }
  .benefits .benefits-tabs-item .content > * {
    color: var(--text-dim);
    font-size: 20px;
  }
  .benefits-hide-desktop {
    display: block;
  }
  /* continuous-learning */
  .continuous-learning {
    position: relative;
  }
  .continuous-learning .title {
    margin-bottom: 48px;
  }
  .continuous-learning-sub-title {
    max-width: 100%;
    margin-bottom: 48px;
  }
  .continuous-learning-sub-title > * {
    font-size: 20px;
    color: var(--text-dim);
  }
  .continuous-learning-sub-title > * strong,
  .continuous-learning-sub-title > * b {
    color: var(--text-bright);
    font-weight: 600;
  }
  .continuous-learning-carousel-desktop-view {
    display: none;
  }
  .continuous-learning-carousel-tab-view.carousel {
    display: block;
  }
  .continuous-learning .solutions {
    padding-block: 70px;
  }
  .continuous-learning .solutions-card-mobile {
    display: none;
  }
  .continuous-learning .solutions-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 72px;
  }
  .continuous-learning .technology-enablers {
    padding-block: 70px;
  }
  .continuous-learning .element-right {
    right: 0;
    top: 0;
  }
  /* join-us */
  .join-us {
    position: relative;
    padding-block: 48px 72px;
  }
  .join-us .winning-edge {
    position: relative;
    padding-block: 0 50px;
  }
  .join-us .winning-edge .title {
    font-size: 30px;
    margin-bottom: 34px;
  }
  .join-us-filter {
    padding-bottom: 72px;
  }
  .join-us-committed .heading {
    max-width: 60%;
  }
  .join-us-committed .content {
    max-width: 60%;
  }
  /* leadership management modal */
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 48px;
    padding: 0 48px 48px 48px;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details {
    margin-top: 16px;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details .content-wrap {
    box-shadow: 56px 56px 0px -55px var(--text-dim);
  }
  /* our-locations */
  .our-locations {
    position: relative;
  }
  .our-locations .title {
    margin-bottom: 48px;
  }
  .our-locations-desktop-view, .our-locations-mobile-view {
    display: none;
  }
  .our-locations-tab-view {
    display: block;
  }
  .our-locations-pills {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .our-locations-pills::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .our-locations-pills .nav-item {
    flex-shrink: 0;
  }
  .our-locations-pills .nav-link {
    border-radius: 0;
    color: var(--text-dim);
    font-size: 24px;
  }
  .our-locations-pills .nav-link.active {
    color: var(--text-bright);
    background-color: transparent;
    text-decoration: underline;
    text-underline-offset: 12px;
  }
  .our-locations-content-slider-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  /* case-study-innovation-quotient */
  .case-study-innovation-quotient .innovation-quotient-card-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }
  /* case-study-slider */
  .case-study-slider {
    padding-block: 48px;
  }
  .case-study-slider-desktop, .case-study-slider-mobile {
    display: none;
  }
  .case-study-slider-tab {
    display: block;
  }
  .case-study-slider-card-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  /* case-study-highlight */
  .case-study-highlight__wrap {
    padding-left: 22px;
  }
  .case-study-highlight__title {
    font-size: 24px;
  }
  /* why-brillio-slider */
  .why-brillio-slider .services-banner-bg {
    width: 50%;
  }
  .why-brillio-slider .services-banner-heading {
    max-width: 45%;
  }
  /* our-culture-cards */
  .our-culture-cards {
    padding-block: 48px;
  }
  .our-culture-cards .title {
    margin-bottom: 72px;
  }
  .our-culture-cards-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
  }
}
/* Portrait phones and smaller */
@media (max-width: 575px) {
  .element {
    width: 236px;
    height: 275px;
  }
  /* services-banner */
  .services-banner .container {
    padding-inline: 12px !important;
  }
  .services-banner-wrap {
    padding-block: 0 38px;
  }
  .services-banner-bg {
    position: relative;
    width: 100%;
  }
  .services-banner-bg figure {
    aspect-ratio: 16/9;
  }
  .services-banner-bg figure::before {
    display: none;
  }
  .services-banner-breadcrumb {
    display: none;
  }
  .services-banner-heading {
    max-width: 100%;
    margin-top: 32px;
    margin-bottom: 60px;
  }
  .services-banner-heading__title {
    font-size: 30px;
  }
  /* section-navbar */
  .section-navbar {
    top: 64px;
  }
  .section-navbar .nav {
    gap: 48px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .section-navbar .nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .section-navbar .nav-item {
    flex-shrink: 0;
  }
  /* value-preposition */
  .value-proposition {
    padding-block: 60px;
  }
  .value-proposition .title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .value-proposition .content > * {
    font-size: 16px;
  }
  /* testimonial */
  .testimonial {
    padding-block: 60px;
  }
  .testimonial .title {
    margin-bottom: 48px;
    font-size: 20px;
    margin-left: 42px;
  }
  .testimonial .title::before {
    width: 28px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='19' viewBox='0 0 28 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.4998 4.05371C22.1371 4.67663 22.6231 5.42797 23.3206 5.60993C26.0108 6.31172 28 8.84204 28 11.8333C28 15.3625 25.2 18.25 21.7778 18.25C18.3556 18.25 15.5556 15.3625 15.5556 11.8333C15.5556 6.65673 18.5239 2.19838 22.8019 0.168761C23.803 -0.306168 24.4896 1.39392 23.7759 2.24138C23.332 2.76834 22.898 3.37001 22.4998 4.05371ZM12.4444 11.8333C12.4444 15.3625 9.64444 18.25 6.22222 18.25C2.8 18.25 0 15.3625 0 11.8333C0 6.65673 2.96835 2.19838 7.24639 0.168758C8.24744 -0.30617 8.93408 1.39392 8.2203 2.24138C7.77647 2.76834 7.34248 3.37001 6.94429 4.05371C6.5815 4.67663 7.06751 5.42797 7.76503 5.60993C10.4552 6.31172 12.4444 8.84204 12.4444 11.8333Z' fill='%23EBEBEB'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
    left: -40px;
  }
  .testimonial-customer {
    max-width: 706px;
    position: relative;
    display: block;
    padding-left: 48px;
  }
  .testimonial-customer__group {
    margin-bottom: 24px;
  }
  .testimonial-customer__content p {
    font-size: 16px;
  }
  .testimonial .element-desktop {
    display: none;
  }
  .testimonial .element-tab {
    display: none;
  }
  /* recognition */
  .recognition {
    padding-block: 60px;
  }
  .recognition .title {
    margin-bottom: 60px;
    font-size: 20px;
  }
  .recognition-card-desktop {
    display: none;
  }
  .recognition-card-mobile {
    display: block;
  }
  .recognition .slick-slider .slick-track {
    display: flex !important;
  }
  .recognition .slick-slider .slick-slide {
    height: inherit !important;
  }
  .recognition-card {
    margin-inline: 8px;
  }
  .recognition .element-left {
    display: none;
  }
  .recognition .element-right {
    bottom: -180px;
    right: 0;
  }
  /* capabilities */
  .capabilities {
    padding-block: 60px;
  }
  .capabilities .title {
    margin-bottom: 60px;
    font-size: 20px;
  }
  .capabilities-card-wrap {
    grid-template-columns: 1fr;
    gap: 60;
  }
  .capabilities-card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-left: 0;
  }
  .capabilities-card:hover::before {
    display: none;
  }
  .capabilities-card__img {
    width: 100%;
  }
  .capabilities-card__body .heading {
    font-size: 24px;
    line-height: 150%;
    min-height: unset;
  }
  /* solutions */
  .solutions {
    position: relative;
    padding-block: 60px;
  }
  .solutions .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .solutions .carousel {
    display: none;
  }
  .solutions-card-tab {
    display: flex;
    gap: 72px;
    overflow-x: scroll;
    padding-bottom: 32px;
    cursor: pointer;
  }
  .solutions-card-tab::-webkit-scrollbar-track {
    background-color: var(--text-bright);
    border-top: 7px solid var(--bg-color);
    border-bottom: 7px solid var(--bg-color);
  }
  .solutions-card-tab::-webkit-scrollbar {
    width: 12px;
  }
  .solutions-card-tab::-webkit-scrollbar-thumb {
    border-top: 4px solid var(--bg-color);
    border-bottom: 4px solid var(--bg-color);
    background-color: var(--green);
  }
  .solutions-card {
    max-width: 302px;
    flex-shrink: 0;
  }
  /* partners */
  .partners-v2 {
    padding-block: 60px;
  }
  .partners-v2 .carousel {
    display: none;
  }
  .partners-v2 .partners-group {
    display: none;
  }
  .partners-v2 .partners-wrap {
    flex-shrink: 0;
  }
  .partners-v2 .partners-wrap.mobile-view {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    padding-bottom: 48px;
    cursor: pointer;
  }
  .partners-v2 .partners-wrap.mobile-view::-webkit-scrollbar-track {
    background-color: var(--text-bright);
    border-top: 7px solid var(--bg-color);
    border-bottom: 7px solid var(--bg-color);
  }
  .partners-v2 .partners-wrap.mobile-view::-webkit-scrollbar {
    width: 12px;
  }
  .partners-v2 .partners-wrap.mobile-view::-webkit-scrollbar-thumb {
    border-top: 4px solid var(--bg-color);
    border-bottom: 4px solid var(--bg-color);
    background-color: var(--green);
  }
  .partners-v2 .partners-wrap .partners-logo {
    flex-shrink: 0;
    max-width: 340px;
  }
  /* contact-form */
  .contact-form {
    padding-block: 60px 72px;
  }
  .contact-form.contact-form-breadcrumb {
    padding-block: 60px;
  }
  .contact-form-heading {
    margin-bottom: 60px;
    font-size: 30px;
  }
  .contact-form .title {
    margin-bottom: 60px;
    font-size: 20px;
  }
  .contact-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .contact-form .element {
    width: 200px;
  }
  .contact-form .element-left {
    top: 0;
    left: 0;
  }
  .contact-form .element-right {
    right: 0;
    top: 300px;
  }
  /* focus-areas */
  .focus-areas {
    position: relative;
    padding-block: 60px;
  }
  .focus-areas .title {
    margin-bottom: 60px;
    font-size: 20px;
  }
  .focus-areas-wrap {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .focus-areas-card .heading {
    font-size: 20px;
  }
  .focus-areas .element-left {
    top: unset;
    left: unset;
    bottom: -100px;
  }
  /* your-benefits */
  .your-benefits {
    padding-block: 60px;
  }
  .your-benefits .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .your-benefits-carousel-desktop {
    display: none !important;
  }
  .your-benefits-carousel-mobile {
    display: block;
  }
  .your-benefits-carousel__item {
    transform: none;
  }
  .your-benefits-carousel__item:not(:last-child) {
    margin-bottom: 48px;
  }
  .your-benefits-carousel__item h2 {
    font-size: 48px;
    color: var(--text-bright);
  }
  .your-benefits-carousel__item p {
    color: var(--text-base);
    margin-bottom: 0;
    font-size: 16px;
  }
  .your-benefits .element-line {
    display: none;
  }
  .your-benefits .element-right {
    right: 0;
    bottom: 0;
  }
  /* innovation-quotient */
  .innovation-quotient {
    padding-block: 60px;
  }
  .innovation-quotient .title {
    margin-bottom: 60px;
    font-size: 20px;
  }
  .innovation-quotient-card-wrap {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .innovation-quotient .element {
    display: none;
  }
  /* insight */
  .insight {
    padding-block: 48px;
  }
  .insight .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .insight-card {
    margin-inline: 12px;
  }
  .insight-card__img {
    margin-bottom: 24px;
  }
  .insight-card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .insight-card__body .heading {
    font-size: 16px;
  }
  /* unique-formula */
  .unique-formula {
    padding-bottom: 60px;
  }
  .unique-formula .title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .unique-formula-tab {
    display: none;
  }
  .unique-formula-mobile-item:not(:last-child) {
    margin-bottom: 60px;
  }
  .unique-formula-mobile {
    display: block;
  }
  .unique-formula-mobile__bg-img {
    aspect-ratio: 1;
  }
  .unique-formula-mobile__bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .unique-formula-mobile__content .heading {
    color: var(--green-brillio);
    margin-bottom: 24px;
    font-weight: 600;
  }
  .unique-formula-mobile__content .content {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .unique-formula .element-left {
    top: 0;
    left: 0;
  }
  /* technology-enablers */
  .technology-enablers {
    padding-block: 60px;
  }
  .technology-enablers .title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .technology-enablers-tab {
    display: none;
  }
  .technology-enablers .nav {
    display: none;
  }
  .technology-enablers-mobile {
    display: block;
  }
  .technology-enablers-mobile-item:not(:last-child) {
    margin-bottom: 24px;
  }
  .technology-enablers-mobile-item__bg-img {
    aspect-ratio: 36/35;
    margin-bottom: 32px;
  }
  .technology-enablers-mobile-item__bg-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .technology-enablers-mobile-item__content .heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--violet);
    margin-bottom: 24px;
  }
  .technology-enablers-mobile-item__content .content {
    font-size: 14px;
  }
  /* our-value */
  .our-value {
    padding-block: 60px;
  }
  .our-value .title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .our-value .content {
    margin-bottom: 60px;
  }
  .our-value-card-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .our-value-card {
    padding-left: 24px;
    border-left: 3px solid var(--violet);
  }
  .our-value-card .heading {
    font-size: 20px;
  }
  .our-value .element-right {
    width: 250px;
  }
  /* partnerships */
  .partnerships {
    padding-block: 60px;
  }
  .partnerships .title {
    margin-bottom: 60px;
  }
  .partnerships .element-right {
    width: 200px;
  }
  /* sustainability */
  .sustainability {
    padding-block: 48px;
  }
  .sustainability .title {
    margin-bottom: 24px;
  }
  .sustainability-row {
    margin-bottom: 48px;
  }
  .sustainability-row .content > * {
    font-size: 16px;
  }
  .sustainability-row .icon-group {
    gap: 24px;
  }
  .sustainability-ceo .col-md-6:first-child {
    padding-inline: 0;
  }
  .sustainability-ceo__img::after {
    content: "";
    display: none;
  }
  .sustainability-ceo__content .content {
    margin-bottom: 24px;
  }
  .sustainability-ceo__content .content > * {
    font-size: 16px;
  }
  .sustainability .element {
    width: 200px;
  }
  /* environment */
  .environment {
    padding-block: 0;
  }
  .environment .title-mobile-none {
    display: none;
  }
  .environment .title.d-none {
    display: block !important;
    margin-bottom: 24px;
    font-size: 24px;
  }
  .environment .container.p-0 {
    padding-inline: 15px !important;
  }
  .environment-wrap {
    padding-block: 0;
  }
  .environment-bg {
    position: relative;
    width: 100%;
  }
  .environment-bg figure {
    margin-bottom: 32px;
    aspect-ratio: 1;
  }
  .environment-bg figure::before {
    display: none;
  }
  .environment-content {
    max-width: 100%;
  }
  .environment-content > * {
    font-size: 16px;
  }
  .environment-greening {
    padding-block: 60px;
  }
  .environment-greening .title.violet {
    font-size: 24px;
    margin-bottom: 48px;
  }
  .environment-greening-wrap {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .environment .element {
    width: 200px;
  }
  .environment .element-left {
    top: 50%;
  }
  /* social-responsibility */
  .social-responsibility {
    padding-block: 0;
  }
  .social-responsibility .title-mobile-none {
    display: none;
  }
  .social-responsibility .title.d-none {
    display: block !important;
    margin-bottom: 24px;
    font-size: 24px;
  }
  .social-responsibility .container.p-0 {
    padding-inline: 15px !important;
  }
  .social-responsibility-wrap {
    padding-block: 0;
  }
  .social-responsibility-bg {
    position: relative;
    width: 100%;
  }
  .social-responsibility-bg figure {
    margin-bottom: 32px;
    aspect-ratio: 1;
  }
  .social-responsibility-bg figure::before {
    display: none;
  }
  .social-responsibility-content {
    max-width: 100%;
  }
  .social-responsibility-content > * {
    font-size: 16px;
  }
  .social-responsibility-card-wrap {
    padding-block: 60px;
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .social-responsibility-carousel-wrap {
    padding-block: 15px 38px;
  }
  .social-responsibility-carousel-bg {
    position: relative;
    width: 100%;
  }
  .social-responsibility-carousel-bg figure {
    aspect-ratio: 1;
  }
  .social-responsibility-carousel-bg figure::before {
    display: none;
  }
  .social-responsibility-carousel-heading {
    max-width: 100%;
    margin-top: 48px;
    margin-bottom: 80px;
    min-height: unset;
  }
  .social-responsibility-carousel-heading__title {
    margin-bottom: 12px;
    font-size: 24px;
  }
  .social-responsibility-carousel-heading__sub-text {
    font-size: 24px;
  }
  .social-responsibility .element {
    display: none;
  }
  /* diversity-and-inclusion */
  .diversity-and-inclusion {
    padding-block: 0;
    margin-block: 30px 60px;
  }
  .diversity-and-inclusion .title-mobile-none {
    display: none;
  }
  .diversity-and-inclusion .title.d-none {
    display: block !important;
    margin-bottom: 24px;
    font-size: 24px;
  }
  .diversity-and-inclusion .container.p-0 {
    padding-inline: 15px !important;
  }
  .diversity-and-inclusion-wrap {
    padding-block: 0;
  }
  .diversity-and-inclusion-bg {
    position: relative;
    width: 100%;
  }
  .diversity-and-inclusion-bg figure {
    margin-bottom: 32px;
    aspect-ratio: 1;
  }
  .diversity-and-inclusion-bg figure::before {
    display: none;
  }
  .diversity-and-inclusion-content {
    max-width: 100%;
  }
  .diversity-and-inclusion-content > * {
    font-size: 16px;
  }
  .diversity-and-inclusion .element {
    display: none;
  }
  /* governance */
  .governance {
    padding-block: 0 60px;
  }
  .governance .title-mobile-none {
    display: none;
  }
  .governance .title.d-none {
    display: block !important;
    margin-bottom: 24px;
    font-size: 24px;
  }
  .governance .container.p-0 {
    padding-inline: 15px !important;
  }
  .governance-wrap {
    padding-block: 0;
  }
  .governance-bg {
    position: relative;
    width: 100%;
  }
  .governance-bg figure {
    margin-bottom: 32px;
    aspect-ratio: 1;
  }
  .governance-bg figure::before {
    display: none;
  }
  .governance-content {
    max-width: 100%;
  }
  .governance-content > * {
    font-size: 16px;
  }
  .governance-footer {
    gap: 24px;
    margin-top: 36px;
  }
  .governance-footer .dropdown .btn {
    font-size: 16px;
  }
  .governance .element {
    display: none;
  }
  /* why-brillio */
  .why-brillio {
    padding-block: 60px 30px;
  }
  .why-brillio .value-proposition {
    padding-block: 0;
  }
  .why-brillio .services-banner-bg {
    width: 100%;
  }
  .why-brillio .services-banner-heading {
    max-width: 100%;
  }
  .why-brillio .services-banner-heading__title {
    font-size: 24px;
    min-height: 80px;
  }
  .why-brillio .services-banner .carousel-indicators {
    margin-bottom: 0;
  }
  /* our-culture */
  .our-culture {
    padding-block: 30px;
  }
  .our-culture .title {
    margin-bottom: 24px;
  }
  .our-culture-sub-title {
    margin-top: 0;
  }
  .our-culture-sub-title > * {
    font-size: 16px;
  }
  .our-culture .unique-formula-mobile__content .content > * {
    font-size: 16px;
  }
  /* benefits */
  .benefits {
    padding-block: 30px;
  }
  .benefits .title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .benefits-sub-title {
    margin-bottom: 24px;
  }
  .benefits-sub-title > * {
    font-size: 16px;
  }
  .benefits .benefits-tabs {
    display: none;
  }
  .benefits .benefits-tabs-item:not(:last-child) {
    padding-bottom: 24px;
  }
  .benefits .benefits-tabs-item .heading {
    color: var(--violet);
    margin-bottom: 24px;
    font-size: 24px;
  }
  .benefits .benefits-tabs-item .content > * {
    color: var(--text-dim);
    font-size: 16px;
  }
  .benefits-hide-desktop {
    display: block;
  }
  .benefits .element {
    width: 250px;
  }
  .benefits .element-left {
    z-index: 0;
    left: 0;
    top: -100px;
  }
  /* continuous-learning */
  .continuous-learning {
    margin-bottom: 30px;
  }
  .continuous-learning .title {
    margin-bottom: 24px;
  }
  .continuous-learning-sub-title {
    margin-bottom: 48px;
  }
  .continuous-learning-sub-title > * {
    font-size: 16px;
  }
  .continuous-learning .solutions {
    padding-block: 48px;
  }
  .continuous-learning .solutions-card-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
    overflow-x: unset;
  }
  .continuous-learning .solutions-card {
    max-width: 280px;
  }
  .continuous-learning .solutions-card__head h4 {
    margin-bottom: 22px;
  }
  .continuous-learning .solutions-card__body {
    position: relative;
    padding-right: 16px;
  }
  .continuous-learning .solutions-card__body::after {
    top: -50px;
  }
  .continuous-learning .technology-enablers {
    padding-block: 30px;
  }
  .continuous-learning .technology-enablers-mobile-item:not(:last-child) {
    margin-bottom: 48px;
  }
  .continuous-learning .technology-enablers-mobile-item__content .content {
    font-size: 16px;
  }
  .continuous-learning .element-right {
    right: 0;
    top: 0;
  }
  /* join-us */
  .join-us {
    position: relative;
    padding-block: 48px 72px;
  }
  .join-us .winning-edge {
    position: relative;
    padding-block: 0 50px;
  }
  .join-us .winning-edge .title {
    font-size: 30px;
    margin-bottom: 34px;
  }
  .join-us-filter {
    padding-bottom: 72px;
  }
  .join-us-filter .filter-part {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .join-us-committed .heading {
    max-width: 100%;
  }
  .join-us-committed .content {
    max-width: 100%;
  }
  /* leadership management modal */
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 48px;
    padding: 0 48px 48px 48px;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .modal-team-img .management-card-body {
    padding: unset !important;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details {
    margin-top: 16px;
    padding-inline: unset;
  }
  .management-main-team .management-team-modal .pop-team-details .modal-content .modal-body .team-details .content-wrap {
    padding: unset;
    box-shadow: none;
  }
  /* our-locations */
  .our-locations {
    position: relative;
  }
  .our-locations .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .our-locations-desktop-view, .our-locations-tab-view {
    display: none;
  }
  .our-locations-mobile-view {
    display: block;
  }
  .our-locations-pills {
    gap: 24px;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .our-locations-pills::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .our-locations-pills .nav-item {
    flex-shrink: 0;
  }
  .our-locations-pills .nav-link {
    font-size: 20px;
  }
  .our-locations-content-slider {
    position: relative;
  }
  .our-locations-content-slider-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* case-study-innovation-quotient */
  .case-study-innovation-quotient .innovation-quotient-card-wrap {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  /* case-study-banner */
  .case-study-banner .services-banner {
    background-color: var(--indigo-brillio);
  }
  .case-study-banner .services-banner-heading {
    max-width: 100%;
    margin-block: 32px 0;
  }
  .case-study-banner .services-banner-heading__title {
    font-size: 24px;
  }
  .case-study-banner .services-banner-heading__sub-text {
    color: var(--text-bright);
  }
  .case-study-banner .services-banner-bg {
    width: 100%;
  }
  /* case-study-slider */
  .case-study-slider {
    padding-block: 48px;
  }
  .case-study-slider-desktop, .case-study-slider-tab {
    display: none;
  }
  .case-study-slider-mobile {
    display: block;
  }
  .case-study-slider-card-wrap {
    grid-template-columns: 1fr;
  }
  /* case-study-highlight */
  .case-study-highlight__wrap {
    padding-left: 20px;
  }
  .case-study-highlight__title {
    font-size: 20px;
  }
  /* why-brillio-slider */
  .why-brillio-slider {
    padding-bottom: 0;
  }
  .why-brillio-slider .services-banner-heading__title {
    font-size: 24px;
    min-height: 100px;
  }
  /* our-culture-cards */
  .our-culture-cards {
    padding-block: 48px;
  }
  .our-culture-cards .title {
    margin-bottom: 48px;
    font-size: 20px;
  }
  .our-culture-cards-sub-title > * {
    max-width: 100%;
  }
  .our-culture-cards-wrap {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .our-culture-cards .insight-card {
    margin-inline: 12px;
  }
  .our-culture-cards .insight-card__body .heading {
    font-size: 20px;
  }
}
/*
=====================
Section Component End
=====================
*/
.sidenav .nav-link {
  color: inherit;
}

.sub-insightcard-wrap {
  height: 100%;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}
/* contact form style => assets/style-2.css */