* {margin: 0; padding: 0; box-sizing: border-box;} body {font-family: sans-serif; overflow-x: hidden;} .slider-wrapper {display: flex; justify-content: center; align-items: center; max-width: 1400px; margin: 0 auto; height: 100vh; gap: 40px; } .left-text {height: 475px; position: relative; } .text-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease; display: flex; align-items: center; font-size: 1.8rem; } .text-slide.active {opacity: 1; z-index: 1; } .right-slider {height: 475px; overflow: hidden; position: relative; } .slide-track {position: absolute; top: 0; left: 0; width: 100%; } .slide {height: 475px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;} .slider-wrapper .left-text { width: 32%;} .slider-wrapper .right-slider {width: 61%;} .slider-wrapper .right-slider .slide img{ width:100%; height:100%; object-fit:cover;} .trust-strip img{ filter: brightness(0) invert(1); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .trust-strip img:hover{ filter:inherit; } .cs { font-size: 14px; } .app__head4 {font-size: 26px; font-weight: 600; margin: 30px 0; } .showcase_subhead {font-size: 22px; line-height: 1.5; } .showcase__results {padding-top: 40px; } .results_head {font-size: 14px; font-weight: 300; } .results_count {display: flex; color: #fff; padding: 15px 0 30px; } .states_head {width: 140px; } .states_head + .states_head {margin-left: 10px; padding-left: 50px; border-left: 1px solid #707070; } .states_head span {font-size: 24px; font-weight: 700; display: inline-block; padding-bottom: 10px; } .results_text {font-size: 14px; white-space: nowrap; } .common__btn {display: inline-block; margin-top: 50px; } .common__btn .btn-effect {position: relative; font-size: 16px; font-weight: 400; color: #fff; transition: all .3s cubic-bezier(.19,1,.22,1); border: 2px solid #fff; padding: 14px 25px; border-radius: 10px; display: inline-flex; align-items: center; } .common__btn .btn-effect:hover{ background:#fff; color:#000; } section#services .active .flex.flex-col.lg\:flex-row.items-center.hidden {display: flex !important; } @media(max-width: 767px) {.pin-spacer {display: none !important; } section.case-study-mobile .common__btn {margin-top: 5px; } .app__head4 {margin: 9px 0; } .main-mobile-block img {margin: 35px 0 54px; } section.case-study-mobile {display: block !important; padding: 68px 11px 15px; } } </style> <style type="text/css"> section.counter__section {padding: 20px 0;background-color: rgba(17, 24, 39);} section.counter__section .counter__row {display: flex;display: -webkit-flex;flex-wrap: wrap;margin: 0 -15px;} section.counter__section .counter__row .counter__column {width: 33.333%;padding: 0 15px;} section.counter__section .counter__row .counter__column .counter__content {background: transparent !important; border-radius: 7px; padding: 60px 20px; text-align: center; margin-bottom: 30px; position: relative; overflow: hidden; } .counter__content strong {font-size: 36px; display: block; margin-bottom: 15px; font-weight: 700; color: #ffff; position:relative; z-index:1; } .counter__content p {text-transform: uppercase; font-size: 15px; font-weight: 400; color: #fff; position:relative; z-index:1; } section.counter__section .counter__row .counter__column .counter__content:last-child {margin-bottom: 0; } section.counter__section .counter__row .counter__column.center__column .column__inner {height: 100%; border-radius: 7px; overflow: hidden; } section.counter__section .counter__row .counter__column:first-child .counter__content:last-child {background: linear-gradient(90deg, var(--accent-violet), var(--neon-pink)); } section.counter__section .counter__row .counter__column:first-child .counter__content:last-child strong, section.counter__section .counter__row .counter__column:first-child .counter__content:last-child p {color: #FFF; } section.counter__section .counter__row .counter__column:last-child .counter__content:first-child {background: linear-gradient(90deg, var(--accent-violet), var(--neon-pink)); } section.counter__section .counter__row .counter__column:last-child .counter__content:first-child strong, section.counter__section .counter__row .counter__column:last-child .counter__content:first-child p {color: #FFF; } section.counter__section .counter__row .counter__column .counter__image figure {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" version="1.2" viewBox="0 0 19.5 22"><path fill="%2317313b" d="M15.2 15.6c-1.1 1-2.6 1.6-4.2 1.6-3.6 0-6.2-2.6-6.2-6.2S7.4 4.9 11 4.9c1.6 0 3.1.5 4.2 1.5l.8.7 3.4-3.4-.9-.8C16.6 1 13.9 0 11 0 4.6 0 0 4.6 0 10.9S4.7 22 11 22c2.9 0 5.6-1 7.6-2.9l.8-.8-3.4-3.4z"/><circle cx="10.8" cy="11" r="3.7" fill="%23ff3d2e"/></svg>'); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: block; height: 120px; width: 120px; filter: brightness(0) saturate(100%) invert(98%) sepia(6%) saturate(191%) hue-rotate(188deg) brightness(119%) contrast(100%); margin: auto; } section.counter__section .counter__row .counter__column.center__column .column__inner .counter__image {height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px; } .column__inner .counter__image p {text-transform: uppercase; font-size: 15px; font-weight: bold; color: #333; color: #FFF; text-align: center; padding-top: 20px; position: relative; z-index: 1; } .bg-orange-500 {background: #6e6cc5; } .bg-orange-500 img{    filter: brightness(0) saturate(100%) invert(10%) sepia(98%) saturate(5533%) hue-rotate(245deg) brightness(92%) contrast(152%);} .bg-red-500 img {filter: brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(4455%) hue-rotate(357deg) brightness(91%) contrast(103%); } .bg-gray-500 img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(5165%) hue-rotate(319deg) brightness(129%) contrast(73%); } .bg-white-500 {background: #FFF; } section.ai__development {background: rgb(42 47 60); padding: 70px 0 39px; } section.ai__development h3.tag_h2 {text-align: center; line-height: 2.5rem; font-weight: 700 !important;padding-bottom:50px; } section.ai__development article {border: 1px solid #FFF; border-radius: 15px; margin-bottom: 0; padding: 30px; height: 100%; } section.ai__development .col-md-4 {margin-bottom: 30px; } section.ai__development article h4 {font-size: 20px !important; font-weight: 700 !important; padding-bottom: 15px; } section.ai__development article p {font-size: 14px !important; } .container__slider .swiper {margin:0px auto;overflow: unset; } .container__slider .swiper-slide {display: flex; align-items: center; justify-content: center; height: auto; margin-right: 22px; } .container__slider .swiper-wrapper {display: flex; display: -webkit-flex; } .swiper__inner__content{color: #fff; background: #111827; border-radius: 15px; height: 100%; padding: 0; overflow: hidden;} .swiper__inner__content .swiper__row {display: flex; display: -webkit-flex; flex-wrap: wrap;    height: 100%; } .swiper__inner__content .swiper__row .swiper__content {width: 60%; padding: 105px 59px; } .swiper__inner__content .swiper__row .swiper__content h3 {font-size: 25px; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 15px; position: relative; } .swiper__inner__content .swiper__row .swiper__content h3::before {content: ''; position: absolute; left: 0; width: 80px; height: 3px; background: #FFF; bottom: 0; border-radius: 100px; } .swiper__inner__content .swiper__row .swiper__content p, .swiper__inner__content .swiper__row .swiper__content li {font-size: 16px; color: #ffffff; margin-bottom: 8px; }.swiper__inner__content .swiper__row .swiper__content  li b {display: block; font-size: 17px; padding-bottom: 2px; color: #FFF; } .swiper__inner__content .swiper__row .swiper__content ul{padding-left: 50px;} .swiper__inner__content .swiper__row .swiper__content li{font-size: 14px;position: relative;padding-left: 20px;margin-bottom: 8px} .swiper__inner__content .swiper__row .swiper__content ul {padding-left: 12px;padding-top: 20px;} .swiper__inner__content .swiper__row .swiper__content li::before {content: ''; width: 7px; height: 7px; position: absolute; left: 0; top: 7px; content: "\f05d"; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #03a84e; } .swiper-3d .swiper-slide-shadow {background: inherit !important; } .swiper__inner__content .swiper__row .swiper__image {width: 40%; } .swiper__inner__content .swiper__row .swiper__image img {height: 100%; object-fit: cover; width: 100%; } .container__slider .container {padding-right: 0px;padding-left: 40px; } .container__slider .swiper-pagination {position: absolute; left: -30px !important; top: 0 !important; bottom: 0; width: 4px !important; background: rgba(0, 0, 0, 0.1); height: 100% !important;overflow: hidden; } .container__slider .swiper-pagination-progressbar-fill {background: #007aff; width: 15px !important; height: 0%; transition: height 0.3s ease; } .container__slider .swiper-button-prev, .container__slider .swiper-button-next {position: absolute; bottom: 0 !important; top: inherit !important; left: -60px !important; width: 30px !important; height: 30px !important; padding: 10px !important; } .container__slider .swiper-button-next {left: -25px !important; } .container__slider .swiper-button-prev::after, .container__slider .swiper-button-next::after{font-size: 18px; color: #FFF} .counter__content {position: relative; } .counter__content figure {margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .counter__content figure img {width: 100% !important; height: 100% !important; object-fit: cover; object-position: center center; } .counter__content figure:after {position: absolute; content: ""; left: 0; top: 0; background: #121726; width: 100%; height: 100%; mix-blend-mode: hard-light; } section.counter__section .counter__row .counter__column.center__column .column__inner .counter__image span:after {position: absolute; content: ""; left: 0; top: 0; background: #121726; width: 100%; height: 100%; mix-blend-mode: hard-light; } section.counter__section .counter__row .counter__column.center__column .column__inner .counter__image {position: relative; } section.counter__section .counter__row .counter__column.center__column .column__inner .counter__image span {position: absolute; left: 0; right: 0; width: 100%; height: 100%; } section.counter__section .counter__row .counter__column.center__column .column__inner .counter__image span img {width: 100%; height: 100%; object-fit: cover; } img.rating-icon {position: relative; max-width: 137px; margin-top: 8px; filter: brightness(0) invert(1); } .service-card a:hover{color: red !important; text-decoration: underline !important; } .service-card a {text-decoration: underline !important; font-weight: bold; }
.why-invest-section.ai-chatboat-sections img {
    filter: brightness(0) invert(1) !important;
}

.content__n p a {text-decoration: underline !important; font-weight: bold; }
.content__n p a:hover{    color: red !important;
    text-decoration: underline !important;}


@media(max-width: 1500px) {
.container__slider .container {padding-right: 0px; padding-left: 0; }
.container__slider .swiper-button-next {left: 79px !important; bottom: -46px !important; }
.container__slider .swiper-button-prev, .container__slider .swiper-button-next {bottom: -46px !important; left: 34px !important; }
.swiper__inner__content .swiper__row .swiper__content {width: 60%; padding: 43px 44px; }



}




@media(max-width: 991px) {
section.counter__section .counter__row .counter__column .counter__image figure {height: 63px; width: 63px;}
.counter__content strong {font-size: 22px; margin-bottom: 2px; }
section.counter__section .counter__row .counter__column .counter__content {margin-bottom: 11px;}



}


@media(max-width: 767px) {
 section.counter__section .counter__row {flex-wrap: wrap; }
section.counter__section .counter__row .counter__column {width: 100%; }
.counter__column.center__column {padding: 11px 15px !important; }
.swiper__inner__content .swiper__row .swiper__content {width: 100% !important; }
.swiper__inner__content .swiper__row .swiper__image {width: 100% !important; }
.swiper__inner__content .swiper__row .swiper__content {padding: 43px 23px; }
.container__slider .container {padding-right: 7px; padding-left: 7px; }
.container__slider .swiper-button-prev, .container__slider .swiper-button-next {bottom: auto !important; left: 34px !important; top: -18px !important; background: #ffffff; border-radius: 2px !important; left: auto !important; right: 5px !important; }
.container__slider .swiper-button-prev::after, .container__slider .swiper-button-next::after {color: #000 !important; }
.container__slider .swiper-button-prev {left: auto !important; right: 42px !important; }
.swiper__image {display: none !important; }



}





