body {font-family: 'Sora', sans-serif;  position: relative;}
.fixed-top {background-color: #29115d;}

@media screen and (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

h2 {font-weight: 700;}
@media screen and (min-width:992px) {
    h2 {font-size: 52px;}
    .section-padding {padding: 80px 0;}
}

@media (min-width:768px) and (max-width:991px) {
    .section-padding {padding: 40px 0;}
}

@media screen and (max-width:767px) {
    .section-padding {padding: 20px 0;}
}

/* header */
.no-webp .main-header {background: url('../img/banner-bg.jpg') no-repeat 50% 50%;}
.main-header {background: url('../img/webp/banner-bg.webp') no-repeat 50% 50%; background-size: cover; height: 1000px;}
.navbar-collapse {flex-grow: inherit;}

.inner-main-header {background-color: #29115d;}

@media screen and (min-width:992px) {
    .main-navigation .container {border-bottom: 1px solid #8f83ac; padding-left: 0; padding-right: 0; padding-bottom: 10px; padding-top: 10px;}
    .navbar-expand-lg .navbar-collapse {justify-content: flex-end;}
    .nav-link {color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500;}
    .inner-main-header .main-navigation .container {border-bottom: none;}
}

.no-webp .header-content {background: url('../img/webp/banner-img.html') no-repeat 100% 50%;}
.header-content {background: url('../img/webp/banner-img.webp') no-repeat 100% 50%; height: 974px;}
.header-content h1 {font-weight: 800; color: #fff;}
.heading-tagline {color: #fff;}
.banner-btn {background: rgb(19,205,254); background: linear-gradient(90deg, rgba(19,205,254,1) 0%, rgba(25,95,253,1) 100%); box-shadow: 3px 4px 22px 0px rgba(41, 17, 93, 0.35); border-radius: 10px; border: none;}
.no-webp .banner-btn span {background: url('../img/banner-btn-icon.png') no-repeat 100% 50%;}
.banner-btn span {background: url('../img/webp/banner-btn-icon.webp') no-repeat 100% 50%; display: block; padding-right: 50px;}

@media screen and (min-width:992px) {
    .header-content {background-size: 550px;}
    .header-content h1 {font-size: 58px; margin-top: 144px;}
    .heading-tagline {font-size: 36px; margin-top: 80px;}
    .banner-btn {font-size: 30px; padding: 12px 40px; margin-top: 80px;}
}

@media screen and (max-width:991px) {
    .main-navigation .container {border-bottom: 1px solid #8f83ac; padding-left: 0; padding-right: 0; padding-bottom: 10px; padding-top: 10px;}
    .header-content {text-align: center; margin-top: 80px;}
    .heading-tagline {font-size: 26px; margin-top: 40px;}
    .banner-btn {font-size: 24px; padding: 8px 20px; margin-top: 40px;}
    .header-content {background-size: 350px; background-position: 50% 315px;}
}

@media screen and (max-width:767px) {
    .main-header {height: 930px; background-position: 100% 100%;}
    .header-content {height: 630px;}


    .main-navigation .container {padding-left: 15px; padding-right: 15px;}
    .header-content {text-align: center; margin-top: 40px;}
    .heading-tagline {font-size: 22px; margin-top: 20px;}
    .banner-btn {font-size: 24px; padding: 8px 20px; margin-top: 2  0px;}
    .header-content {background-size: 350px; background-position: 50% 315px;}
}

.no-webp .home-section-1 {background: url('../img/section-1-bg.jpg') no-repeat 100% 50%;}
.home-section-1 {background: url('../img/webp/section-1-bg.webp') no-repeat 100% 50%;}
@media screen and (min-width:992px) {
    .home-section-1 h2 {margin-bottom: 40px;}
    .home-section-1 p {margin-top: 40px; font-size: 18px;}
}

@media (min-width:768px) and (max-width:991px) {
    .home-section-1 {padding-bottom: 0;}
}

@media screen and (max-width:767px) {
    .home-section-1 {background: none;}
}

@media screen and (max-width:767px) {
    .main-navigation .container {padding-left: 15px; padding-right: 15px;}
    .header-content {text-align: center; margin-top: 40px;}
    .heading-tagline {font-size: 22px; margin-top: 20px;}
    .banner-btn {font-size: 24px; padding: 8px 20px; margin-top: 2  0px;}
    .header-content {background-size: 350px; background-position: 50% 315px;}
}

.no-webp .home-section-2 {background: url('../img/bespoke-bg.jpg') no-repeat 50% 50%;}
.home-section-2 {background: url('../img/webp/bespoke-bg.webp') no-repeat 50% 50%; background-size: cover;}
.home-section-2 .section-header {text-align: center;}
.card-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
.card-wrapper .card {flex: 0 0 32%; max-width: 32%; margin-top: 20px; border: none; text-align: center; background-color: #fff; padding: 20px; box-shadow: 0px 3px 33.81px 15.19px rgba(122, 219, 254, 0.27);}
.card-wrapper .card-header {padding: 0; background: none; border: none;}
.card-wrapper .card-body {padding: 0; border: none;}

.card-wrapper .card-header .title {font-size: 20px; font-weight: 700;}
.no-webp .home-section-2 .card-wrapper .card .icon {background: url('../img/bespoke-sprite.png') no-repeat;}
.home-section-2 .card-wrapper .card .icon {display: inline-block; width: 56px; height: 56px; background: url('../img/webp/bespoke-sprite.webp') no-repeat;}

.home-section-2 .card-wrapper .card:nth-child(2) .icon {background-position-y: -88px;}
.home-section-2 .card-wrapper .card:nth-child(3) .icon {background-position-y: -174px;}
.home-section-2 .card-wrapper .card:nth-child(4) .icon {background-position-y: -262px;}
.home-section-2 .card-wrapper .card:nth-child(5) .icon {background-position-y: -350px;}
.home-section-2 .card-wrapper .card:nth-child(6) .icon {background-position-y: -437px;}

.card-wrapper .card:hover {background-color: #29115d; color: #fff;}

@media screen and (min-width:992px) {
    .home-section-2 h2 {margin-bottom: 40px; margin-top: 80px;}
}

@media (min-width:768px) and (max-width:991px) {
    .home-section-2 h2 {margin-top: 120px;}
}

@media screen and (max-width:767px) {
    .card-wrapper .card {flex: 0 0 100%; max-width: 100%;}
}

.no-webp .home-section-3 {background: url('../img/blockchain-platforms-bg.jpg') no-repeat 50% 50%;}
.home-section-3 {background: url('../img/webp/blockchain-platforms-bg.webp') no-repeat 50% 50%; background-size: cover; text-align: center;}
.home-section-3 h2 {color: #fff;}
.icon-wrapper {display: flex; justify-content: space-between;}
.icon-wrapper picture {flex:  0 0 18%; max-width: 18%;}
.icon-wrapper picture img {width: 100%; display: block;}

@media screen and (min-width:992px) {
    .home-section-3 h2 {margin-bottom: 40px;}
}

@media (min-width:768px) and (max-width:991px) {
    .home-section-3 h2 {margin-bottom: 30px;}
}

@media screen and (max-width:767px) {
    .home-section-3 h2 {margin-bottom: 20px;}
}


.no-webp .home-section-4 {background: url('../img/our-process-bg.jpg') no-repeat 50% 50%;}
.home-section-4 {background: url('../img/webp/our-process-bg.webp') no-repeat 50% 50%; background-size: cover;}
.home-section-4 .section-header {text-align: center;}
.home-section-4 .section-header h2 {color: #fff;}

.home-section-4 .our-process-card {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.home-section-4 .card-content {flex: 0 0 40%; max-width: 40%;}
.home-section-4 .card-img {flex: 0 0 40%; max-width: 40%;}
.home-section-4 .card-img img {display: block; width: 100%;}
.home-section-4 .our-process-card:nth-child(2),
.home-section-4 .our-process-card:nth-child(4) {flex-direction: row-reverse;}

.home-section-4 .card-content .title {font-weight: 700; color: #42e8df;}
.home-section-4 .card-content p {color: #fff;}

@media screen and (min-width:992px) {
    .home-section-4 h2 {margin-bottom: 40px;}
    .home-section-4 .card-content .title {font-size: 42px;}
    .home-section-4 .card-content p {font-size: 20px;}
}

@media screen and (max-width:767px) {
    .home-section-4 .our-process-card {flex-wrap: wrap; text-align: center; margin-top: 20px;}
    .home-section-4 .card-content,
    .home-section-4 .card-img {flex: 0 0 100%; max-width: 100%;}
    .home-section-4 .card-content .title {font-size: 24px;}
}

.no-webp .home-section-5 {background: url('../img/strip.jpg') no-repeat 50% 50%;}
.home-section-5 {background: url('../img/webp/strip.webp') no-repeat 50% 50%; background-size: cover;}
.home-section-5 .col-md-12 {display: flex; justify-content: space-between; align-items: center;}
.home-section-5 h2 {color: #fff; flex: 0 0 70%; max-width: 70%;}
.home-section-5 .btn-area {flex: 0 0 30%; max-width: 30%; text-align: right;}
.home-section-5 .btn-area .btn-primary {background: rgb(19,205,254); background: linear-gradient(90deg, rgba(19,205,254,1) 0%, rgba(25,95,253,1) 100%); box-shadow: 3px 4px 22px 0px rgba(41, 17, 93, 0.35); border-radius: 10px;}

@media screen and (min-width:992px) {
    .home-section-5 h2 {margin: 0; font-size: 46px;}
    .home-section-5 .btn-area .btn-primary {font-size: 22px;}
    .home-section-5 .btn-area .btn-primary {padding: 12px 30px;}
}

@media screen and (max-width:767px) {
    .home-section-5 .col-md-12 {flex-wrap: wrap;}
    .home-section-5 h2 {color: #fff; flex: 0 0 100%; max-width: 100%;}
    .home-section-5 .btn-area {flex: 0 0 100%; max-width: 100%; text-align: center; margin-top: 15px;}
}

.no-webp .home-section-6  {background: url('../img/industry-bg.jpg') no-repeat 50% 50%;}
.home-section-6  {background: url('../img/webp/industry-bg.webp') no-repeat 50% 50%; background-size: cover;}
.home-section-6 .section-header {text-align: center;}

.home-section-6 .card-wrapper .card {flex: 0 0 23%; max-width: 23%; margin-top: 30px; background-color: #fff; box-shadow: 3px 5px 35px 0px rgba(53, 53, 119, 0.17);}

.no-webp .home-section-6 .card-wrapper .card .icon {background: url('../img/industry-sprite.png') no-repeat 50% 18px;}
.home-section-6 .card-wrapper .card .icon {display: inline-block; width: 86px; height: 86px; border-radius: 50%; background: url('../img/webp/industry-sprite.webp') no-repeat 50% 18px; border: 1px solid #efefef;}

.home-section-6 .card-wrapper .card:nth-child(2) .icon {background-position-y: -68px;}
.home-section-6 .card-wrapper .card:nth-child(3) .icon {background-position-y: -150px;}
.home-section-6 .card-wrapper .card:nth-child(4) .icon {background-position-y: -233px;}
.home-section-6 .card-wrapper .card:nth-child(5) .icon {background-position-y: -314px;}
.home-section-6 .card-wrapper .card:nth-child(6) .icon {background-position-y: -396px;}
.home-section-6 .card-wrapper .card:nth-child(7) .icon {background-position-y: -502px;}
.home-section-6 .card-wrapper .card:nth-child(8) .icon {background-position-y: -586px;}

.home-section-6 .card-wrapper .card:hover {background-color: #4a28a9; color: #fff;}

@media screen and (min-width:992px) {
    .home-section-6 h2 {margin-bottom: 40px;}
}

@media (min-width:768px) and (max-width:991px) {
    .home-section-6 .card-wrapper .card {flex: 0 0 48%; max-width: 48%;}
}

@media screen and (max-width:767px) {
    .home-section-6 .card-wrapper .card {flex: 0 0 100%; max-width: 100%; margin-top: 15px;}
}

.no-webp .home-section-7 {background: #29115d url('../img/leaders-bg.png') no-repeat 100% 50%;}
.home-section-7 {background: #29115d url('../img/webp/leaders-bg.webp') no-repeat 100% 50%;}
.home-section-7 .section-header {text-align: center;}
.home-section-7 .section-header h2 {color: #fff;}

.home-section-7 .carousel {padding-bottom: 70px;}
.home-section-7 .carousel-indicators [data-bs-target] {width: 15px; height: 15px; border-radius: 50%; background-color: #a2e4d7; margin-left: 4px; margin-right: 4px;}
.home-section-7 .carousel-box {text-align: center; color: #fff;}
.home-section-7 .leader-img img {width: 110px; height: 110px; border: 10px solid #443f78; border-radius: 50%;}
.home-section-7 .leader-detail {margin-top: 20px; margin-bottom: 30px;}
.home-section-7 .leader-detail .name {font-size: 22px; margin-bottom: 5px;}
.home-section-7 .leader-detail .designation {font-size: 20px; font-weight: 300;}

@media screen and (min-width:992px) {
    .home-section-7 h2 {margin-bottom: 40px;}
}

.no-webp .home-section-8 {background: #29115d url('../img/form-section-bg.png') no-repeat 50% 100%;}
.home-section-8 {background: #29115d url('../img/webp/form-section-bg.webp') no-repeat 50% 100%; background-size: cover;}
.home-section-8 .form-outer {background: rgb(145,55,200); background: linear-gradient(90deg, rgba(145,55,200,0.5) 0%, rgba(86,54,200,0.5) 39%, rgba(41,48,192,0.5) 100%); padding: 30px; padding-bottom: 80px; border-radius: 10px;}
.home-section-8 .form .title {color: #fff; font-size: 40px; font-weight: 600;}
.home-section-8 .form .form-floating {margin-top: 20px;}

.form-control,
.form-control:focus {background-color: rgba(140, 90, 197, 0.5); border: none; box-shadow: none; color: #fff;}
.form-floating > .form-control:-webkit-autofill {background-color: rgba(140, 90, 197, 0.5);}

.form-floating>textarea.form-control {height: 150px; color: #fff;}
.form-floating>label {color: #fff;}
.form-floating>label.error {position: absolute; bottom: -44px; left: 0; top: inherit; font-size: 10px;}
.form-floating>input[type="submit"] {font-size: 24px; background: rgb(253,142,71); background: linear-gradient(90deg, rgba(253,142,71,1) 0%, rgba(254,85,78,1) 100%); box-shadow: 3px 4px 22px 0px rgba(41, 17, 93, 0.35); border: none; padding: 12px 30px; border-radius: 10px; box-shadow: 0px 0px 30px 10px rgba(253,140,70,0.28); margin-top: 40px;}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label.error {opacity: 1; transform: scale(1) translateY(-0.15rem) translateX(0.15rem);}
.form-floating > .form-control:focus ~ label.error,
.form-floating > .form-control:not(:placeholder-shown) ~ label.error,
.form-floating > .form-select ~ label.error {opacity: 1; transform: scale(1) translateY(-0.15rem) translateX(0.15rem);}
.form-floating > .form-control:-webkit-autofill ~ label.error {opacity: 1; transform: scale(1) translateY(-0.15rem) translateX(0.15rem);}

.home-section-9 {background: #1c0e64; padding-top: 50px; padding-bottom: 50px; color: #fff;}
.home-section-9 p.title {font-size: 18px; font-weight: 700;}
.home-section-9 p {font-size: 16px; font-weight: 300;}

.connect-div {margin-top: 50px; justify-content: space-between;}
.social-link {display: flex;}
.social-link li {margin-right: 15px; font-size:30px;}
.social-link li a {color: #fff; text-decoration: none; font-size:30px;}

.newsletter {display: flex;}
.newsletter input[type="text"] {background-color: #fff; border: none; font-size: 18px; padding: 8px; border-radius: 4px;}
.newsletter input:focus {outline: none;}
.newsletter input[type="submit"] {margin-left: 10px;}
.newsletter .btn-primary {background: rgb(19,205,254); background: linear-gradient(90deg, rgba(19,205,254,1) 0%, rgba(25,95,253,1) 100%); box-shadow: 3px 4px 22px 0px rgba(41, 17, 93, 0.35); border-radius: 8px;}

.home-section-10 {background-color: #3740a1; padding: 8px 0;}
.home-section-10 p {margin: 0; font-size: 14px; color: #fff;}
.home-section-10 a {text-decoration: none; color: #fff;}


.thankyou-section {text-align: center; background: url('../img/thankyou-bg.jpg') no-repeat 50% 50%; background-size: cover; padding-top: 240px; padding-bottom: 150px;}
.thankyou-section h2 {font-size: 28px; font-weight: 700; background: url('../img/thankyou-check.png') no-repeat 50% 0; padding-top: 130px;}
.thankyou-section p {font-size: 22px; font-weight: 300; margin-top: 25px;}