/**
* Hero section
*
* @since 1.0.0
*/

.hero-banner {
    padding: 125px 0 85px;
}

.hero-banner .bg-image {
    top: 175px;
}

.hero-banner .location {
    color: #727b7b;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

.hero-banner .hero-banner__heading {
    font-size: 90px;
    line-height: 115%;
    font-weight: 800;
}

/**
* Awards section
*
* @since 1.0.0
*/

.awards > .container {
    max-width: 1265px;
}

/**
* Business Transformation section
*
* @since 1.0.0
*/

.business-transformation {
    padding: 70px 0 110px;
}

.business-transformation .row-border,
.services .services-card,
.business-problem .card,
.why-choose-us .row-border,
.intelligent-automation .card {
    padding: 1px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.5) 0%, transparent 70%),
        radial-gradient(circle at top left, rgba(64, 114, 253, 0.5) 0%, transparent 50%),
        radial-gradient(circle at top left, rgba(21, 21, 21, 0.05) 0%, transparent 40%),

        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.5) 0%, transparent 70%),
        radial-gradient(circle at bottom right, rgba(64, 114, 253, 0.5) 0%, transparent 50%),
        radial-gradient(circle at bottom right, rgba(21, 21, 21, 0.05) 0%, transparent 40%);
}

.business-transformation .row,
.business-problem .card-body,
.why-choose-us .row {
    background-color: #0F1420;
    padding: 80px;
    box-shadow: inset -32px -32px 60px rgba(218, 228, 230, 0.08);
    backdrop-filter: blur(42px);
}

.business-transformation h2,
.why-choose-us h2 {
    color: #a8a8a8;
    line-height: 1.2;
}

.business-transformation h2 span,
.why-choose-us h2 span,
.our-expertise h2 span {
    color: #ffffff;
    font-weight: 800;
}

.business-transformation h2 .business-text {
    color: #32d7fe;
}

.business-transformation .business-transformation__star {
    top: 75px;
    right: 217px;
}

.business-transformation .business-transformation__infographic,
.business-problem .business-problem__infographic,
.why-choose-us .why-choose-us-infographic {
    mix-blend-mode: luminosity;
}

/**
* Services section
*
* @since 1.0.0
*/

.services {
    padding-bottom: 110px;
}

.services .services-bg {
    top: -280px;
}

.services h2,
.intelligent-automation h2,
.business-problem .card-body .gradient-text {
    font-weight: 800;
}

.services .services-card .services-card-body,
.intelligent-automation .card .card-body {
    background: linear-gradient(152.97deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(21px);
}

.services h3 {
    font-size: 24px;
}

.services .services__link,
.business-problem p {
    color: rgba(255, 255, 255, 0.6);
}

/**
* Business Problem section
*
* @since 1.0.0
*/

.business-problem {
  padding-top: 110px;
  background-color: #0e0f10;
}

.business-problem .btn {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6);
  background: #151718;
  backdrop-filter: blur(21px);
}

.business-problem .btn:hover,
.business-problem .btn:focus,
.business-problem .btn:active,
.business-problem .btn.active {
  color: #000000;
  background-color: #ffffff;
}

