body {font-size: 16px;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 nav a {font-size: 20px; font-weight: 500; padding: 22px 0;}
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.979vw;}
.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: 530px !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%;}

.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: 510px; }

.lets_talk_btn {border: none; }