body {font-size: 15px;color: #686868;font-family: 'Creato Display', sans-serif;font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word;overflow-x: hidden;}
body::-webkit-scrollbar {width: 7px; background-color: #F5F5F5; }
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment {display: none; }
body::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
body::-webkit-scrollbar-thumb:vertical {border-radius: 50px; background-color: var(--primeColor); }

/************COLORS CSS*/
:root {
  --primeColor: #000;
  --secondColor: #DDDDDD;
  --black: #000;
  --dark: #232323;
  --white: #fff;
  --light_gray: #929292;
}
.primeColor{color: var(--primeColor) !important; } 
.black{color: var(--black);}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--dark) !important; }
.invertEffect {color: #fff; mix-blend-mode: difference; }
.light_gray {color: var(--light_gray);}
.img_white {filter: brightness(0)invert(1);}
/************COLORS CSS*/

.rating {display: flex; column-gap: 2px; font-size: 15px; color: #ffd200; }

ul, ol {margin: 0; padding: 0; }
a {cursor: pointer; color: var(--primeColor); text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: #1869f4; text-decoration: none; outline: 0; }
a:visited {text-decoration: none; outline: 0; }
textarea {outline: none !important; height: 150px; }
/*b, strong {font-weight: 800; }*/
li{list-style: none;}

.input {border: none !important;width: 100%;font-size: 15px;padding: 15px 15px;margin-bottom: 0px;border: none;border-radius: 10px;/* border: 1.5px solid rgba(205, 205, 205, 0.50); */background: #FAFAFA;color: #000;}
.input:focus {border-color: var(--yellow) !important; }
.input::placeholder {font-weight: 400; font-size: 14px; }
textarea.txt_area {height: 119px !important; }
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    padding-right: 40px;
}
/************HEADER CSS*/
header{border-bottom: 1px solid #dee2e6;}
header nav a,header nav button {font-size: 20px;font-weight: 500;padding: 22px 0;background-color: transparent;border: none;text-transform: uppercase;}
header nav .header_counter {font-size: 12px; position: relative; bottom: 5px; color: #808080; }
.nav-dropdown-wrapper {position: relative; padding-bottom: 10px; margin-bottom: -10px; } 
.dropdown-menu-custom {position: absolute;top: 94%;left: 0;width: 225px;min-width: 180px;background-color: #ffffff;box-shadow: 0 10px 30px rgb(0 0 0 / 22%);border-radius: 0px;padding: 0px 0;margin: 0;list-style: none;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events: none;} 
.dropdown-menu-custom li a {display: block;padding: 6px 16px;color: #333333;text-decoration: none;font-size: 13px;text-transform: capitalize;transition: background-color 0.2s ease, color 0.2s ease;border-bottom: 1px solid #00000012;} 
.dropdown-menu-custom li:last-child a{/*border-bottom: none;*/}
.dropdown-menu-custom li a:hover {background-color: #f5f5f5; color: #000000; } 
.nav-dropdown-wrapper:hover .dropdown-menu-custom {opacity: 1;visibility: visible;transform: translate(-50%, 0px) !important;pointer-events: auto;}
.dropdown-menu-custom {transform: translate(-50%, 10px) !important;left: 50% !important;}
/************HEADER CSS*/

/************HAMBURGER CSS*/
.hamBurger {width: auto;height: auto;float: right;padding: 5px 15px;cursor: pointer;margin-left: 0px;display: flex;align-items: center;border-radius: 100px;gap: 7px;color: var(--primeColor);font-size: 16px;font-weight: 600;/* border: 1px solid var(--primeColor); */}
.hamBurger .btn_lines {margin: 0;display: grid;gap: 4px;width: 20px;}
.hamBurger .btn_lines div {height: 2px;width: 100%;background-color: var(--primeColor);border-radius: 100px;}
.hamBurger div:nth-child(2) {width: 14px;}
.hamBurger div:nth-child(3) {width: 10px; }
/************HAMBURGER CSS*/

/************CANVAS OFF MENU CSS*/
.drop_data a {display: inline-block;width: 100%;margin: 2px 0;text-transform: capitalize;padding-left: 10px;}
.cavasoff_menu {position: fixed;height: 100vh;z-index: 999;background-color: #fff;width: 100%;right: -100%;padding: 30px 15px 20px;display: grid;/* justify-content: space-between; */align-items: center;top: 0;}
.closeBtn {border: none; background-color: transparent; }
.canvasoff_list {height: calc(100vh - 29vh);margin: 45px 0;overflow-y: auto;overflow-x: hidden;}
.menu__link {border: none;background-color: transparent;padding: 0;font-size: 20px;font-weight: 600;color: var(--primeColor);margin: 10px 0;display: inline-block;width: 100%;text-align: left;}
.drop_data {display: none;}
.has__drop:before {content: ""; position: absolute; right: 0; background-image: url(../../assets/images/caret-down.png); background-repeat: no-repeat; background-size: contain; width: 12px; height: 100%; background-position: center; }
.cavasoff_menu ::selection {background: var(--primeColor); color: #fff; text-shadow: none; }
.cavasoff_menu ::-webkit-scrollbar {width: 0px; background-color: var(--primeColor); }
.cavasoff_menu ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; }
.cavasoff_menu ::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
.cavasoff_menu ::-webkit-scrollbar-thumb:vertical {border-radius: 10px; background-color: var(--primeColor); }
/************CANVAS OFF MENU CSS*/

/************TABS CSS*/
ul#pills-tab {margin: auto; display: flex; margin-bottom: 0px !important; column-gap: 5px; justify-content: center; }
ul#pills-tab li {display: inline-block; }
ul#pills-tab li button {border-radius: 5px 5px 0 0; color: var(--primeColor); font-weight: 500; text-transform: uppercase; padding: 30px 0; font-weight: 700; font-size: 15px; }
ul#pills-tab li button.active {background-color: #f8f6f1 !important; color: var(--primeColor) !important; }
ul#pills-tab li button span {width: 100% !important; display: inline-block; margin-top: 9px; }
ul#pills-tab li button.active img {filter: unset !important;opacity: 1 !important;} ul#pills-tab li button img {width: 50px; height: 45px; object-fit: contain; filter: brightness(0); opacity: 0.3; }
/************TABS CSS*/

/************BUTTONS CSS*/
.btn_set {display: flex; column-gap: 15px; align-items: center; }
.arrow_circle {width: 59px;height: 59px;overflow: hidden;}
.themeBtn {width: max-content;font-size: 18px;font-weight: 500;} 
.themeBtn {width: max-content; font-size: 18px; font-weight: 500; border-radius: 50px !important; }

.themeBtn span {border: none !important;padding: 0 !important;width: auto !important;height: auto;overflow: visible;padding: 0 !important;} 
.themeBtn {padding: 10px 17px !important;border-radius: 50px;border: 1px solid #000 !important;overflow: hidden;gap: 15px !important;transition: .5s !important;}
.themeBtn.bg-black:hover span {color: #000 !important; } 
.themeBtn:hover span img {filter: brightness(0); }
.themeBtn:hover {background-color: transparent !important; }

.themeBtn.bg-white {border-color: #fff !important;} 
.themeBtn.bg-white:hover span {color: #fff !important; } 
.themeBtn.bg-white:hover span img {filter: brightness(0)invert(1); }

.w-md-auto {width: max-content !important; }

section.form__section .themeBtn.bg-white span {color: #fff !important; } 
section.form__section .themeBtn.bg-white:hover {background-color: #fff !important; } 
section.form__section .themeBtn.bg-white:hover span {color: #000 !important; }

.primeBtn {background-color: #000; color: #fff; padding: 15px 0; border-radius: 50px; font-size: 15px; font-family: 'Manrope'; }

button.newsBtn:hover img, .themeBtn:hover img {animation: arrowPush 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; } 
@keyframes arrowPush {0% {transform: translate(0, 0); } 49% {transform: translate(150%, -150%); } 50% {opacity: 0; transform: translate(-150%, 150%); } 100% {opacity: 1; transform: translate(0, 0); } }

/************BUTTONS CSS*/

/************TYPOGRAPHY CSS*/
p {line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
h1 {font-size: 52px; font-weight: 700;}
h2 {font-size: 36px; font-weight: 700;}
h3 {font-size: 26px; font-weight: 700;}
h4 {font-size: 22px; font-weight: 700;}
h5 {font-size: 18px; font-weight: 500;}
h6 {font-size: 20px; font-weight: 400;}

.fw_800 {font-weight: 800;}
.fw_700 {font-weight: 700 !important;}
.fw_600 {font-weight: 600 !important;}
.fw_500 {font-weight: 500;}
.fw_400 {font-weight: 400;}
.fw_300 {font-weight: 300;}
.fw_200 {font-weight: 200;}
.fw_100 {font-weight: 100;}

.fs_327px {font-size: 16.4vw;}
.fs_290px {font-size: 15vw;}
.fs_250px {font-size: 13.021vw;}
.fs_190px {font-size: 7.700vw;}
.fs_172px {font-size: 6.5vw; }
.fs_144px {font-size: 7.5vw;}
.fs_149px {font-size: 7.705vw;}
.fs_134px {font-size: 7.01vw;}
.fs_120px {font-size: 7vw;}
.fs_100px {font-size: 4.208vw;}
.fs_80px {font-size: 3.3vw;}
.fs_70px {font-size: 2.8vw;}
.fs_58px {font-size: 3.021vw;}
.fs_50px {font-size: 2.604vw;}
.fs_48px {font-size: 2.1vw;}
.fs_40px {font-size: 2.1vw;}
.fs_38px {font-size: 1.879vw;}
.fs_36px {font-size: 1.875vw;}
.fs_30px {font-size: 1.563vw;}
.fs_24px {font-size: 1.25vw;}
.fs_27px {font-size: 27px;}
.fs_20px {font-size: 1.042vw;}
.fs_18px {font-size: 0.938vw;}
.fs_16px {font-size: 16px;}
.fs_14px {font-size: 14px;}

.mfs_33px {font-size: 7.674vw;}
.mfs_20px {font-size: 4.651vw;}
.mfs_12px {font-size: 16px;}
.mfs_50px {font-size: 10.651vw;}
.mfs_30px {font-size: 30px;}
.mfs_14px {font-size: 15px;}
.mfs_10px {font-size: 12px;}
.mfs_30px {font-size: 7.1vw;}

.italic {font-style: italic !important; }

.uppercase {text-transform: uppercase}
.capitalize {text-transform: capitalize;}
/************TYPOGRAPHY CSS*/
.my__container {padding-left: 32px; padding-right: 32px; }
.left__container {padding-left: 32px; }

section {padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; position: relative; }
.splitedText {overflow: hidden; display: inline-block;}
.splitedText span {display: inline-block; }

button.slick-arrow {background-color: #1D1D1D; border: none; color: #fff; padding: 10px 30px; border-radius: 50px; } 
.other__services_slider .slick-track, .testimonials_slider .slick-track, .blogs_slider .slick-track {transition: 1s !important; font-family: 'Manrope';}

.description_underline {text-decoration: underline !important; }

.manrope {font-family: 'Manrope'; }

.accordion-item {margin-bottom: 10px; border-radius: 10px !important; overflow: hidden; border: none; }
.accordion-header button {padding: 25px 20px; } 
.accordion-body {border-top: 0px solid #0000001a; padding-top: 0; }
.accordion-button:not(.collapsed) {background-color: transparent; border: none !important; box-shadow: none; }
.accordion-body p:last-child {margin-bottom: 0; }
.accordion-button::after {background-image: url(../../assets/images/acc-pluss.png); background-position: center; }
.accordion-button:not(.collapsed)::after {background-image: url(../../assets/images/acc-minuss.webp); }

.chckBoxx {display: inline-block; position: relative; padding-left: 0; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.chckBoxx input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 
.checkmark {position: relative; padding: 12px 20px; display: inline-block; border-radius: 50px; color: #fff; font-size: 16px; border: 1px solid #ffffff57; transition: .5s; } 
.chckBoxx input:checked ~ .checkmark {background-color: #ffffff; color: #000; }

footer {background-color: #111212;padding-top: 100px;padding-bottom: 25px;position: relative;}
footer ul li a {font-size: 16px;}
footer .my__container.border-bottom.mb-5.pb-5 {border-color: #ffffff1f !important; }
footer form.newsletter {position: relative; margin: auto; overflow: hidden; } 
footer form.newsletter input {margin: 0; border-radius: 50px; border: none; background-color: #282828; padding: 20px 20px; color: #fff; font-size: 15px; }
footer form.newsletter button {position: absolute; right: 0; padding: 0 40px; border: 0; height: 100%; border-radius: 50px; }
footer .email_num {color: #888989 !important; transition: .5s; } 
footer .email_num:hover {color: #fff !important; }
footer .social_link:hover {background-color: #fff !important; } 
footer .social_link:hover img {filter: unset !important; }
footer .privacy_terms li {display: inline-block; margin: 0 0; padding: 0 20px; position: relative; } 
footer .privacy_terms li a {color: #fff; font-size: 14px; } 
footer .privacy_terms li:last-child {padding-right: 0 !important; } 
footer .privacy_terms li:last-child:before {content: ""; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 0; }
footer .marquee__slider {background-color: transparent !important;}
footer .img_wrap {min-width: 230px; min-height: 110px;background-color: #1A1B1B;display: flex !important;align-items: center;justify-content: center;border-radius: 15px;padding: 0 17px;}
/*FOR MOBILE CSS*/
footer .img_wrap {min-height: 80px; padding: 20px; min-width: 100%; border-radius: 10px; }
footer .copyright {padding: 20px 0; }
footer .accordion-body ul li a {color: #646565; } 
footer .accordion-body ul li a:hover {color: #fff !important; }
/*FOR MOBILE CSS*/
.owl-nav {display: flex; justify-content: space-between; margin-top: 25px; } 
.owl-nav div {width: 50px; height: 35px; background-color: #1D1D1D; border-radius: 50px; font-size: 0; transition: .5s; background-image: url(../../assets/images/aa-left.webp); background-repeat: no-repeat; background-position: center; } 
.owl-nav div:last-child {background-image: url(../../assets/images/aa-right.webp); }

section.testimonials .swiper-backface-hidden .swiper-slide {min-height: 580px !important;display: grid;align-content: space-between;}

.slick-initialized button {background-image: url(../../assets/images/aa-left.webp); background-position: center; background-repeat: no-repeat; } 
.slick-initialized button.slick-next {background-image: url(../../assets/images/aa-right.webp) !important; } 
.slick-initialized button:before {opacity: 0 !important;}
.slick-initialized ul li button:before {opacity: 1 !important; }


button.swiper-pagination-bullet {color: #ffffff !important;font-size: 1.25vw;position: relative;font-family: 'manrope' !important;transition: .3s !important;text-align: left;margin: 0 10px !important;} 
button.swiper-pagination-bullet:before {width: 0px;height: 1px !important;background-color: #fff !important;opacity: 1;content: "";left: 24px;top: 16px;transition: .3s;position: absolute;} 
button.swiper-pagination-bullet.swiper-pagination-bullet-active {color: #fff !important; } 
button.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 68px !important; } 
button.swiper-pagination-bullet.swiper-pagination-bullet-active {transition: 2s;} 
button.swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 46px;} 
ul.slick-dots {position: relative;margin-top: 50px;display: flex;bottom: 0;left: 13%;width: 87%;}

.social_link {width: 80px; background-color: #F3F3F3; display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 60px; transition: .5s; } 
.social_link:hover {transform: translate(0px, -10px); }
.social_link img {transition: .5s; } 
.social_link:hover {background-color: #000; } 
.social_link:hover img {filter: brightness(0)invert(1); }

.simple_btn {border: 1px solid;padding: 10px 20px;font-size: 15px;border-radius: 50px;transition: .5s;} 
.simple_btn:hover {background-color: #fff; color: #000; border-color: #fff; }

.submit_btn {width: 43% !important; justify-content: center; }
#accordionDesktop .accordion-item:nth-child(n+7) {display: none !important; } 
#accordionDesktop.show-all-items .accordion-item:nth-child(n+7) {display: block !important;}
.faq-btn-wrapper {display: flex; margin-top: 25px; width: 100%; } 
.read-more-btn {cursor: pointer; display: inline-block; padding: 12px 30px; background-color: #000000; color: #ffffff; font-weight: 500; border-radius: 4px; transition: background 0.3s ease; text-align: center; } 
.read-more-btn:hover {background-color: #fff;color: #000;}
footer .img_wrap img {width: 113px !important; }

.circle_icon {width: 45px; height: 45px; background-color: #000; display: flex; align-items: center; justify-content: center; }

button.swiper-pagination-bullet {background-color: transparent; }

.other-services-pagination {
    display: inline-block;
}

.btns_wrap {margin-top: 40px; }
.blog-swiper-pagination {margin-top: -30px;}

.slick-vertical .slick-slide {border: 0px solid transparent !important; }

.img-slider-container {position: relative; width: 100%; height: 788px; overflow: hidden; }
.slider-inner {display: flex; flex-direction: column; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1); }
.slider-inner .location_content {width: 100%; height: 788px; object-fit: cover; flex-shrink: 0; } 
h3[data-btn-name] {transition: color 0.3s ease-in-out; cursor: pointer; } 
h3[data-btn-name].btn-active {color: #000000 !important; } 
.addressWrap {position: relative; min-height: 50px; display: inline-block; width: 100%; } 
.addressWrap .location_content, .location_description {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; display: inline-block; width: 100%; } 
.addressWrap .location_content.active, .location_description.active {opacity: 1; visibility: visible; }

section.case_studies .btn_set {bottom: 30px; }

.pagination {display: inline-block;}

.hotspot {pointer-events: none; position: relative; transition: opacity 0.3s ease, z-index 0.3s ease; }
.hotspot__btn {pointer-events: auto; cursor: pointer; }
.hotspot:hover {pointer-events: auto; }

.expert_clm {background-color: #F3F3F3;padding: 30px;width: max-content;}
.swiper-button-disabled {opacity: 0.5; }

.reveal-inner-wrap {overflow: hidden; }

/*ARRAY BRACKETS CSS*/
.twoThousandTwintySix {font-size: 1vw; position: absolute; top: 7.3vw; right: 4.7vw; font-weight: 400; }
.arry_left:before {content: "["; position: absolute; left: 0; top: -11px; } 
.arry_right:after {content: "]"; position: absolute; right: 0; top: -11px; } 
.arry_left {padding-left:4vw; }
.arry_right {padding-right:4vw; }
.arry:before {content: "["; position: absolute; left: 0; top: -11px; } 
.arry:after {content: "]"; position: absolute; right: 0; top: -11px; } 
.arry {padding: 0 3vw; text-align: center; }
/*ARRAY BRACKETS CSS*/

.faqs_clm {top: 100px; }

section.proof__beats .themeBtn:hover span img {filter: brightness(0) invert(1); }

section.tech_stack p {padding-right: 45%; }
section.form__section p {padding-right: 26%; }

.work_clm img {transition: .5s; }

button.readMoreContentBtn {background-color: transparent; border: none; padding: 0 !important; text-decoration: underline; width: max-content; }
.readmoreContent {display: none; }

.awards_logo {width: 160px !important; }
img.awards_logo {height: 50px ; object-fit: contain; }

.tab_clm {min-height: 660px; background-repeat: no-repeat; background-size: cover; }
section.services .right-wrap .panel2 {background-color: #0f0f0f !important; }
.panel2 {background-color: #0f0f0f !important; }

.srvs_count {font-size: 30px; }
ul.doted li:last-child {
    margin-bottom: 0;
}


section.other__services .other-services-pagination {bottom: 21px; }


.vid_wrap {margin-bottom: -10px; }
section.awards.bg-black.light.position-relative .themeBtn {filter: brightness(0)invert(1) !important;}
section.awards.bg-black.light.position-relative.awardsLight.dark .themeBtn {filter: brightness(0) !important; }

section.results_darkSection .themeBtn span {color: #000 !important; }

section.lets_talk .marquee__slider .item:before {/* background-color: #00000069; */}

.before_dark .item:before {background-color: #000 !important; }


.cleint_img_mb {border-radius: 10px; }
section.services .panel .client_img {width: 130px; height: 130px; border-radius: 15px; object-fit: cover; }
.linkedin_link {font-weight: 600; width: 24px; height: 24px; background-color: #2e64c0; display: flex; align-items: flex-end; justify-content: center; border-radius: 3px; color: #fff !important; letter-spacing: 1px; line-height: 20px; font-family: sans-serif; }

.canvasoff_list .fs_20px {font-size: 3.3vw; }
ul.work_dropdown .fs_13px {font-size: 13px; }
ul.work_dropdown {width: 380px;}

.lets_talk_btn {border: none; }

.location_dropdown {width: 75px !important; min-width: 75px; }
img.flag {border-radius: 3px; }



.marquee__slider .item {text-transform: capitalize; }

.results_clm {height: 100%;transition: .5s;}
.results_clm:hover {/* background-color: #e9e9e9 !important; */}

.lets_talk_form .fs_38px {font-size: 1.779vw; }


@media (max-width: 991.98px) {
  .solution_content .solution1 .row > .col-lg-6:last-child { order: -1; }
}
footer a.fs_70px:hover {color: #bdbdbd !important; }
.caption .col-8{ display:none;}
.caption .col-4 img{ margin-right: auto; margin-left: 0;  border-radius: 0px !important;}

button {border: none; }
.blogs_slider .item img {aspect-ratio: 4/2; object-fit: cover; }
.blogs_slider .item .overflow-hidden {border-radius: 10px; }
.blogs_slider .item .d-flex span img {width: auto !important; height: auto !important; aspect-ratio: unset; transform:unset !important; }

.slick-initialized button.slick-prev {left: 0; }
.slick-initialized button.slick-next {right: 0; }

.left__container > .row {margin-right: 0; }

footer .brand_wordmark {font-weight: 700; line-height: 1.2; }
img.solution_img {object-fit: cover; }

section.solution_content .col-lg-6.d-grid.align-content-between.p-lg-5.p-4.vh-100 {padding-top: 15vh !important; padding-bottom: 15vh !important; }
section.services_sec .my__container.bg_overlay {padding-bottom: 10% !important; }

span.spacing {display: inline-block; width: 50px; }
section.industry h3 {text-transform: uppercase; }
a:focus{color: unset !important;}
section.social_proof {overflow: hidden; }


/*section.proof__beats {padding-bottom: 5px !important; }*/
.youtube_icon {width: 132px !important; }
.kavero_logo {width: 62px !important; }
section.testimonials .fs_24px {font-size: 1.2vw; }

/* ---- Pinned solution section (desktop only) ------------------------------
   Used by the case study pages (.the_solution + .solution_content) and the
   industries pages (.what_moves + .solution_content). The pair is wrapped in
   .solution_pin, which gives the heading a sticky containing block that ends
   with the rows, so the heading holds its place while the rows stack beneath it
   and both let go together.

   It lives here rather than in the two page stylesheets so there is one copy to
   maintain. Everything is scoped to .solution_pin, which only those pages have.
   --sol-head-h is measured in custom.js: the heading wraps to a different height
   on every page and at every width, so it cannot be a fixed number. It falls
   back to 0px, which is the old, unpinned behaviour.

   The heading background is a default: the industries heading carries its own
   inline colour, which wins, and that is intended - it only has to be opaque so
   rows passing behind it stay hidden. */
@media (min-width: 992px) {
    /* flow-root so the negative margin below is held inside the wrapper instead
       of collapsing out through its bottom edge. */
    .solution_pin {position: relative; display: flow-root; }

    .solution_pin > section:first-child {position: sticky; top: 0; z-index: 2; background-color: #fff; }

    /* One row-height of extra room at the end of the stack. A sticky child is
       held inside its parent-s CONTENT box, so padding here would do nothing -
       it has to be real content, hence the pseudo element. Without it the last
       row reaches its resting place and is pushed straight back out, so it is
       never actually readable. With it the last row gets the same dwell as every
       other row, and it then slides away at the same moment the heading releases. */
    .solution_pin section.solution_content::after {content: ""; display: block; height: calc(100vh - var(--sol-head-h, 0px)); }

    /* Release the heading at the same instant the last row starts to move.

       The rows are held by .solution_content, the heading by .solution_pin, and
       a sticky element lets go once its container's bottom edge reaches it. The
       wrapper used to end a whole row-height after the rows did, so the heading
       stayed pinned long after the last row had gone - with the next section
       already showing beneath it.

       The negative margin pulls the wrapper's end back by that row-height, which
       lands both releases on the same scroll position. The matching positive
       margin on the wrapper puts the space straight back afterwards, so the next
       section keeps its original position: without it the wrapper's contents
       would overlap it and hide its first screenful. */
    .solution_pin section.solution_content {margin-bottom: calc(var(--sol-head-h, 0px) - 100vh); }
    .solution_pin {margin-bottom: calc(100vh - var(--sol-head-h, 0px)); }

    .solution_pin section.solution_content .solution1.position-sticky {top: var(--sol-head-h, 0px) !important; height: calc(100vh - var(--sol-head-h, 0px)) !important; }

    .solution_pin section.solution_content .solution1 > .row,
    .solution_pin section.solution_content .solution1 .vh-100,
    .solution_pin section.solution_content .solution1 .h-100 {height: calc(100vh - var(--sol-head-h, 0px)) !important; }

    /* The 15vh block padding was sized for a full-height row. Against a row
       that is now shorter by the heading it would squeeze the copy, so it
       scales with the space the row actually has. */
    .solution_pin section.solution_content .col-lg-6.d-grid.align-content-between.p-lg-5.p-4.vh-100 {padding-top: clamp(20px, 6vh, 80px) !important; padding-bottom: clamp(20px, 6vh, 80px) !important; }
}

/* ------------------------------------------------------------------ *
 * Marquees: motion the visitor cannot interfere with.
 *
 * Slick's drag/swipe/touch/keyboard handling is switched off in custom.js;
 * these two rules stop the other half of the problem - grabbing and
 * selecting the text mid-scroll, which is what made a marquee stutter or
 * appear to change direction.
 *
 * Scoped to the items, NOT the container: the review-platform strip and the
 * footer strip carry real links to Clutch, Trustpilot and Google, so a
 * blanket pointer-events:none on .marquee__slider would break them.
 * ------------------------------------------------------------------ */
.marquee__slider .item,
.marquee__slider_right .item {pointer-events: none; }

.marquee__slider,
.marquee__slider_right {-webkit-user-select: none; -moz-user-select: none; user-select: none; }

.marquee__slider a,
.marquee__slider_right a {pointer-events: auto; }

section#work .slick-dots li button {width: auto !important;}
.right-wrap div:nth-child(even) .panel {background-color: #0f0f0f !important;}

img.client_img {width: 150px !important;height: 130px !important;object-fit: cover;border-radius: 12px;}
section.results .results_clm:hover {box-shadow: 0px 0px 15px 0px #00000047;}