.business-problem .card {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.business-problem .card.d-block {
  opacity: 1;
  transform: translateY(0);
}

.business-problem .card-title::after {
  content: '';
  display: block;
  width: 12px;
  height: 60px;
  background: url("data:image/svg+xml;utf8,<svg width='12' height='60' viewBox='0 0 12 60' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.16309 60L11.9366 50L0.389585 50L6.16309 60ZM6.16309 0L5.16309 0L5.16309 51L6.16309 51L7.16309 51L7.16309 0L6.16309 0Z' fill='url(%23paint0_linear)' fill-opacity='0.6'/><defs><linearGradient id='paint0_linear' x1='6.16309' y1='0' x2='6.16308' y2='22.2473' gradientUnits='userSpaceOnUse'><stop stop-color='%237A7E89' stop-opacity='0'/><stop offset='1' stop-color='white'/></linearGradient></defs></svg>") no-repeat center;
  background-size: contain;
}

.business-problem .business-problem__infographic {
  right: 70px;
}

/**
* Our Process section
*
* @since 1.0.0
*/

.our-process {
    padding: 100px 0;
    background-color: #0e0f10;
}

.our-process .steps h3 {
    font-family: 'Geist', sans-serif;
    font-size: 20px;
}

.our-process .steps .circle {
    width: 235px;
    height: 235px;
}

.our-process .steps:nth-child(1) .circle {
    background: linear-gradient(179.99deg, rgba(50, 215, 254, 0.5) 0.01%, rgba(221, 221, 221, 0) 38.89%);
}

.our-process .steps:nth-child(2) .circle {
    background: linear-gradient(359.97deg, rgba(42, 176, 253, 0.5) 0.03%, rgba(42, 176, 253, 0) 37.38%);
}

.our-process .steps:nth-child(3) .circle {
    background: linear-gradient(179.99deg, rgba(35, 137, 253, 0.5) 0.01%, rgba(35, 137, 253, 0) 38.89%);
}

.our-process .steps:nth-child(4) .circle {
    background: linear-gradient(359.97deg, rgba(28, 101, 252, 0.5) 0.03%, rgba(28, 101, 252, 0) 37.38%);
}

.our-process .steps:nth-child(5) .circle {
    background: linear-gradient(179.99deg, rgba(84, 104, 207, 0.5) 0.01%, rgba(84, 104, 207, 0) 38.89%);
}

.our-process .steps:nth-child(6) .circle {
    background: linear-gradient(359.97deg, rgba(218, 145, 101, 0.5) 0.03%, rgba(218, 145, 101, 0) 37.38%);
}

.our-process .steps .circle::before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
}

.our-process .steps .circle::after {
  content: "";
  position: absolute;
  top: 210px;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: #ffffff;
}

.our-process .steps p::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
}

.our-process .steps .rounded-circle span {
    opacity: 60%;
    width: 30px;
}

/**
* Why Choose Us section
*
* @since 1.0.0
*/

.why-choose-us {
    padding-bottom: 120px;
    background-color: #0e0f10;
}

.why-choose-us .why-choose-us-bg {
    bottom: -140px;
}

.why-choose-us .blue-star {
    top: 60px;
    left: 400px;
}

.why-choose-us p {
    margin-bottom: 0;
}

.why-choose-us p:not(:last-of-type) {
    margin-bottom: 25px;
}

/**
* Intelligent Automation section
*
* @since 1.0.0
*/

.intelligent-automation {
    padding-bottom: 110px;
}

.intelligent-automation .card {
  cursor: pointer;
  min-height: 204px;
  transition: transform 1s ease;
}

.intelligent-automation .card:hover {
  transform: translateY(-4px);
}

.intelligent-automation .title-card {
  min-height: 432px;
}

.intelligent-automation .card-body {
  transition: height 0.8s ease-in-out;
  overflow: hidden;
}

.intelligent-automation .card-front,
.intelligent-automation .card-back {
  transition: opacity 0.8s ease-in-out;
}

.intelligent-automation .card-front {
  display: block;
  opacity: 1;
}

.intelligent-automation .card-back {
  display: none;
  opacity: 0;
}

.intelligent-automation .card:not(.title-card) .card-back p {
  font-size: 15px;
  margin-bottom: 0;
}

.intelligent-automation .card h3 {
    font-size: 24px;
}

