:root {--primary-color: #e4793b; --primary-dark: #e55705; --rgb: 228, 121, 59; --secondary-color: #4c4c4e; --text-color: #1f1f1f; --color: #f7de04; --primary-font: 'Avenir Next'; --bg-f6: #f6f6f6; --gradient: linear-gradient(0deg,#0d2c67 0%,#0a224f 100%); --gap-0:0; --gap: 2rem; --gap-lg: 3rem;}


@font-face { font-family: 'Avenir Next'; src: url("../webfonts/AvenirNextCyr/AvenirNextCyr-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: 'Avenir Next'; src: url("../webfonts/AvenirNextCyr/AvenirNextCyr-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: 'Avenir Next'; src: url("../webfonts/AvenirNextCyr/AvenirNextCyr-Demi.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap }
@font-face { font-family: 'Avenir Next'; src: url("../webfonts/AvenirNextCyr/AvenirNextCyr-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: 'Avenir Next'; src: url("../webfonts/AvenirNextCyr/AvenirNextCyr-Heavy.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap }

::selection {color: #fff; background: var(--primary-color);}

body {font-family: var(--primary-font); font-size: 16px; line-height: 1.5;  transition: background-color 3s ease;}
.m-0 {margin: 0 !important}
.p-0 {padding: 0 !important}
.w-100 {width: 100% !important}
.bg-black {background-color: #000 !important}
.text-color {color: var(--text-color) !important;}
.bg-text-color {background: var(--text-color) !important;}
.primary-color { color: var(--primary-color) !important; }
.bg-primary-color { background-color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.border-secondary-color { border-color: var(--secondary-color) !important; }
h1,h2,h3,h4,h5,h6 {line-height: 1.3}
p {margin-bottom: 1.5rem}
a {color: var(--text-color);}
a:hover {color: var(--primary-color);}
.bg-none {background: none !important}
.bg-f6 {background: var(--bg-f6); !important}
.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.medium { font-weight: 500 !important; }
.semi { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.ebold { font-weight: 800 !important; }
.f-black { font-weight: 900 !important; }
.btn-sm { font-size: 14px;  height: 38px;  line-height: 38px;}
.btn-black {background: #000;}
.br-0 {border-radius: 0;}
.br-5 {border-radius: 5px;}
.br-10 {border-radius: 10px;}
.br-15 {border-radius: 15px;}
.br-20 {border-radius: 20px;}

.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}

section {padding-top: calc(3rem + 4vh); padding-bottom: calc(3rem + 4vh);}
@media (max-width: 1024px) {
    section {padding-top: calc(2rem + 4vh); padding-bottom: calc(2rem + 4vh);}
}

.section-title h1 { font-size: 56px; }
.big-title h1 {font-size: 80px; letter-spacing: 1px;}
.section-title h2 { font-size: 44px; }
.section-title h3 { font-size: 34px; }
.section-title h4 { font-size: 26px; }
.section-title h5 { font-size: 22px; }
.section-title :is(h1, h2, h3, h4, h5, h6) strong { color: var(--primary-color); }
.desc-md {font-size: 18px;}
.desc-lg {font-size: 20px;}
.desc-xl {font-size: 22px;}
.theme-grdnt-color { background: linear-gradient(90deg, var(--secondary-color) 0%, rgba(var(--rgb), .5) 90.87%);  background-clip: border-box; background-clip: text;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.sub-title { color: var(--primary-color); font-weight: 500; margin: 0 0 5px; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; }
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.text-normal {text-transform: unset !important;}
.primary-header:before { position: absolute; content: " "; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(255, 255, 255, .8); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); transform: scaleY(0); transform-origin: center top; transition-duration: .45s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: transform; transition-delay: 0s; }
.sticky-bar:before { transform: scaleY(1); }
.achievements__item::before { transform: translateY(-50%); }
@media only screen and (min-width:768px) {
    .achievements__item--strong-center::before { margin-top: 0; top: 50%; }
}
body.success-story-template-default .partnetship img { object-fit: cover; }
@media only screen and (min-width:1280px) {
    .partnetship__image { display: none; }
}
@media only screen and (min-width:1550px) {
    .partnetship__image { display: block; }
}
body.technology-template .right-side__allfilters { background-color: #fff; }

/* BACK TO TOP */
#scrollUp { height: 50px; width: 50px; right: 30px; bottom: 0px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; display: flex; align-items: center; justify-content: center;   position: fixed; visibility: hidden; opacity: 0; cursor: pointer; z-index: 999; }
#scrollUp img {height: 40px;}
#scrollUp.active { bottom: 30px; visibility: visible; opacity: 1; }
@media (max-width:767px) {
    #scrollUp { right: 16px; }
    #scrollUp { width: 40px; height: 40px; line-height: 38px; }
}

/* Footer */
.primary-footer { display: block; }
.primary-footer .row {}
.primary-footer .footer-nav--top-gap { margin-top: 0; }

@media screen and (max-width:768px) {
    .primary-footer .row {gap: 20px;}
    .primary-footer .footer-nav__menu {margin: 0}
    .primary-footer .footer-nav p {margin-bottom: 10px;}
    .primary-footer .primary-footer__logo > img { max-width: 100% }
}
.copyright { color: #afaeb1; font-size: 14px; text-align: center; margin-top: 4rem; }

/* Popup after submit form */
.form-success-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center; }
.form-success-modal.active { display: flex; }
.form-success-modal-content { max-width: 90%; max-height: 90%; text-align: center; }
.form-success-modal-content img { max-width: 100%; height: auto; border-radius: 10px; }


/* Blog */
.single-post .first__tags__bot { padding-bottom: 0; }
.single-post .first__tags-box { align-items: center; justify-content: center; }
.spr-wrapper { display: flex; flex-direction: column; gap: 15px; }
.social-wrapper .first__social { text-align: center; }
.spr-title { font-size: 20px; font-weight: 600; }
.first__top-row .first__tags { max-width: 190px; }
body.postid-46112 .wp-block-table table, body.postid-45712 .wp-block-table table { font-size: 0.9rem; }
.wp-block-table table td { width: auto; }
.formCol { display: none; }
@media screen and (min-width:1024px) {
    .single-post .first__tags-box { align-items: center; justify-content: space-between; }
    .social-wrapper .first__social { text-align: right; }
    .single-post .contentRow { grid-template-columns: 2fr 10fr; }
    .single-post .contentRow .contentCol { max-width: unset; }
}

/* Global FAQ*/
.single-post .globalFaqTitle p { font-size: 44px; font-weight: 700; }
.single-post .globalFaqTitleHolder h2, .single-post .globalFaqTitleHolder h2 p { padding: 0; }

/* Contact form Footer */
.clutch-widget-wrapper .clutch-widget iframe { width: 320px; margin: 30px auto; }
.form .form__wrapper .form__right .social-links { margin-top: 40px; }
.form .form__wrapper .form__right { padding: 0 0 30px 30px; }
.form .form__wrapper .form__right .form__info-block { margin-top: 30px; padding: 0; }
.form .form__wrapper .form__right .form__info-block .form__info-block__title { padding: 0; }
.form .form__wrapper .form__right .form__info-block::before { display: none; }
.contact-form-header-title { font-size: 28px; font-weight: 600; margin: 0 0 20px 0; }
.wpcf7-form .form__part { margin-bottom: 25px; }
@media screen and (min-width:1024px) {
    .single-post .wpcf7-form .form__part { padding: 12px 20px; margin-bottom: 20px; }
}

/* Remote teams */
.software_engineers .software_engineers__about-wr .software_engineers__title-box .software_engineers__pluses__wrapper div {font-size: 20px;line-height: 27px;padding-left: 27px;position: relative}

.software_engineers .software_engineers__about-wr .software_engineers__title-box .software_engineers__pluses__wrapper div:before {background-color: var(--primary-color);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 3px}

/* WHY CHOOSE */
.container-fluid { padding-left: var(--container-padding); padding-right: var(--container-padding); }
.why-choose-row { display: flex; flex-wrap: wrap; position: relative; }
.dot-title { position: relative; display: flex; align-items: center;  text-transform: uppercase;  font-weight: 600;  letter-spacing: 1px;  font-size: 85%;}
.dot-title::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: currentColor;  margin-right: 16px;  flex-shrink: 0;}
.inverted.dot-title {color: #fff;}
.why-left { width: 25%;  padding-top: 4rem; padding-right: 2.5rem; padding-left: 1.5rem; }
.why-left-block-text {
  font-size: 110%;
}
.why-right { display: flex; flex-wrap: nowrap; width: 75%; padding-top: 4rem; padding-left: 3vw; }

.why-right-img img { border-radius: 0.5rem; width: 100%; object-fit: cover; }
.why-right-block { display: flex; flex-wrap: wrap; width: 100%; flex-direction: row; }
.why-right-text-block {font-size: 16px; flex-basis: 50%; flex-grow: 0; max-width: 50%; padding-left: 24px; padding-top: 40px; line-height: 1.4; }
.rt-title { font-size: 20px; font-weight: 600; margin-bottom: 0.2rem; border-bottom: 1px solid rgba(125, 131, 135, 0.5); padding: 0 0 .75rem; }
.icontext { text-decoration: none; color: #000000; position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.iconno { letter-spacing: -0.06em; font-size: min(3.61111vw, 60px); font-weight: 600; }
.iconarrow { overflow: hidden; width: 1.5rem; height: 1.5rem; color: #000000; }
.iconarrow svg { transition: transform 0.3s, opacity 0.3s; }
.iconarrow svg.hover { opacity: 0; transform: translate(-111%, 0); }
.why-right-text-block:hover .iconarrow svg.normal { opacity: 0; transform: translate(100%, -100%); transition: transform 0.3s, opacity 0.3s; }
.why-right-text-block:hover .iconarrow svg.hover { opacity: 1; transform: translate(0, -111%); transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s; }
@media (min-width:1200px) {
    .why-right-img { width: 20rem; flex-shrink: 0; }
    .why-right-block { width: calc(100% + 24px); margin-left: -24px; margin-top: -40px; }
    .why-right-icons-block { padding-left: 2.5rem; }
}
@media (max-width:1024px) {
    .why-right-img { display: none; }
}
@media (max-width:767px) {
    .why-left { width: 100%; padding: 2rem 0; border: 0; }
    .why-right { width: 100%; padding: 0; }
    .why-right-block { width: calc(100% + 16px); margin-left: -16px; }
    .why-right-text-block { padding-left: 16px; padding-top: 20px; }
    .iconno { font-size: 30px; }
    .rt-title { font-size: 16px; }
}

/* Timeline */
.about-timeline {padding-left: 90px;}
.about-timeline .about-timeline-item { width: 44%; width: 100%; background: #fdf5f1; border-radius: 10px; padding: 25px; position: relative; transition: 0.3s; }
.about-timeline .about-timeline-item:before { content: ""; height: calc(100% + 68px); border-left: 1px dashed var(--primary-color); width: 1px; position: absolute; left: -12%; left: -45px; top: 40%; }
.about-timeline .about-timeline-item:last-child::before { display: none; }
.about-timeline .about-timeline-item .line-shape { position: absolute; right: 0; bottom: 0; transition: 0.3s; opacity: 0; pointer-events: none; }
.about-timeline .about-timeline-item+.about-timeline-item { margin-top: 10px; }
/*.about-timeline .about-timeline-item:nth-child(odd) { margin-left: auto; }
.about-timeline .about-timeline-item:nth-child(even)::before { left: auto; right: -16%; }*/
.about-timeline .about-timeline-item h3 { font-size: 18px; font-weight: 500; line-height: 25px; margin-bottom: 10px; }
.about-timeline .about-timeline-item p { font-size: 16px; font-weight: 400; line-height: 26px; color: rgb(28 28 28 / 70%); margin-bottom: 0; }
.about-timeline .about-timeline-item:hover { background: var(--secondary-color); transition: all 1.3s; }
.about-timeline .about-timeline-item:hover h3 { color: #ffffff; }
.about-timeline .about-timeline-item:hover p { color: rgb(255 255 255 / 70%); }
.about-timeline .about-timeline-item:hover .line-shape { opacity: 1; }
.about-timeline .about-timeline-item .number { position: absolute; background: #fdf5f1; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; color: var(--primary-color); font-size: 20px; font-weight: 500; left: -18%; top: 60px; left: -68px; top: 35px; }
/*.about-timeline .about-timeline-item:nth-child(even) .number { left: auto; right: -21%; }*/
@media (max-width:912px) {
    .about-timeline .about-timeline-item::before, .about-timeline .about-timeline-item:nth-child(2n)::before { right: auto; left: -55px; }
    .about-timeline { padding-left: 80px; }
    .about-timeline .about-timeline-item:nth-child(2n+1) { margin-left: 0; }
    .sticky-news .news-img-box, .about-timeline .about-timeline-item { max-width: 100%; }
    .about-timeline .about-timeline-item { width: 100% }
    .about-timeline .about-timeline-item p { font-size: 14px; line-height: 1.5; }
    .about-timeline .about-timeline-item .number, .about-timeline .about-timeline-item:nth-child(2n) .number { right: auto; left: -77px; top: 40%; }
    .about-timeline .about-timeline-item + .about-timeline-item { margin-top: 25px; }
}
@media (max-width:585px) {
    .about-timeline .about-timeline-item::before { height: calc(100% + 28px); }
}

/* INDUSTRY */
.text-decoration-none { text-decoration: none !important;}
.industry__wrapper { text-align: center; margin-top: 50px; }
.industry__wrapper .bussiness { text-align: center; border-right: 1px solid #dbdbdb; padding: 40px 20px;}
.industry__wrapper .bussiness a { color:var(--text-color); }
.industry__wrapper .bussiness:nth-last-child(1) { border-right: none; }
.industry__wrapper .bussiness:nth-child(5) { border-right: none; }
.industry__wrapper .bussiness:nth-child(-n + 5) { border-bottom: 1px solid #dbdbdb; }
.industry__wrapper .bussiness:hover svg { transform: scale(1.2); }
.industry__wrapper .bussiness .trs-icon { width: 50px; height: 50px; margin: 0 auto 30px auto; }
.industry__wrapper .bussiness .trs-icon img { max-width: 100%; height: 100%; transition: all 0.3s ease;}
.industry__wrapper .bussiness:hover img { transform: scale(1.2); }
.industry__wrapper .bussiness .trs-icon svg { max-width: 100%; height: 100%; transition: all 0.3s ease; }
.industry__wrapper .bussiness h6, .industry__wrapper .bussiness .h6 { font-size: 20px; font-style: normal; font-weight: 500; }
@media (max-width:1399.98px) {
    .industry__wrapper .bussiness h6, .industry__wrapper .bussiness .h6 { font-size: 17px; }
}
@media (max-width:1199.98px) {
    .industry__wrapper .bussiness h6, .industry__wrapper .bussiness .h6 { font-size: 14px; word-break: normal; }
    .industry__wrapper .bussiness:nth-child(4n) {border-bottom: 1px solid #dbdbdb; border-right: none;}
    .industry__wrapper .bussiness, .industry__wrapper .bussiness:nth-child(-n+5) { border-bottom: 1px solid #dbdbdb ; border-right: 1px solid #dbdbdb;}
    .industry__wrapper .bussiness:nth-last-child(1), .industry__wrapper .bussiness:nth-last-child(2) {border-bottom: 0}
    .industry__wrapper .bussiness {padding: 30px 15px;}
}
@media (max-width:767.98px) {
    .industry__wrapper .bussiness:nth-child(-n + 9) { border-bottom: 1px solid #dbdbdb; }
    .industry__wrapper .bussiness:nth-child(2n) {border-right: 0}
    .industry__wrapper .bussiness:nth-last-child(1), .industry__wrapper .bussiness:nth-last-child(2) {border-bottom: 0}
    .industry__wrapper .bussiness {padding: 20px 10px;}
}

/* CONTACT FORM */
.contact-form { background: var(--text-color); color: #fff; }
.l-contact__step { color: #fff; display: flex; }
.l_step_no { display: flex; flex-direction: column; }
.l-contact__step__number { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--primary-color); border-radius: 50%; }
.l-contact__step__line { flex: 1; width: 1px; background-color: var(--primary-color); align-self: center; }
.l-contact__step__content { padding-left: 16px; padding-bottom: 64px; display: flex; flex-direction: column; }
.l-contact .l-contact__step__title { margin-bottom: 0; padding: 0 16px 0 0; }
.l-contact__step:last-child .l-contact__step__line { display: none; }

/* CASE STUDY */
.case-study-sect {overflow: hidden;}
.case-slider .slick-list { overflow: visible; }
.card.blog-list-card { height: 100%; overflow: hidden; background-color: #fff; border-radius: 20px; padding: 40px; margin: 0 15px; }
.category { color: var(--primary-color); font-weight: 500; font-size: 16px; }
.article h2 { margin: 15px 0; font-size: 28px; font-weight: 700; -webkit-text-fill-color: transparent; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-background-clip: text; background-image: linear-gradient(-90deg, #000, #000 49.99%, var(--primary-color) 50%, var(--primary-color)); background-position: 100%; background-repeat: no-repeat; background-size: 200%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; transition: all .5s cubic-bezier(.47, 0, .745, .715); transition: all .3s ease-in-out; }
.article h2:hover { background-position: 0; }
.article h2 a { text-decoration: none; }
.bullet-list { margin: 0 0 30px; padding: 0; }
.bullet-list li { list-style: none; margin: 0 0 .5rem; padding-left: 20px; position: relative; }
.bullet-list li::before { background-color: var(--primary-color); border-radius: 100%; content: ""; display: inline-block; height: 8px; left: 0; position: absolute; top: 10.5px; width: 8px; }
.work-image img { border-radius: 15px; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
    .card.blog-list-card {padding: 25px; margin: 0 8px;}
}
.page-case .blog-list-card {border-radius: 0; padding: 0; margin: 0}
.page-case .blog-list-card:not(:last-child) {border-bottom: 2px solid #ddd; padding-bottom: 30px; margin:0 0 30px;}

/* SINGLE CASE STUDY */
.banner {position: relative; z-index: 1}
.inner-case-bg-color {  position: absolute; left: 0; bottom: 0; right: 0; background-color: var(--primary-color); z-index: -1; top: 600px;}
.portfolio-hover {position: relative;}
@media (min-width: 768px) {
  .portfolio-hover .hover-rotate-left, .portfolio-hover .hover-rotate-right {
    transition: transform .6s ease;
  }
   .portfolio-hover:hover .hover-rotate-left {
    transform: perspective(800px) rotateY(-15deg) rotateX(10deg);
  }
    .portfolio-hover:hover .hover-rotate-right {
    transform: perspective(800px) rotateY(25deg) rotateX(10deg);
  }
  .desk-view-img {padding-left: 8rem;}
}
.drop-shadow-portfolio {
  --tw-drop-shadow: drop-shadow(0 32px 72px rgba(47, 48, 51, .07)) drop-shadow(0 0 16px rgba(47, 48, 51, .05));
  filter: var(--tw-drop-shadow);
}
.mob-view-img {position: absolute; bottom: 0; left: 0; max-width: 17%}
.pdb-title {color: rgba(255, 255, 255, .8); font-size: 70%; text-transform: uppercase; letter-spacing: 2px; font-weight: 500;}
.pdb-desc {color: #fff; font-weight: 500;}
.pdb-desc a {color: #fff; text-decoration: none; display: inline-block;}
.pdb-services a {display: inline; text-transform: uppercase; padding-right: 20px;}
.pdb-services a:hover {text-decoration: underline; text-underline-offset: 8px;}
.pp-overview-links li {padding: 5px 0;}
.pp-overview-links a {display: inline-block; text-decoration: none; color: var(--text-color);}
.pp-overview-links a:hover {color: var(--primary-color);}
.pp-overview-links li a.active {font-weight: 600;}
.bb-boxes h2 {font-size: 36px; font-weight: bold;}

/* AI READY */
.platforms-list { display: flex; padding: 0 40px; }
.platforms-list li { border: 1px solid var(--primary-color); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; flex: 1; aspect-ratio: 1; margin: 0 -25px; padding: 50px; }
.platforms-list li img { height: 80px; }
.platforms-list li h3 { font-size: 20px; font-weight: 500; text-align:center; }
@media screen and (min-width: 320px) and (max-width: 767px) {
    .platforms-list { flex-direction: column; }
    .platforms-list li { margin: -16px auto;  width: 240px; gap: 16px;     padding: 24px; }
    .platforms-list li h3 {font-size: 18px;}
}


/* SERVICES */
.service-box { margin-bottom: 0px;  padding: 30px;}
.service-box:nth-child(1):hover {background: rgba(250, 139, 38, 0.25);}
.service-box:nth-child(2):hover {background: rgba(176, 152, 242, 0.25);}
.service-box:nth-child(3):hover {background: rgba(52, 201, 160, 0.25);}
.service-box:nth-child(4):hover {background: rgba(123, 123, 234, 0.25);}
.service-box:nth-child(5):hover {background: rgba(237, 36, 36, 0.25);}
.service-box:nth-child(6):hover {background: rgba(0, 33, 113, 0.25);}
.service-box:nth-child(7):hover {background: rgba(176, 152, 242, 0.25);}
.service-box:nth-child(8):hover {background: rgba(52, 201, 160, 0.25);}
.service-box:nth-child(9):hover {background: rgba(123, 123, 234, 0.25);}
.service-box:nth-child(10):hover {background: rgba(250, 139, 38, 0.25);}

.service-box-desc {opacity: 0;  max-height: 0;  overflow: hidden;  transition: opacity 400ms linear, max-height 400ms }
.service-box:hover .service-box-desc {opacity: 1; max-height: 9em;  transition: all 400ms linear;  will-change: opacity, max-height;}
.services-tag { display: flex; flex-wrap: wrap; gap: .5rem; }
.services-tag li { }
.services-tag li a { padding: 5px 15px; min-height: 32px; font-size: 13px; text-decoration: none; color: currentcolor; box-shadow: inset 0 0 0 1px rgba(175, 175, 175, 0.5); transition: border-color 0.3s; border-radius: 50px; }
.services-tag li a:hover { box-shadow: inset 0 0 0 1px var(--primary-color); }
.btn-link { font-weight: 600; font-size: 14px; text-decoration: none; color: currentcolor; text-transform: uppercase; display: inline-flex; align-items: center;  letter-spacing: 1px; }
.btn-link span { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; border-radius: 50%; color: currentColor; box-shadow: inset 0 0 0 1px currentColor; position: relative; margin-left: 10px; }
.btn-link:hover span { background: var(--primary-color); box-shadow: inset 0 0 0 1px var(--primary-color); }
.btn-link svg { width: 9px; height: 9px; top: 5px; position: relative; z-index: 1; transition: transform 0.3s ease, opacity 0.3s ease; opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: currentcolor; fill: currentcolor;overflow: hidden; transform: translate(0, 0); }
.btn-link svg.hover { opacity: 0; transform: translate(-100%, 0); }
.btn-link:hover svg { opacity: 0; transform: translate(100%, -100%); transition: transform 0.3s, opacity 0.3s; }
.btn-link:hover svg.hover { fill: #fff; opacity: 1; transform: translate(0, -100%); transition: transform 0.3s ease, opacity 0.3s ease; }

.primary-btn.btn-link {color: #fff;}
.primary-btn.btn-link.btn-sm {font-size: 13px;  height: 38px;  line-height: 38px; padding-left: 20px;  padding-right: 20px;} 
.primary-btn.btn-link.btn-sm span {width: 20px; height: 20px;}
.awards { text-align: center; }
.awards-slider .slick-slide img { height: 80px; object-fit: contain; margin: 0 auto; }

/* CONTACT */
.inner-banner {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover; background-position: center bottom;}
.inner-banner-img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1}
.inner-banner-img img {width: 100%; height: 100%; object-fit: cover;}
.inner-banner-img.full {height: 100vh}
.inner-banner-img.half {height: 50vh}
.inner-banner-full {height: 100vh}
.banner-contact {padding-top: 10rem;}
.banner-contact .wpcf7-form {padding: 40px; background: #fff; border-radius: 20px; border: 1px solid #dfdfdf}
.wpcf7-form .form-check-label { letter-spacing: 0; text-transform: unset; font-size: 100%; font-weight: normal; margin: 0; padding-left: 1.8rem; position: relative; cursor: pointer; }
.wpcf7-form .form-check-label:after { content: ""; width: 20px; height: 20px; border: 1px solid #ccc; position: absolute; left: 0; top: .2rem; }
.wpcf7-form .form-check-radio .form-check-label:after { border-radius: 50%; }
.wpcf7-form .form-check-label:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; color: #fff; position: absolute; left: 2px; top: 1px; display: none; z-index: 1; }
.form-check [type="checkbox"], .form-check [type="radio"] { position: absolute; visibility: hidden; opacity: 0; }
.form-check .form-check-box:checked ~ .form-check-label:after { background: var(--primary-color); border-color: var(--primary-color); }
.form-check .form-check-box:checked ~ .form-check-label:before { display: block; }
.radiobox .form-check { display: inline-block; margin: 0 8px 8px 0; }
.radiobox .form-check .form-radiobox-label { background: rgba(25, 25, 25, .1); white-space: nowrap; cursor: pointer; border-radius: 200px; padding: 6px 15px; margin: 0; }
.radiobox .form-check .form-check-box:checked ~ .form-radiobox-label { background: linear-gradient(to right, var(--primary-color), var(--primary-dark)); color: #fff; }
.list-disc { list-style-type: disc; padding-left: 15px; }
li::marker { color: var(--primary-color); }
.c-box { background: #f8f8f8; padding: 1.5rem; border-radius: .5rem; font-size: 14px; }
.c-box a { color: var(--text-color); text-decoration: none; display:block; }
.c-box a:hover { color: var(--primary-color); text-decoration: underline; }
.client-map-img img {max-width: 100%;}

/* SERVICES */
.services__list { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; width: 100%; margin-bottom: 0; padding-left: 0; display: grid; }
.services__item { grid-column-gap: 20px; grid-row-gap: 20px; background-color: #efeff1; flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 100%; margin-top: 0; margin-bottom: 0; padding: 30px 20px; list-style-type: none; transition: all .35s; display: flex; position: relative; }
.services__item:hover { background-color: var(--secondary-color); color: #fff; }
.services__item:nth-child(1n), .services__item:nth-child(2n), .services__item:nth-child(3n), .services__item:nth-child(1n), .services__item:nth-child(2n), .services__item:nth-child(3n) { grid-area: span 1/span 3/span 1/span 3; }
.services__item:nth-child(5n), .services__item:nth-child(6n), .services__item:nth-child(7n) { grid-area: span 1/span 4/span 1/span 4; }
.services__item p { font-weight: 700; font-size: 18px; margin: 0; }
.services__item-link { display: block; position: absolute; inset: 0%; }
.services__item .icon-24 { font-size: 24px; color: var(--primary-color); }
.services__item:hover .icon-24 { color: #fff; }
.we-do__list { flex-flow: column; margin-top: 20px; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; }
.we-do__item { grid-column-gap: 65px; grid-row-gap: 65px; justify-content: flex-start; align-items: flex-start; margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px; padding-left: 0; display: flex; position: relative; }
.we-do__item:not(:last-child) { border-bottom: 1px solid #dbdbdd; }
.we-do__name-con { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: flex-start; width: 49%; max-width: 600px; display: flex; }
.we-do__icon { justify-content: flex-start; align-items: center; min-width: 83px; display: flex; }
.we-do__name-title { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; display: flex; align-items: flex-start;}
.we-do__item-list { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: column; width: 100%; max-width: 420px; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; }
.we-do__item-block { width: 100%; margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; transition: all .35s cubic-bezier(.215, .61, .355, 1); position: relative; font-weight: 600;  font-size: 14px;  text-decoration: none;  color: currentcolor;  text-transform: uppercase; letter-spacing: 1px;}
.we-do__item-block .btn-link:hover { color: var(--primary-color); } 
.we-do__item-block .btn-link:hover i { transform: rotate(-45deg); transition: ease 0.4s; }
@media screen and (min-width:1440px) {
    .we-do__item { grid-column-gap: 123px; grid-row-gap: 123px; }
    .we-do__name-con { grid-column-gap: 20px; grid-row-gap: 20px; width: auto; }
    .we-do__item-list { max-width: 497px; }
}
.text-white { color: #fff !important }
.cta-section { position: relative; background-image: radial-gradient(circle at 50% 50%, rgba(var(--rgb), .5) 0, transparent 45%); }
.section-title .h2-headline { font-size: 152px; line-height: normal; }
.get-touch-btn { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.get-touch-btn a { display: block; width: 150px; height: 150px; padding: 10px; border-radius: 100px; display: flex; flex-direction: column; gap: 10px; text-align: center; background: var(--primary-color); color: #fff; align-items: center; justify-content: center; text-decoration: none; letter-spacing: 0; transform: scale(0); }
.cta-section:hover .get-touch-btn a { transform: scale(1); }
.label-box {
  padding: 5px 20px;
  background: #e8e3ff;
  display: inline-block;
  border-radius: 50px;
  font-weight: 600;
}
.label-box.alt {background: #ffdbca;}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}
.tags li {
  background: #f4f4f4;
  display: block;
  padding: .25rem .75rem;
  font-size: 13px;
  border-radius: 50px;
  color: var(--text-color);
}

/* SERVICES DETAILS */
.custom-services-box {height: 100px; border-bottom: 2px solid #666; display: flex; align-items: center;}
.custom-services-box .section-title {display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #666;}
.custom-services-box .section-title :is(h1, h2, h3, h4, h5, h6) {font-weight: 600; transition: ease-out 0.4s;}
.custom-services-box:hover .section-title h3 {font-size: 40px; color: #fff; transition: ease-out 0.4s;}
.custom-services-box .btn-link span {width: 40px; height: 40px; transform: rotate(45deg); margin: 0}
.accordion-content {}
.logo-icon-bg {position: relative; z-index: 2;}
.logo-icon-bg:after {content: ""; background-image: url(../images/cept-logo-icon.svg); background-repeat: no-repeat; background-size: contain; background-attachment: fixed; background-position: top right; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; opacity: .03; z-index: -1}
.benefits__card {margin-bottom: 30px;}
.benefits__card-icon { display: flex; align-items: center; width: 50px; height: 10px; position: relative; color: var(--primary-color); font-weight: bold; font-size: 300%; line-height: 1.4; margin-bottom: 20px; }
.custom-process-box {position: sticky; top: 12rem; margin-bottom: 30px; background: #222; padding: 30px; border-radius: 15px}
.bg-card-lottie {position: relative;}
.ctm-btn { border-radius: 20px; height: 100%; margin: auto; max-height: 7.5rem; padding: 1rem; transition: all .3s ease; width: 100%; z-index: 20; cursor: pointer; position: relative; background: rgba(255, 255, 255, 0.3); border: 2px solid transparent; }
.ctm-btn:hover { background: rgba(255, 255, 255, 0.7); }
.ttl-card-custom-grid { font-size: 1.3rem; font-weight: 600; line-height: 1.5rem; text-align: start; position:relative; z-index:20; }
.heading-and-description { display: flex; flex-direction: column; justify-content: space-between; position:relative; z-index:20; }
#lottie-anim-13 { z-index: 0; width: 100%; height: auto; position: absolute; bottom: 0; }
#lottie-anim-13 svg { width: 100% !important; height: auto !important; position: absolute; bottom: 0; text-align: start; right: 0; z-index: 90; }

/* ENGAGE MODAL */
.engage-faq .globalFaq .globalFaqItems .globalFaqItem .globalFaqItemTitle {background: #fff; font-size: 28px;}
.engage-faq .globalFaq .globalFaqItems .globalFaqItem .globalFaqItemTitle strong {color: var(--primary-color);}
@media (max-width: 767px) {
    .engage-faq .globalFaq .globalFaqItems .globalFaqItem .globalFaqItemTitle {font-size: 18px;}
    .section-title .h2-headline {font-size: 14vw}
    .get-touch-btn a {transform: scale(1); width: 120px; height: 120px; font-size: 14px;}
}

/* CONTENT PAGE */
.text-section ul li {position: relative; padding: 5px 0; padding-left: 30px; }
.text-section ul > li:before {content: "\f058"; font-weight: 700; font-family: "Font Awesome 5 Free"; position: absolute; left: 0px; color: var(--primary-color)}
.text-section ol {padding-left: 20px;}
.text-section ol > li {list-style-type: decimal;  padding-left: 0}
.content-block { counter-reset: section;}
.content-block :is(h1, h2, h3, h4, h5, h6) {margin: 30px 0 10px;}
.count-section { position: relative; font-size: 36px; font-weight: 700; color: var(); }
.count-section::before { display: block; font-weight: 600; font-size: 18px; padding-bottom: 25px; margin-bottom: 10px; }
.content-block .count-section::before { counter-increment: section; content: "0"counter(section); }
.count-section::after { content: ""; width: 0; height: 0; border-color: transparent transparent var(--primary-color); border-style: solid; border-width: 0 0 46px 46px; position: absolute; left: 0; top: 0; }


/* HOW WE WORK */
.light-gray-bg { background: #eef5fe; }
.how-we-work__info--left { margin-right: 119px; }
.how-we-work__info--right { margin-left: 119px; }
.how-we-work__inner-row { margin-bottom: 10px; font-size: 14px; }
.how-we-work__inner-item { padding-left: 20px; border-left: 4px solid; border-left-color: currentcolor; }
.how-we-work__inner-row >:first-child .how-we-work__inner-item { border-color: #ff358b; }
.how-we-work__inner-row >:nth-child(2) .how-we-work__inner-item { border-color: #ffc127; }
b, strong { font-weight: 700; }
.how-we-work__count { font-size: 18px; font-weight: 700; position: relative; width: 66px; text-align: center; display: inline-block; margin-right: -33px; }
.how-we-work__count--right { margin-left: -33px; margin-right: auto; }
.how-we-work__count::before { content: ""; width: 0; height: 0; border-color: var(--primary-color) transparent transparent; border-style: solid; border-width: 30px 30px 0; display: block; position: absolute; left: 50%; top: 30px; }
.how-we-work__count--left::before { margin-left: -30px; }
.how-we-work__count--right::before { margin-left: -30px; }
.how-we-work__number { position: relative; }
.how-we-work__number::after { content: ""; position: absolute; top: calc(5rem + 4vh); bottom: calc(-5rem - 5vh); width: 4px; background: #1168d3; right: -2px; }
.how-we-work__number--left { text-align: right; }
.how-we-work__number--right::after { left: -2px; right: auto; }
.sprint-img { width: 280px; margin-left: -2px; margin-top: 62px; }
img { max-width: 100%; }
.how-we-work-step-5 { text-align: center; }
.how-we-work-step-5 .how-we-work__count::before { margin-left: -30px; }
.how-we-work-step-5 .section-title { margin-top: 60px; margin-bottom: 20px; }
@media (min-width: 768px) {
    .how-we-work-step-5 .how-we-work__number::after { display: none; }
}
.how-we-work-step-5  .how-we-work__count { margin: 0 }
.how-we-work__last-step { position: relative; z-index: 1; }
.how-we-work__last-step::before { content: ""; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; z-index: -1; background: #eef5fe; }
.brace { height: 222px; background: url(../images/brace.svg) top no-repeat; width: 600px; margin: 0 auto 13px; display: flex; align-items: flex-end; justify-content: flex-end; }
.brace span { font-weight: 700; font-size: 18px; display: inline-block; width: 62px; text-align: center; }
.how-we-work__count--right2 { margin-left: -31px; position: absolute; margin-top: -30px; }
.how-we-work__count--right2::before { margin-left: -30px; }
.sprint-img-2 { text-align: right; }
.sprint-img-2 img { width: 280px; }
.how-we-work__seventh-step { padding-top: 30px; margin-top: 120px; margin-bottom: 60px; position: relative; }
.how-we-work__seventh-step::before { content: ""; position: absolute; left: 50%; margin-left: 16px; top: -90px; height: 60px; width: 4px; background: #1168d3; }
.our-differences__second-block { background: hsl(22, 95.7%, 45%); color: #fff; }
.our-differences__third-block { background: hsl(22, 95.7%, 50%); color: #fff; }
.our-differences__fourth-block { background: hsl(22, 95.7%, 55%); color: #fff; }

.hq-list { padding-left: 0; list-style: none; margin-bottom: 0; }
.hq-list--invert { color: #fff; }
.hq-list li { display: flex; padding: 5px 0; }
.hq-list li::before { content: "\f058"; font-family: Font Awesome\ 5 Free; font-weight: 900; display: block; color: var(--primary-color); margin-right: 10px; }
.hq-list--invert li::before {color: #fff;}
.our-differences .hq-list {font-size: 14px;}
@media (min-width:1023px) {
    .our-differences-row {max-width: 1500px; margin: 0 auto;}
    .our-differences-row { display: grid; grid-template-columns: .3fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "our-differences__left our-differences__left our-differences__second-block our-differences__third-block" 
    "our-differences__left our-differences__left our-differences__fourth-block our-differences__fifth-block"; }
    .our-differences__left { grid-area: our-differences__left; }
    .our-differences-row img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
    .our-differences__second-block { grid-area: our-differences__second-block; padding: 40px 30px; }
    .our-differences__third-block { grid-area: our-differences__third-block; padding: 40px 30px; }
    .our-differences__fourth-block { grid-area: our-differences__fourth-block; padding: 40px 30px; }
    .our-differences__fifth-block { grid-area: our-differences__fifth-block; }
}
@media (max-width: 767.98px) {
    .how-we-work__count--right { margin-left: 0; }
    .how-we-work__number { text-align: center; padding-top: 0px; margin-bottom: 45px; }
    .how-we-work__number::after { content: ""; position: absolute; width: 4px; left: 50% !important; right: auto !important; bottom: auto !important; top: calc(-4rem - 5vh); margin-left: -2px; height: 85px; }
    .how-we-work__count { margin: 0; }
    .how-we-work__info--left, .how-we-work__info--right { margin: 0 }
    .how-we-work__last-step::before { left: 0; right: 0 }
    .brace { display: none; }
    .how-we-work__count--right2 { margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; margin-top: -30px; width: 100%; }
    .light-gray-bg-medium { position: relative; }
    .how-we-work__column-revers { flex-direction: column-reverse; }
    .how-we-work__inner-row h3 { margin-top: 24px; text-align: center; }
    .light-gray-bg-medium::after { content: ""; position: absolute; width: 4px; background: #1168d3; left: 50%; top: calc(-4rem - 4vh); margin-left: -2px; height: 60px; }
    .how-we-work__seventh-step::before { margin-left: -2px; }
    .our-differences-row { display: flex; flex-direction: column; }
    .our-differences-row img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
    .our-differences__second-block { order: 1; padding: 20px 16px; }
    .our-differences__left { order: 2; }
    .our-differences__third-block { order: 3; padding: 20px 16px; }
    .our-differences__fourth-block { order: 5; padding: 20px 16px; }
    .our-differences__fifth-block { order: 4; }
}

/* PARTNER PROGRAM */
.video-banner .video-wrapper { position: absolute; top: 0; height: 100%; width: 100%; z-index: -1; }
.circle { position: relative; width: 200px; height: 200px; border-radius: 100vmax; display: flex; align-items: center; justify-content: center; }
.logo-button { position: absolute; border-radius: 82px; background: var(--primary-color); width: 82px; height: 82px; border-radius: 100vmax; background-position: center; display: flex; align-items: center; justify-content: center; transform: rotate(-45deg); color: #fff; font-size: 30px; }
.text { position: absolute; width: 100%; height: 100%; font-family: consolas; color: #000; font-size: 17px; animation: textRotation 8s linear infinite; background: url(../images/partner-text.svg); background-repeat: no-repeat; background-size: 90%; background-position: center center; }
@keyframes textRotation {
    to { transform: rotate(360deg); }
}
ul.what-we-do-list { display: flex; justify-content: space-between; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 20px; border: 1px solid transparent; overflow: hidden; }
ul.what-we-do-list li { margin: 0; }
ul.what-we-do-list li.result { width: calc(100% - 90%); margin: 0 !important; padding: 40px 40px 40px 40px; transition: width .6s, transform .6s, opacity .6s; position: relative; background: var(--primary-color); }
ul.what-we-do-list li.result_hover { width: calc(100% - 10%) !important; height: 400px; background: #FA8B26; transition: width .6s, transform .6s, opacity .6s; border-radius: 20px 0px 0px 20px; background: linear-gradient(253deg, rgba(228, 121, 59, 0.12) 0%, rgba(176, 152, 242, 0.00) 76.41%), #F8FAFC !important; }
.what-we-do-box { display: flex; flex-direction: column; height: 100%; position: relative; }
.what-we-do-box img { margin-top: 20px; margin-left: -10px; }
.result_hover .what-we-do-box > img { -webkit-animation-name: team-info-item; animation-name: team-info-item; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; }
.what-we-do-box > img { -webkit-animation-delay: 0s; }
ul.what-we-do-list li.result .what-we-do-box h2 { font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; position: absolute; top: 42%; left: 55%; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); white-space: nowrap; color: #fff; -webkit-animation-delay: .2s; color: #FFF; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: #fff; }
ul.what-we-do-list li.result.result_hover .what-we-do-box h2 {font-size: 28px; top: 28%; left: 0; background: linear-gradient(90deg, var(--secondary-color) 0%, rgba(var(--rgb), .5) 90.87%); background-clip: border-box; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
ul.what-we-do-list li.result_hover .what-we-do-box h2 { transform: translateY(0) rotate(0deg) translateX(0) !important; transition: width .2s, transform .2s, opacity .2s; position: inherit; top: auto; left: auto; font-weight: 700; -webkit-animation-name: team-info-item; animation-name: team-info-item; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; }
ul.what-we-do-list li.result .what-we-do-content { width: 100%; opacity: 0; overflow: hidden; height: 0; margin-top: auto; transition: width .4s, transform .4s, opacity .4s; transition-delay: 0s, 0s, 0s; transform: translateY(115%); }
ul.what-we-do-list li.result_hover .what-we-do-content { width: 100% !important; opacity: 1 !important; transform: translate(0) !important; transition-delay: .4s !important; flex-direction: column; height: auto !important; }
@keyframes team-info-item {
    from { opacity: 1; transform: translate3d(0, 50px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
ul.what-we-do-list li.result a { margin-top: auto; text-align: center; }
@media only screen and (max-device-width:1024px) {
    ul.what-we-do-list li.result { padding: 25px; }
    ul.what-we-do-list li.result .what-we-do-box h2 {font-size: 22px;}
}
.partner-with-systango-list { max-width: 1036px; transition: width .2s, transform .2s, opacity .2s; margin: 0 auto; }
.partner-with-systango-list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; transform: translate(10%, 0%); }
.partner-with-systango-list ul li { margin-bottom: 40px; }
.partner-with-systango-list ul li .partner-with-systango-list-card { width: 210px; height: 210px; border-radius: 20px 20px 0px 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 30px 25px; transition: transform 1s linear 0.3s !important;    /*transition: 1s ease-in!important;*/ }
.partner-with-systango-list ul li { margin-bottom: 40px }
.orange-card { border: 1px solid #FA8B26; background: linear-gradient(180deg, rgba(250, 139, 38, 0.15) 0%, rgba(250, 139, 38, 0.00) 100%), #FFF; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15); }
.purple-card { border: 1px solid #B098F2; background: linear-gradient(180deg, rgba(176, 152, 242, 0.15) 0%, rgba(176, 152, 242, 0.00) 100%), #FFF; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15); }
.green-card { border: 1px solid #34C9A0; background: linear-gradient(180deg, rgba(52, 201, 160, 0.15) 0%, rgba(52, 201, 160, 0.00) 100%), #FFF; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15); }
.dark-purple-card { border: 1px solid #7B7BEA; background: linear-gradient(180deg, rgba(123, 123, 234, 0.15) 0%, rgba(123, 123, 234, 0.00) 100%), #FFF; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15); }


/*Normal State*/
.active  .partner-with-systango-list .card-one .partner-with-systango-list-card { transform: translate(-0%, 20%) rotate(0deg); position: relative; z-index: 5 !important }
.active .partner-with-systango-list .card-three .partner-with-systango-list-card { transform: translate(-0%, 22%) rotate(0deg); position: relative; z-index: 5 !important }
.active .partner-with-systango-list .card-four .partner-with-systango-list-card { transform: translate(-400%, 100%) rotate(0deg); position: relative; z-index: 1 !important }
.active .partner-with-systango-list .card-five .partner-with-systango-list-card { transform: translate(36%, 25%) rotate(0deg); position: relative; }
.active .partner-with-systango-list .card-six .partner-with-systango-list-card { transform: translate(-30%, -10%) rotate(0deg) ; position: relative; z-index: 1 !important }
.active .partner-with-systango-list .card-seven .partner-with-systango-list-card { transform: translate(0, 25%) rotate(0deg); position: relative; z-index: 1 !important }
.partner-with-systango-list-card p { font-size: 20px; font-style: normal; font-weight: 600; margin:0  }

@media (max-device-width: 767px) {
    .partner-with-systango-list ul { transform: translate(0, 0%) !important;   justify-content: center !important;  }
    .partner-with-systango-list ul li {  width: 47%;  margin: 0 5px 10px 5px !important; }
    .partner-with-systango-list ul li .partner-with-systango-list-card { width: 100% !important;  height: 100% !important;    padding: 20px 10px !important; transform: none !important  }
    .partner-with-systango-list-card p {font-size: 16px;}
}

/*Animation state*/
.card-one .partner-with-systango-list-card { transform: translate(65%, 20%) rotate(-11.182deg); position: relative; z-index: 12; }
.card-two .partner-with-systango-list-card { }
.card-three .partner-with-systango-list-card { transform: translate(-53%, 25%) rotate(18.898deg); position: relative; z-index: 10; transform:; }
.card-four .partner-with-systango-list-card { transform: translate(-320%, 100%) rotate(-29.897deg); position: relative; z-index: 10; }
.card-five .partner-with-systango-list-card { transform: translate(60%, -15%) rotate(8.302deg); position: relative; }
.card-six .partner-with-systango-list-card { transform: translate(-148%, -24%) rotate(-11.455deg); position: relative; }
.card-seven .partner-with-systango-list-card { transform: translate(25%, -40%) rotate(-15.134deg); position: relative; z-index: 14; }

.our-partner-program { background: #F8FAFC; }
.vertical-slider { position: relative; }
.right-side { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding-top: 16%; }
.sticky { position: sticky; top: 125px; height: 100%; max-height: 100vh; }
.absolute-full { position: absolute; top: 50px; left: 0; width: 100%; height: 100%; }
.image-wrapper .mask-outer { transform: translateY(100%); overflow: hidden; transition: transform 0.35s ease-out 0s; }
.image-wrapper .mask-inner { transform: translateY(-100%); transition: transform 0.35s ease-out 0s; }

/* show state */
.image-wrapper.show .mask-outer { transform: translateY(0); transition: transform 0.35s ease-out 0s; }
.image-wrapper.show .mask-inner { transform: translateY(0); transition: transform 0.35s ease-out 0s; }
.content-wrapper { min-height: 100vh; opacity: 0.2; transition: opacity 0.4s ease-out; }
.content-wrapper.in-view { opacity: 1; transition: opacity 0.4s ease-out; }
.image-wrapper .mask-outer img { border-radius: 20px; width: 100%; }

.collage-images { cursor: pointer; z-index: 2; position: relative; }
.list-one .orange-list-card { position: relative; }
.fix-section .become-partner-list-box { max-width: 426px; border-radius: 20px; flex-shrink: 0; padding: 30px; position: relative; margin-bottom: 30px; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15);}
.fix-section .become-partner-list-box::after { background-image: url(../images/partnership/dollar.svg); background-repeat: no-repeat; background-position: right bottom; content: ""; position: absolute; bottom: 0; right: 0; width: 98px; height: 98px; }
.list-two .light-purple-list-card::after { background-image: url(../images/partnership/badge.svg); }
.list-three .green-list-card::after { background-image: url(../images/partnership/zero.svg); }
.list-four .dark-purple-list-card::after { background-image: url(../images/partnership/collaboration.svg); }
.become-partner-list-box h4 { font-size: 22px; font-style: normal; font-weight: 700; }
.collage-images .become-partner-list-box {  border: 1px solid #FA8B26; background: linear-gradient(180deg, rgba(250, 139, 38, 0.15) 0%, rgba(250, 139, 38, 0.00) 100%), #FFF; }
.collage-images:nth-child(2n) .become-partner-list-box {border: 1px solid #B098F2; background: linear-gradient(180deg, rgba(176, 152, 242, 0.15) 0%, rgba(176, 152, 242, 0.00) 100%), #FFF; box-shadow: 0px 14px 34px 0px rgba(37, 61, 73, 0.15); }
.collage-images:nth-child(3n) .become-partner-list-box {border: 1px solid #34C9A0; background: linear-gradient(180deg, rgba(52, 201, 160, 0.15) 0%, rgba(52, 201, 160, 0.00) 100%), #FFF;}
.collage-images:nth-child(4n) .become-partner-list-box { border: 1px solid #7B7BEA; background: linear-gradient(180deg, rgba(123, 123, 234, 0.15) 0%, rgba(123, 123, 234, 0.00) 100%), #FFF; }

@media (max-width: 1024px) {
    .image-wrapper  {display: none;}
    .right-side {height: auto; padding-top: 0}
    .right-side .content-wrapper {opacity: 1; min-height: auto; padding: 30px 0}
}

.pp-engage-block { background-color: #fff0; background-image: radial-gradient(at bottom left, RGBA(241, 128, 32, 0.2) 0%, #FFF0 40%); border-style: solid; border-width: 1px 1px 1px 1px; border-color: #9A9A9A21; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 40px; border-radius: 20px; margin-bottom: 1.5rem; }
.pp-engage-block:hover {border-color: var(--primary-color);}
.pp-engage-block p:last-child {margin: 0}

/* INDUSTRY SLIDER */
.industry-sect {overflow: hidden;}
.industry-slider {overflow: hidden; margin-right: -20px;}
.industry-slider .slick-list {overflow: visible;}
.industry-block {color: #fff; display: block; text-decoration: none; background: #fff; height: 100%; border-radius: 10px; margin-right: 20px;}
.industry-block:hover .btn-link span {background: var(--primary-color); box-shadow: inset 0 0 0 1px var(--primary-color);}
.industry-block:hover .btn-link svg { opacity: 0; transform: translate(100%, -100%); transition: transform 0.3s, opacity 0.3s; }
.industry-block:hover .btn-link svg.hover { fill: #fff; opacity: 1; transform: translate(0, -100%); transition: transform 0.3s ease, opacity 0.3s ease; }
.industry-img {position: relative; padding-top: calc(200 / 340 * 100%); border-radius: 10px; overflow: hidden;}
.industry-img img {width: 100%; height: 100%; position: absolute;  top: 0;  left: 0;  object-fit: cover;  transition: transform 1.5s cubic-bezier(0.05, 0.66, 0.14, 0.86);  z-index: 1;}
.industry-block:hover .industry-img img {transform: scale(1.1);}
.industry-ttl {position: absolute; left: 15px; right: 15px; bottom: 15px; color: #fff; z-index: 5;}
.industry-block:hover  .industry-ttl {color: var(--primary-color);}
.industry-desc {color: var(--text-color); padding: 15px;}
.industry-desc p {display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden; margin-bottom: 20px; line-height: 1.3;}

/* CAREER PAGE */
.career-page .remote-team .remote-team__image {object-position: right; object-fit: contain; -o-object-fit: contain;}
.careers-benefits__item-title { font-size: 22px; }
.careers-benefits__item-desc { margin: 20px 0 0; }
.careers-benefits__col { margin-top: 60px; }
.vacancies__col { margin-top: 15px;}
.vacancies-item { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; border-radius: 2px; padding: 20px; border: 1px solid #e8e8e8; border-radius: 5px; padding: 30px; color: #000; position: relative; transition: .2s linear; width: 100%; text-decoration: none; }
.vacancies-item:hover { color: #000; box-shadow: 0 14px 22px -10px rgba(0, 0, 0, 0.1) }
.vacancies__item-title, .vacancies__item-location { font-size: 22px; font-weight: 500; }
.vacancies__item-category { color: var(--primary-color); }
@media screen and (min-width:1100px) {
    .vacancies__item-category, .vacancies__item-type { margin-top: 10px; }
    .vacancies-item-col:nth-child(2) { max-width: 30%; margin-left: auto; width: 100%; }
    .vacancies__item-col { transition: 0.4s; }
    .vacancies-item:hover .vacancies__item-col:nth-child(1) { transform: translateX(40px); transition: 0.4s; }
    .vacancies-item::before { content: "\f178"; font-family: "Font Awesome 6 Pro"; position: absolute; top: 50%; left: 20px; font-size: 24px; transform: translateY(-50%); z-index: -1; opacity: 0; transition: 0.4s; }
    .vacancies-item:hover::before { opacity: 1; transition: 0.4s; }
}
.vacancies__item-btn { display: flex; align-items: center; justify-content: center; }
.job-block-content-text { display: flex; }
.job-block-content-text-item:not(:last-child):after { content: "|"; padding: 0 1.1vw; }
.career-form { position: sticky; top: 100px; }


/* ABOUT US */
.why-cept-block {position: relative;}
.why-cept-block img {margin: 0 auto; max-width: 100%;}
.why-cept-block .section-title {position: absolute; top: 50%; transform: translateY(-50%); left: 80px; color: var(--text-color);}
.tab-logo-title-block {display: flex; flex-direction: column; gap: 30px;}
.tab-logo-title {display: flex; align-items: center; gap: 15px; position: relative; cursor: pointer;}
.tab-logo-title .section-title :is(h1, h2, h3, h4, h5, h6) {white-space: nowrap;}
.tab-logo-title:after {content: ""; display: block; background: #fff; height: 1px; width: 0; opacity: .8}
.tab-logo-title:before {content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: #fff; position: absolute; right: 0; transform: scale(0);}
.tab-logo-title:hover:after, .tab-logo-title.active:after {width: 100%; transition: width 0.4s}
.tab-logo-title:hover:before, .tab-logo-title.active:before {transform: scale(1); transition: transform 0.8s}
.tab-logo-ContentWrapper {position: relative;}
.tab-logo-block-img { display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .1); padding: 15px; border-width: 0 1px 1px 0; }
.tab-logo-block-img:nth-child(3n) { border-right: 0 }
.tab-logo-block-img:nth-last-child(-n + 3) { border-bottom: 0 }
.tab-logo-block-img img { filter: brightness(0) invert(1); height: 40px; margin: 0 auto; display: block; }
.tab-logo-ItemContentHolder { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; position: absolute; top: 50%; left: -18%; bottom: 0; right: 0; width: 42%; height: 42%; margin: 0 auto; transform: translateY(-50%); }
.tab-logo-ContentWrapper {display: none;}
.tab-logo-ContentWrapper.active {display: block;}

/* INDUSTRIES */
.achievements__items { display: flex; flex-direction: row; gap: 40px; flex-wrap: wrap; }
.achievements__items .achievement-item { display: flex; align-items: start; gap: 16px; width: calc(50% - 20px); }
.achievements__items .achievement-item__icon { width: 40px; height: 40px; margin-top: 7px; }
.achievements__items .achievement-item__icon svg { width: 40px; height: 40px; min-width: 40px; }
.achievements__items .achievement-item__details, .worked ul { display: flex; flex-direction: column; }
.achievements__items .achievement-item__details .achievement-item__number { font-size: 32px; font-weight: 700; visibility: visible; line-height: 1.4; opacity: 1; transition: opacity .3s ease; }
.achievements__items .achievement-item__details .achievement-item__label { font-size: 16px; font-weight: 400; }
@media (max-width:600px) {
    .achievements__items { flex-direction: column; width: 100%; gap: 30px; }
    .achievements__items .achievement-item { width: 100%; }
}
.industry-box:not(:last-child) { border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; margin-bottom: 30px; }
.industry-box-img img { width: 100%; border-radius: 15px; max-width: 100%; height: auto; }
.industry-service-box-desc .services-tag li { background: #e6ebee; border-radius: 24px; padding: 8px 16px; font-size: 12px; font-weight: 500; letter-spacing: .02em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; height: max-content; }
.features__item { background: #fff; border-radius: 24px; padding: 40px 32px; display: flex; flex-direction: column; align-items: flex-start; height: 100%; transition: transform 0.4s }
.features__item:hover { transform: translateY(-8px); transition: transform 0.4s; }
.features__icon { width: 42px; height: 42px; margin-bottom: 16px; }
.features__icon svg { width: 100%; height: 100%; }
.features__details { display: flex; flex-direction: column; gap: 12px; }
.features__headline { font-size: 20px; font-weight: 600; }

/* ABOUT US */
.about-wrapper { height: 100vh; display: flex; flex-direction: column; justify-content: center; }
.h-100 { height: 100%; }
.about-wrapper .container { display: flex; flex-direction: column; justify-content: center; }
.scroll-section { display: flex; justify-content: center; margin: 3.5rem 0px; padding: 10rem 0; mask-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0), rgba(0, 0, 0, 0)); overflow: hidden; color: #fff; }
.scroll-section  .column { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; text-transform: uppercase; font-weight: 700; font-size: 4rem; text-align: center; width: fit-content; }
.scroll-section .about-item__first { margin-right: -4rem; align-items: flex-end; transform: translateY(-0.6rem); }
.scroll-section .about-item__second { align-items: flex-start; flex-direction: column-reverse; transform: translateY(calc(-100% + 4.925rem)); margin-left: -4rem; }
.scroll-section  .column p { margin-bottom: 0 }
.wow-text { text-transform: uppercase; height: 100%; color: var(--primary-color); display: flex; align-items: center; font-weight: 700; font-size: 9rem; margin: 0px; }
.mobile-only, .desktop-only { display: none; }
.textSection { font-size: 40px; line-height: 1.4; text-align: center; font-weight: 500; height: 80vh; display: flex; justify-content: center; align-items: center; color: var(--text-color); }
.mask { width: 100%; height: 115%; position: absolute; background: #fff; left: 0; top: 0; opacity: 0.8; }
.dark-sect { transition: background-color 3s ease; }
.dark { background-color: var(--text-color); transition: background-color 3s ease; }
.dark .section-title { color: #fff; }
.impact__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-radius: 10px; width: 100%; height: 304px; overflow: hidden; margin-bottom: 1.5rem; }
.impact__block .block-content { width: 100%; height: 100%; padding: 22px; border-radius: 22px; padding: 22px; border-radius: 22px; background: rgba(203, 203, 203, .05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 12px; position: relative; overflow: hidden; }
.impact__block .block-icon { position: absolute; top: 32px; left: 32px; width: 34px; height: 34px; z-index: 1; }
.impact__block .block-number { font-size: 142px; font-weight: 700; line-height: 1; letter-spacing: -4.26px; text-transform: uppercase; color: #606060; position: absolute; z-index: 0; top: 118px; right: 0; color: rgba(96, 96, 96, .1); }
.impact__block .block-title { color: #fcfcfc; font-size: 28px; font-weight: 500; line-height: 1; letter-spacing: -.84px; position: relative; z-index: 1; }
.impact__block .block-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; position: relative; z-index: 1; }
.impact__block .block-tags .block-tag { display: inline-block; padding: 6px 8px; color: #fff; border-radius: 34px; background: #343434; font-size: 14px; font-weight: 500; line-height: 1; }
.impact__block .block-title-hover { opacity: 0; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 100%; }
.impact__block .block-title-hover h3 { color: #fcfcfc; font-size: 108px; font-weight: 500; line-height: 1; letter-spacing: -3.24px; }
.impact__block .block-title-hover span { padding: 0 10px; }
.marquee-animation { white-space: nowrap; will-change: transform; -webkit-animation: marquee-horizontal 10s linear infinite; animation: marquee-horizontal 10s linear infinite; }
@-webkit-keyframes marquee-horizontal {
    0% { -webkit-transform: translate(0); transform: translate(0) }
    to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
@keyframes marquee-horizontal {
    0% { -webkit-transform: translate(0); transform: translate(0) }
    to { -webkit-transform: translate(-50%); transform: translate(-50%) }
}
@media (min-width:1024px) {
    .impact__block .block-content { padding: 32px; gap: 24px; }
    .impact__block .block-number { font-size: 270px; letter-spacing: -8.1px; top: 82px; }
    .impact__block .block-title { font-size: 46px; letter-spacing: -1.38px; }
}
.solve-box { display: flex; align-items: center; color: #ffffff80; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #FFFFFF1A }
.heading-medium { font-size: 20px; font-weight: normal; }
.solve-icon { width: 60px; margin-right: 15px; }
.solve-desc { width: calc(100% - 75px); }
.parameters-holder { color: #fff; text-align: center; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.parameter { font-size: 18px; line-height: 1.2; color: #a8a9ab; }
.parameter big { font-size: 54px; line-height: 54px; display: block; color: var(--primary-color); font-weight: 500; margin: 0 0 5px; }

.operating-globally-map.skrollable.skrollable-after {
  text-align: center;
}
.b-our-client-map-image {max-height: 700px; max-width: 100%; margin: 0 auto;}
svg text.b-country-text {
  font-size: 13px;
}
.company-value-item {text-align: center; color: #fff}
.company-value-item .val-icon {height: 70px; margin: 0 auto; object-fit: contain;}
.company-value-item h4 {font-size: 26px; font-weight: 500; margin: 20px 0}
.company-value-item hr { background: var(--primary-color); width: 55px; height: 2px; opacity: 1; margin: 0 auto 20px; border: 0; }
.company-value-item p { margin: 0; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.eng-modal-item { background: #FCEFEA; padding: 25px; padding-left: 35px; border-radius: 15px; position: relative; margin-bottom: 20px; }
.eng-modal-item::before { content: ""; width: 3px; background: var(--primary-color); position: absolute; top: 15px; left: 15px; bottom: 15px; border-radius: 5px; }
.spt-icon {display: flex; align-items: center; justify-content: center; border: 1px solid #dcdcdc; border-radius: 15px; height: 100px; padding: 20px; margin-bottom: 20px;}
.spt-icon img {width: 100%; object-fit: contain;}
.h-auto {height: auto;}

/* ENGAGE MODAL */
.collapse--penal { display: flex; }
.width--50 { flex: 0 0 50%; max-width: 50%; }
.collapse--group .collapse--penal .title svg { width: 60px; height: 60px; background: #ffc5a3; border: 10px solid #f6dbcc; border-radius: 50%; padding: 8px; vertical-align: middle; margin-right: 16px; }
.border--top { border-top: 1px solid #d2d2d2; }
.collapse--group .title h3 { display: flex; align-items: center; flex: 0 0 100%; max-width: 100%; }
.collapse--group .title h3 span { width: calc(100% - 75px) }
.full--image img { width: 100%; height: 100%; }
.rndMapItem { display: none; }
.rndMapItem.active { display: block; }
.rndMapSwitchHolder { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--text-color); }
.rndMapSwitcher { display: block; padding: 18px; font-size: 16px; width: 100%; cursor: pointer; text-align: center; font-weight: 600; border-bottom: 2px solid transparent; transition: all 0.3s ease; }
.rndMapSwitcher:hover { background: #3b302d14; }
.rndMapSwitcher.active { background: rgba(var(--rgb), 0.15); border-bottom-color: var(--primary-color); color: var(--primary-color); }

/* PROCESS */
.process-container { display: inline-block; width: 100%; }
.process-wrapper { position: relative; height: 325px; width: 1280px; margin: 0 auto; }
.process-wrapper ul { position: absolute; height: 26px; width: 100%; top: 0px; bottom: 0; margin: auto; list-style: none; display: flex; flex-wrap: wrap; }
.process-wrapper ul li { margin-right: 1.112%; border: 2px solid var(--primary-color); position: relative; background-color: rgba(var(--rgb), .5); height: 100%; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; flex: 0 0 auto; }
.process-wrapper ul li span { position: absolute; left: 0; top: -110px; font-size: 12px; line-height: 20px; transform: translateY(50%); opacity: 0; }
.process-wrapper ul li label { position: absolute; left: 0; top: -95px; font-size: 14px; line-height: 20px; color: #000; font-weight: 600; transform: translateY(50%); opacity: 0; }
.process-wrapper ul li:nth-child(1), .process-wrapper ul li:nth-child(2), .process-wrapper ul li:nth-child(5) { width: 7.64%; }
.process-wrapper ul li:nth-child(3), .process-wrapper ul li:nth-child(4), .process-wrapper ul li:nth-child(8), .process-wrapper ul li:nth-child(9) { width: 3.681%; border: 2px solid var(--primary-color); background-color: var(--primary-color); }
.process-wrapper ul li:nth-child(6) { width: 17.223%; }
.process-wrapper ul li:nth-child(7), .process-wrapper ul li:nth-child(10) { width: 15.417%; }
.process-wrapper ul li:nth-child(11) { width: 3.179%; margin-right: 0; }
.process-wrapper ul li::after { content: ""; display: inline-block; position: absolute; top: 0px; left: 0px; bottom: 0; background: var(--primary-color); -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; }
.process-wrapper ul li::before { content: ""; display: inline-block; width: 1px; background-color: #c4e5d1; height: 115px; position: absolute; left: -8px; bottom: 13px; transform: scaleY(0); transform-origin: bottom center; }
.process-wrapper ul li:nth-child(1)::before, .process-wrapper ul li:nth-child(2)::before { top: 13px; bottom: inherit; transform-origin: top center; }
.process-wrapper ul li:nth-child(1)::before, .process-wrapper ul li:nth-child(5)::before, .process-wrapper ul li:nth-child(10)::before { height: 75px; }
.process-wrapper ul li:nth-child(4)::before, .process-wrapper ul li:nth-child(9)::before { height: 326px; top: -150px; animation: none !important; transform: scaleY(1); }
.process-wrapper ul li:nth-child(3)::before, .process-wrapper ul li:nth-child(8)::before { display: none; }
.process-wrapper ul li:nth-child(1) span { top: inherit; bottom: -55px; transform: translateY(-50%); }
.process-wrapper ul li:nth-child(1) span.twoLine { bottom: -35px; }
.process-wrapper ul li:nth-child(1) span.twoLine + label { padding-right: 5px; }
.process-wrapper ul li:nth-child(1) label { top: inherit; bottom: -70px; transform: translateY(-50%); }
.process-wrapper ul li:nth-child(2) span { top: inherit; bottom: -95px; transform: translateY(-50%); }
.process-wrapper ul li:nth-child(2) span.twoLine { bottom: -72px; }
.process-wrapper ul li:nth-child(2) label { top: inherit; bottom: -110px; transform: translateY(-50%); }
.process-wrapper ul li:nth-child(5) label, .process-wrapper ul li:nth-child(10) label, .process-wrapper ul li:nth-child(5) span, .process-wrapper ul li:nth-child(10) span { margin-top: 40px; }
.process-wrapper ul li:nth-child(4) label:first-child, .process-wrapper ul li:nth-child(9) label:first-child { top: -155px; left: inherit; right: calc(100% + 16px); white-space: nowrap; color: inherit; }
.process-wrapper ul li:nth-child(4) label:last-child, .process-wrapper ul li:nth-child(9) label:last-child { bottom: -155px; top: inherit; white-space: nowrap; color: inherit; }
.process-wrapper.start ul li span, .process-wrapper.start ul li label { animation: transform 1s ease-in-out var(--delay) forwards; }
.process-wrapper.start ul li::after { animation: move 1.5s ease-in-out var(--delay) forwards; }
.process-wrapper.start ul li::before { animation: scale 0.5s ease-in-out var(--delay) forwards; }
.process-wrapper.start ul li:nth-child(1) span, .process-wrapper.start ul li:nth-child(1) label, .process-wrapper.start ul li:nth-child(2) span, .process-wrapper.start ul li:nth-child(2) label { animation: transform1 1s ease-in-out var(--delay) forwards; }
.process-wrapper.start ul li:nth-child(4) label:first-child { animation: transform 1s ease-in-out 3s forwards; }
.process-wrapper.start ul li:nth-child(4) label:last-child { animation: transform1 1s ease-in-out 3s forwards; }
.process-wrapper.start ul li:nth-child(9) label:first-child { animation: transform 1s ease-in-out 8s forwards; }
.process-wrapper.start ul li:nth-child(9) label:last-child { animation: transform1 1s ease-in-out 8s forwards; }
@keyframes move {
    0% { top: 1px; left: 1px; right: 100%; bottom: 1px; }
    50% { top: 1px; left: 1px; right: 1px; bottom: 1px; }
    100% { top: -2px; left: -2px; right: -2px; bottom: -2px; }
}
@keyframes scale {
    0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}
@keyframes transform {
    0% { transform: translateY(50%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes transform1 {
    0% { transform: translateY(-50%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@media (max-width:1199px) {
    .process-container { padding: 20px; }
    .process-wrapper { width: 840px; }
}
@media (max-width:991px) {
    .process-container { overflow: auto; padding: 6px; }
}
.process--infos .infos--details { width: 350px; }
.process--infos .infos--details p { padding-right: 30px; padding-top: 100px; }
.process--infos .infos--wrapper { width: calc(100% - 350px); }
.process--infos .infos--wrapper svg { user-select: none; width: 100%; height: auto; }
.process--infos .infos--wrapper svg text tspan { white-space: pre; font-family: var(--ed-primary-font); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; }
.process--infos .infos--wrapper svg text[fill="black"] tspan { font-size: 18px; font-weight: 400; letter-spacing: 0; }
.process--infos .infos--wrapper.dev svg text tspan { font-size: 22px; }
.process--infos .infos--wrapper.dev svg text[fill="black"] tspan { font-size: 18px; font-weight: 400; letter-spacing: 0; }
@media (max-width:1560px) {
    .process--infos .infos--details p { padding-top: calc(30px + 70 * ((100vw - 1200px) / 1360)); }
}
@media (max-width:1199px) {
    .process--infos { flex-wrap: wrap; }
    .process--infos .infos--details { width: 100%; margin-bottom: 40px; }
    .process--infos .infos--details .downArrow { display: none; }
    .process--infos .infos--wrapper { width: 100%; }
    .process--infos .infos--wrapper svg line:first-child { display: none; }
}


/* MEDIA
------------------- */
@media (min-width: 768px) {
    .desktop-only {display: block;}
    .flex-md-row-reverse {flex-direction: row-reverse !important;}
    .col-6:nth-last-child(-n+2) .solve-box {border: 0; margin: 0; padding: 0}
}
@media(min-width:1300px) {
    .container {max-width: 1250px;}
}
@media(min-width:1400px) {
    .container {max-width: 1350px;}
}
@media(min-width:1700px) {
    .container {max-width: 1350px;}
    body {font-size: 18px;}
    .services-tag li a {font-size: 14px;}
}

@media (max-width:1024px) {
    html, body { overflow-x: hidden; }
    body { font-size: 16px; }
    .dektop_only {display: none !important;}
    .section-title h1 { font-size: 42px; }
    .section-title h2 { font-size: 32px; }
    .section-title h3 { font-size: 28px; }
    .section-title h4 { font-size: 24px; }
    .section-title h5 { font-size: 18px; }
    .awards-slider .slick-slide img { height: 55px; }
    .banner-contact { padding-top: 8rem; }
    .we-do__item { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; justify-content: flex-start; align-items: stretch; }
    .we-do__name-con { flex-flow: column; width: 100%; max-width: none; }
    .desc-md {font-size: 14px;}
    .desc-lg {font-size: 16px;}
    .desc-xl {font-size: 18px;}
    .custom-services-box {height: auto; margin: 0 0 20px;  padding: 0 0 20px;}
    .accordion-content {display: block !important;}
    .custom-services-box .section-title :is(h1, h2, h3, h4, h5, h6) {color: var(--primary-color);}
    .textSection {font-size: 22px;}
}
@media (max-width:767px) {
    .services__list-wrapper { scrollbar-width: none; width: 100svw; margin-left: 0; display: flex; overflow: scroll; }
    .services__list { grid-column-gap: 10px; grid-row-gap: 10px; flex: none; width: auto; padding-right: 0; display: flex; }
    .services__item { flex: none; width: 262px; min-width: 200px; }
    .we-do__item { grid-column-gap: 20px; grid-row-gap: 20px; padding-top: 20px; padding-bottom: 20px; }
    .banner-contact .wpcf7-form { padding: 20px; }
    .wpcf7-form .form-check-label::after { top: -2px; }
    .circle__block { display: flex; justify-content: center; width: 50%; }
    .mobile-only {display: block;}
    .scroll-section {display: none;}
    .about-wrapper {height: auto;}
    .why-cept-block img, .tab-logo-ContentWrapper > img {display: none;}
    .why-cept-block .section-title {position: unset; color: #fff;}
    .pp-engage-block {padding: 20px; margin: 0}
    .tab-logo-ItemContentHolder {position: unset; width: 100%; transform: none; height: auto;}
    .tab-logo-title-block {gap: 15px;}
    .tab-logo-title-block .section-title h4 { font-size: 18px;  }
    .tab-logo-block-img img {height: 35px;}
    .solve-box, .eng-modal-item {margin: 0}
    .parameters-holder {grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .spt-icon {margin-bottom: 10px;}
}
@media (max-width:480px) {
    .circle__block { width: 100% }
}