.twoThousandTwintySix {font-size: 1vw;position: absolute;top: 7.3vw;right: 4.7vw;font-weight: 400;}

#bannerVdo {position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;left: 0;}
.vid_wrap {display: inline-block;height: 1070px;overflow: hidden;position: relative;background-color: #000;width: 100%;}


/*ARRAY BRACKETS CSS*/
.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*/

/*MARQUEE SLIDER CSS*/
.marquee__slider {background: rgba(0, 0, 0, 0.70);}
.marquee__slider .item {padding: 0 30px;text-align: center;}
.marquee__slider .item:before {content: "";position: absolute;left: -3px;width: 7px;height: 7px;background-color: #fff;border-radius: 50%;top: 8px;}
/*MARQUEE SLIDER CSS*/

section.form__section .expert_clm {background-color: #F3F3F3; padding: 30px; width: max-content; }

.lets_talk_form {padding: 0 30px; }

.work_clm img {transform: scale(1);transition: .5s;min-height: 715px !important;object-fit: cover;}

.awards_row.active .awards_img {height: 319px;}	

.faqs_clm {top: 50px; }	


section.blogs button.swiper-pagination-bullet {color: #000000 !important;font-size: 1.25vw;position: relative;font-family: 'manrope' !important;text-align: left;margin: 0 10px !important;} 
section.blogs button.swiper-pagination-bullet:before {width: 0px;height: 1px !important;background-color: #000 !important;opacity: 1;content: "";left: 24px;top: 16px;position: absolute;} 
section.blogs button.swiper-pagination-bullet.swiper-pagination-bullet-active {color: #000 !important; }
section.blogs button.swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 40px !important; }
.blogs_slider .slick-list {overflow: visible !important; padding-right: 20% !important; }
.blogs_slider ul.slick-dots {display: flex; justify-content: end; width: auto; left: -32px; position: relative; right: 0 !important; } 
.blogs_slider .slick-dots li button {color: #00000029 !important; }
.blogs_slider .slick-dots li.slick-active button {color: #000 !important; }
.blogs_slider .slick-dots li button:before {background-color: #000 !important; }



/*BANNER CSS*/
.heading_img {width: 17vh;height: 5.3vw;margin-right: -20px;object-fit: cover;top: -15px;position: relative;margin-left: 8px;}
section.single_service_banner p {padding-right: 6%;}
/*BANNER CSS*/

section.letsTalkDrak {background-color: #1C1C1C; } 
section.letsTalkDrak .black {color: #fff !important; } 
section.letsTalkDrak button.themeBtn.submit_btn {background-color: #fff !important; } 
section.letsTalkDrak button.themeBtn.submit_btn span {color: #000; } 
section.letsTalkDrak button.themeBtn.submit_btn span img {filter: brightness(0); }
section.letsTalkDrak .description_underline {color: #fff !important; } 
section.letsTalkDrak .description_underline:hover {color: #ffffff6b !important; }

/*RESULTS SECTION CSS*/
section.results .fs_100px {font-size: 4.5vw; }
.imageCross_slider {width: 25vw;height: 100svh;display: grid;gap: 12vw;transform: rotate(-45deg) translate(37%, 20%);transform-origin: center;left: 0;right: 0;margin: auto;position: absolute;top: 0;} 
.imageCross_slider .images_wrap {transform: rotate(45deg);width: 90%;filter: grayscale(1);transition: .7s;opacity: 0.2;}
.content_wrapper {display: inline-block; height: 200px; }
.content_slider{opacity: 0;transition: .5s;width: 100%;display: grid;align-content: end;height: 100%;} 
.slider_para {opacity: 0;transition: .5s;} 
.content_slider.is-active, .slider_para.is-active {opacity: 1 !important; } 
.imageCross_slider .images_wrap.is-active {filter: grayscale(0);opacity: 1 !important;}
/*RESULTS SECTION CSS*/

/*TABS SECTION*/
.nav-link {background-color: transparent !important;color: #CCCCCC;padding: 10px 0;}
.nav-link.active {color: #000 !important;text-decoration: underline;text-decoration-thickness: inherit;}
.nav-link:focus, .nav-link:hover {color: #000 !important; }
.nav-link .arrow_right {position: absolute;right: 20px;transition: .5s;/* top: 23px; */width: 22px;height: 20px;object-fit: cover;opacity: 0;} 
.nav-link {width: max-content; margin: auto; } 
.nav-link .reveal-inner-wrap {padding: 0 60px;display: flex !important;justify-content: center;align-items: center;} 
/*.nav-link.active .arrow_right, .nav-link:hover .arrow_right {right: 0 !important; opacity: 1; }*/
.nav-link.active .arrow_right {right: 0 !important; opacity: 1; }
.nav-link {min-width: 90%; margin: auto; }
/*TABS SECTION*/

.fs_144px {line-height: 7.95vw;}

section.tech_stack .marquee__slider {background-color: transparent; }


section.awardsLight {background-color: #F6F6F6 !important; } 
section.awardsLight .awards_logo {filter: brightness(0); } 
section.awardsLight .arrow_down {filter: brightness(0); } 
section.awardsLight .awards_row {border-color: #00000012 !important; }

.slick__nav .item.slick-slide {opacity: 0.5; transition: .5s; }
.slick__nav .item.slick-current {opacity: 1; }

.slick_dots_for_reviews ul li {width: 100%; height: auto !important; opacity: 0.5; transition: .5s; } 
.slick_dots_for_reviews ul li img {width: 100%; } 
.slick_dots_for_reviews ul li button {width: 100%; height: auto !important; } 
.slick_dots_for_reviews ul {position: relative !important;left: 0 !important;} 
.slick_dots_for_reviews {margin-bottom: 30px;width: 80%;} 
.slick_dots_for_reviews ul li.slick-active {opacity: 1; }



section.talk_to_expert .marquee__slider .slick-track {display: flex; align-items: center; } 
section.talk_to_expert .marquee__slider {background-color: transparent; } 
.lets_talk_btn {padding: 15px 40px; font-size: 20px; font-weight: 600; text-transform: uppercase; transition: .5s; } 
.lets_talk_btn:hover {background-color: #000 !important; color: #fff; }

section.talk_to_expert .marquee__slider .item {padding: 0 0; }





/*.vertical-slider-container {display: flex; align-items: center; justify-content: space-between; gap: 50px; max-width: 1100px; margin: 50px auto; font-family: 'Arial', sans-serif; } 
.slider-nav {display: flex; flex-direction: column; gap: 20px; width: 40%; } 
.nav-item {font-size: 24px; font-weight: 600; color: #a0a0a0; cursor: pointer; transition: color 0.3s ease; padding: 10px 0; border-bottom: 1px solid #e0e0e0; } 
.nav-item.active, .nav-item:hover {color: #111111; } 
.slider-content-wrapper {width: 50%; height: 250px; overflow: hidden; position: relative; border-left: 3px solid #111111; padding-left: 30px; } 
.slider-content-inner {display: flex; flex-direction: column; will-change: transform; } 
.slide-card {height: 250px; display: flex; flex-direction: column; justify-content: center; } 
.slide-card h3 {font-size: 28px; margin-bottom: 15px; color: #111111; } 
.slide-card p {font-size: 16px; color: #555555; line-height: 1.6; }*/





section.section.plan-design {background-color: #000;height: 100vh;}
.plan-design-main-wrap {justify-content: center;align-items: flex-start;display: flex;position: relative;margin-top: 130px;} 
.plan-design-single-flex {justify-content: center; align-items: center; display: flex; position: relative; } 
.plan-design-single-inner-card {max-width: 420px; margin-top: 20px; } 
.plan-design-single-inner-card.three, .plan-design-single-inner-card.two, .plan-design-single-inner-card.four {opacity: 0; position: absolute; } 
.border-shape {background-color: #000000;width: 1px;height: 70px;margin-left: auto;margin-right: auto;margin: 15px auto 15px;} 
.plan-design-title-inner {text-align: center;margin-top: 0px;} 
/*.plan-design-shape {z-index: 9; background-image: linear-gradient(#23252a00, #23252a); width: 100%; height: 150px; position: absolute; inset: auto 0% -1px; } */
.image {width: 20px;height: 20px;margin-left: .1px;} 
.plan-design-single-number-box {transition: .5s; border: 1px solid #E3E3E3;border-radius: 100%;justify-content: center;align-items: center;width: 75px;height: 75px;margin-bottom: 10px;margin-left: auto;margin-right: auto;display: flex;} 
.plan-design-cercle-box {border: 1px solid #E3E3E3;border-radius: 100%;justify-content: center;align-items: flex-start;width: 87vw;height: 87vw;margin-left: auto;margin-right: auto;display: flex;position: absolute;transform: rotate(90deg);} 
.border-shape-number-box {grid-column-gap: 12px; grid-row-gap: 12px; flex-flow: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; display: flex; position: absolute; } 
.border-shape-number-box.two {position: absolute;top: -107px;} 
.border-shape-number-box.four {bottom: 0%;transform: translate(0, 108px)rotate(180deg);} 
.border-shape-number-box.one {top: 50%;left: 0%;transform: rotate(-90deg)translate(78%, -86px);} 
.border-shape-number-box.three {top: 50%;right: 0%;transform: translate(87px, -50%)rotate(90deg);} 
.plan-design-single-number-box.active {background-color: #000; }
.plan-design-single-number-box.active .plan-design-single-number {color: #fff !important; }
.plan-design-single-number {transition: .5s; }



section.results .fs_100px {font-size: 4.5vw; }
.imageCross_slider {width: 25vw;height: 100svh;display: grid;gap: 12vw;transform: rotate(-45deg) translate(37%, 20%);transform-origin: center;left: 0;right: 0;margin: auto;position: absolute;top: 0;} 
.imageCross_slider .images_wrap {transform: rotate(45deg);width: 90%;filter: grayscale(1);transition: .5s;}
.content_wrapper {display: inline-block; height: 200px; }
.content_slider {opacity: 0; transition: .5s; } 
.content_slider.is-active {opacity: 1 !important; } 
.imageCross_slider .images_wrap.is-active {filter: grayscale(0); }

.review_img, .profile, .accordion-item, .expert_clm  {border-radius: 15px; transition: .5s; } 
.profile:hover, .accordion-item:hover, .expert_clm:hover {border-color: #000; box-shadow: 0px 0px 15px 0px #00000047; }
.review_img {border: 1px solid #fff;}
html body .review_img:hover {border-color: #000 !important; }

.slick-dots li button {padding: 0; }

.slider_pagi_arrow {display: flex;gap: 20px;align-items: center;}

section.single_service_banner .fs_40px {padding-left: 1%; }


.timeline__row .slick-slide {display: block; padding: 40px 10px 0; }
/* The desktop sub-service stack. Each row holds one sub-service whole - its
   tile and its panel side by side - and every row is sticky inside the same
   parent, so each pins at the top of the viewport and the next scrolls up over
   it. The pair therefore travels as one card. It used to be a pinned stack of
   tiles in one column and a plain flow of panels in the other, which moved at
   different rates and read as two unrelated columns.

   DOM order alone paints a later row above an earlier one, so no z-index and no
   JS are involved, and the effect does not care how many sub-services there
   are. The row carries the black itself: a tile with no image, or a row whose
   panel is empty, would otherwise show the row beneath through the gap. */
.subservice_stack {position: relative; }
.subservice_stack .subservice_row {position: sticky; top: 0; background-color: var(--black); }
.subservice_stack .left {min-height: 100vh; padding: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.subservice_stack .panel {min-height: 100vh;padding: 50px;align-content: safe center !important;background-color: #000 !important;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;}
/* The alternating shade the home page gets from `.right-wrap div:nth-child(even)
   .panel` - that counted panels inside one shared wrapper, and here each row has
   its own, so the row marks itself. */
.subservice_stack .panel.panel_shade {background-color: #0F0F0F !important; }

/*FOR MOBILE*/
.cleint_img_mb {width: 75px; }
.service_head {background: linear-gradient(180deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.00) 100%);backdrop-filter: blur(0px);margin-bottom: 0;padding: 30px 20px;z-index: 99;}
/*FOR MOBILE*/


.framework_clm:before {content: ""; width: 100%; height: 100%; position: absolute; background-image: linear-gradient(transparent, black); }

ul.doted li {margin: 10px 0; position: relative; padding-left: 20px; } 
ul.doted li:before {content: ""; width: 10px; height: 10px; background-color: var(--secondColor); top: 5px; position: absolute; border-radius: 50%; left: 0px; }


.content_hover {position: absolute;bottom: -20px;left: 0;padding: 25px;height: 100%;display: flex;align-items: end;background-image: linear-gradient(transparent, transparent, #0000008c);opacity: 0;transition: .5s;}

.work_clm:hover .content_hover {opacity: 1; bottom: 0px; }
.work_clm:hover img {transform: scale(1.1); }
.content_hover p {padding-right: 50%; }	

.lets_start_togather .fs_149px {color: #F3F3F3; }

section.case_studies .case_text {width: max-content;margin: auto;opacity: 0.3;/* transition: .5s !important; */margin: -30px auto;}
section.case_studies .case_text span {position: absolute; top: 0; left: 0; font-weight: 500 !important; }
section.case_studies {height: 150vh; justify-content: center !important; align-items: center; }
section.case_studies .is-active {z-index: 9;opacity: 1 !important;mix-blend-mode: difference;}
section.case_studies .case_text:nth-child(even) {position: relative; left: 80px; } 
section.case_studies .case_text:nth-child(odd) {position: relative; right: 80px; }
.movingImage-wrapper {position: fixed;/* top: 20%; */left: 0;right: 0;margin: auto;display: table;justify-content: center;align-items: center;width: 25vw;height: 32.5vw;position: fixed;top: 50%;/* bottom: 0%; *//* left: 50%; */transform: translate(0%, -50%); display: none;}
.movingImage {width: 100%}

.service_row .mfs_30px {margin-bottom: 0 !important; } 
section.letsTalkDrak .fs_290px {color: #fff !important; }

.results_clm {height: 100%; display: grid; }
section.services .right-wrap .panel .readmoreContent .flex-wrap {font-size: 14px; }