.intelligent-automation .title-card .card-body {
    background: linear-gradient(246.62deg, #32D7FE 1%, #1955FD 49.65%, #FC9C4B 130%);
    backdrop-filter: blur(21px);
}

.intelligent-automation .title-card .card-back p {
    color: #000000;
}

/**
* Tools section
*
* @since 1.0.0
*/

.tools {
    padding: 110px 0 65px;
}

.tools .bg-image {
    top: -150px;
}

.tools h2,
.strategy-call h2 {
    font-size: 40px;
}

/**
* Our Expertise section
*
* @since 1.0.0
*/

.our-expertise {
    padding-top: 65px;
}

/**
* Strategy Call section
*
* @since 1.0.0
*/

.strategy-call {
    padding: 65px 0 110px;
}

.strategy-call .strategy-call-bg {
    top: -270px;
}

.strategy-call .content {
    padding: 75px 30px;
}

.strategy-call p {
    color: #ffffff;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

@media screen and (min-width: 1400px) {
    .services > .container,
    .tools > .container,
    .our-expertise > .container,
    .strategy-call > .container {
        max-width: 1265px;
    }

    .our-process > .container {
        max-width: 1515px;
    }

    .intelligent-automation .row > .col-xxl-auto:nth-of-type(1) {
        width: 335px;
    }

    .intelligent-automation .row > .col-xxl-auto:nth-of-type(2) {
        width: 465px;
    }

    .intelligent-automation .row > .col-xxl-auto:nth-of-type(3) {
        width: 620px;
    }
}

@media screen and (max-width: 1400px) {
    .hero-banner .hero-banner__heading {
        font-size: 75px;
    }
}

@media screen and (max-width: 1200px) {
    .hero-banner .hero-banner__heading {
        font-size: 65px;
    }
}

@media screen and (max-width: 1025px) {
    section p,
    .services .services__link,
    .business-problem .btn,
    .our-process .steps p,
    .our-process .steps span {
        font-size: 17px;
    }

    .hero-banner {
        padding: 115px 0 75px;
    }

    .hero-banner .bg-image {
        top: 165px;
    }

    .hero-banner .hero-banner__heading {
        font-size: 60px;
    }

    .business-transformation .row,
    .business-problem .card-body,
    .why-choose-us .row {
        padding: 70px;
    }

    .business-transformation {
        padding: 65px 0 90px;
    }

    .services {
        padding-bottom: 90px;
    }

    .services .services-bg {
        top: -260px;
    }

    .services h3,
    .intelligent-automation .card h3 {
        font-size: 23px;
    }

    .business-problem {
        padding-top: 90px;
    }

    .business-problem .business-problem__infographic {
        right: 0;
    }

    .our-process {
        padding: 80px 0;
    }

    .our-process .steps h3 {
        font-size: 19px;
    }

    .why-choose-us {
        padding-bottom: 80px;
    }

    .why-choose-us .why-choose-us-bg {
        bottom: -100px;
    }
    
    .intelligent-automation {
        padding-bottom: 90px;
    }

    .strategy-call {
        padding: 90px 0;
    }

    .strategy-call .content {
        padding: 75px 30px;
    }

    .tools {
        padding: 90px 0 55px;
    }

    .tools .bg-image {
        top: -130px;
    }

    .our-expertise {
        padding-top: 55px;
    }

    .tools h2,
    .strategy-call h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 768px) {
    section p,
    .services .services__link,
    .business-problem .btn,
    .our-process .steps p,
    .our-process .steps span  {
        font-size: 16px;
    }

    .hero-banner {
        padding: 105px 0 65px;
    }

    .hero-banner .bg-image {
        top: 155px;
    }

    .business-transformation .row,
    .business-problem .card-body,
    .why-choose-us .row {
        padding: 60px;
    }

    .business-transformation {
        padding: 60px 0 70px;
    }

    .services {
        padding-bottom: 70px;
    }

    .services .services-bg {
        top: -240px;
    }

    .services h3,
    .intelligent-automation .card h3 {
        font-size: 22px;
    }

    .business-problem {
        padding-top: 70px;
    }

    .our-process {
        padding: 60px 0;
    }

    .our-process .steps h3 {
        font-size: 18px;
    }

    .why-choose-us {
        padding-bottom: 60px;
    }

    .why-choose-us .why-choose-us-bg {
        bottom: -80px;
    }

    .intelligent-automation {
        padding-bottom: 70px;
    }

    .strategy-call {
        padding: 70px 0;
    }

    .tools {
        padding: 70px 0 45px;
    }

    .tools .bg-image {
        top: -110px;
    }

    .our-expertise {
        padding-top: 45px;
    }

    .tools h2,
    .strategy-call h2 {
        font-size: 36px;
    }
}