:root {
    --black: #111;
    --white: #fff;
    --gray: #F6F7F7;
    --tile: #EDF1F4;
    --primary--color: #aa076b;
    --gradient--color--main: #aa076b;
    --gradient--color--secondary: #211F54;
    --desktop--dropdown--color: #310D3A;
    --primary--font--family:  "Geist", sans-serif;
    --hover-transition: .25s ease-out;
    --backdrop: rgba(17, 17, 17, 0.7);
    --radius: 8px;
    --shadow: 0 16px 40px rgba(0,0,0,.22);
}

html, body {
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: var(--primary--font--family);
    font-optical-sizing: auto;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    color: #263238;
    background: #fff;
    line-height: 1.45;
}

body {
    padding-top: 60px;
}

body.admin-bar {
    padding-top: 92px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
    border: none;
}

img, svg {
    vertical-align: middle;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

ul li {
    list-style: none;
}

a {
    color: #263238;
    cursor: pointer;
    text-decoration: none;
    transition: var(--hover-transition);
}

a:active {
    text-decoration: none;
    list-style-type: none;
}

a:hover {
    text-decoration: none;
    list-style-type: none;
    color: var(--primary--color);
    transition: var(--hover-transition);
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

mark.has-inline-color {
    background: transparent;
}

[data-reveal]{
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease;
    will-change: opacity, transform;
}

[data-reveal].is-visible{
    opacity: 1;
    transform: translateY(0);
}

 .container,
 .container-md {
    padding-left: 18px;
    padding-right: 18px;
}

.container-lg {
    max-width: 1053px!important;
}

.container-2lg {
    max-width: 1200px!important;
}

 .w-full-container {
    padding-left: 0!important;
    padding-right: 0!important;
 }

.start-0 {
    left: 0;
}

.end-0 {
    right: 0;
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-25 {
    margin-top: 25px!important;
    margin-bottom: 25px!important;
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.mt-40 {
    margin-top: 40px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.align-items-stretch {
    align-items: stretch;
}

.base-display-grid-block {
    display: grid;
    gap: 16px;
}

.gap-8 {
    gap: 8px;
}

.gap-30 {
    gap: 30px;
}

.grid-1-columns {
    grid-template-columns: 1fr;
}

.grid-2-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-4-columns {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.g-col-2 { 
    grid-column: span 2; 
} 

.g-col-3 { 
    grid-column: span 3; 
} 

.g-col-4 { 
    grid-column: span 4; 
} 

.g-col-6 { 
    grid-column: span 6; 
} 

.w-full {
    width: 100%;
}

.h-full,
.h-100 {
    height: 100%;
}

.w-max-400 {
    max-width: 400px;
}

.w-max-800 {
    max-width: 800px;
}

.section-title .js-gb-counter {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  display: inline-block;
  min-width: 2ch; 
}

.overflow-hidden {
    overflow: hidden;
}

.primary-font-family {
    font-family: var(--primary--font--family);
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600!important;
}

.font-bold {
    font-weight: 700!important;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-17 {
    font-size: 17px;
}

.font-19 {
    font-size: 19px;
}

.font-24,
.d-font-24 {
    font-size: 24px;
}

.font-32 {
    font-size: 32px;
}

.font-48 {
    font-size: 48px;
}

.font-62 {
    font-size: 62px;
}

.font-66 {
    font-size: 66px;
}

button:not(:disabled), 
[type=button]:not(:disabled), 
[type=reset]:not(:disabled), 
[type=submit]:not(:disabled) {
    cursor: pointer;
}

.btn,
.ff-btn:not(.ff_upload_btn) {
    position: relative;
    padding: 12px 55px;
    color: var(--white);
    border: solid 2px var(--primary--color);
    background-color: var(--primary--color);
    font-family var(--primary--font--family);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 100px;
    overflow: hidden;
    min-width: max-content;
    display: inline-block;
    transition: background-color .25s cubic-bezier(.6, 0, .2, 1);
}

.ff-btn:not(.ff_upload_btn) {
   color: var(--white)!important;
    border: solid 2px var(--primary--color)!important;
    background-color: var(--primary--color)!important; 
}

.md-btn {
    font-size: 15px;
    padding: 7.5px 25px;
}

.btn-inline-flex {
    display: inline-flex;
    align-items: center;
}

.btn:hover {
    color: var(--primary--color);
    border-color: var(--primary--color);
    background: transparent;
}

.ff-btn:not(.ff_upload_btn):hover {
    color: var(--primary--color)!important;
    border-color: var(--primary--color)!important;
    background: transparent!important;
}

.btn-link-type {
    font-weight: 500;
    color: var(--primary--color);
    text-decoration: underline;
}

.btn-simple-link-type {
    color: var(--primary--color);
}

.btn-berry {
    color: #fff!important;;
    background: var(--primary--color)!important;
}

.btn-berry-border {
    background: transparent;
    color: var(--primary--color)!important;
}

.btn-white-border {
    color: #fff!important;
    border-color: #fff!important;
}

.btn-right-icon {
    margin-left: 8px;
}

.btn-hover-animate-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    padding-left: 12px;
    padding-right: 12px;
}

.btn-lg-hover-animate-arrow {
    min-width: 192px;
}

.btn-2md-hover-animate-arrow {
    min-width: 161px;
}

.btn-md-hover-animate-arrow {
    min-width: 148px;
}

.btn-hover-animate-arrow::after {
    content: "";
    position: static;
    width: 0;
    animation: none;
    transition: var(--hover-transition);
}

.btn-hover-animate-arrow:hover::after {
    width: 14px;
    height: 14px;
    margin-left: 10px;
}

.btn-check-reviews {
    font-size: 20px;
}

.btn-check-reviews .icon-berry-circle-link::after {
    width: 40px;
    height: 40px;
    background-size: 14px !important;
}

.base-rounde {
    border-radius: 4px;
}

.ul-inline-list-after-dots > li {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
    margin-bottom: 6px;
}

.ul-inline-list-after-dots > li:not(:last-child)::after {
    content: '';
    width: 4px;
    height: 4px;
    background: var(--primary--color);
    border-radius: 50%;
    display: block;
    margin-left: 5px;
}

.icon {
    background-repeat: no-repeat;
}

.icon-social::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat!important;
}

.icon-arrow-black,
.icon-arrow-left-black,
.icon-arrow-right-black {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ3MzEgMi4wMzU4NEw5LjAwOTA2IDEuNTcxOEw4LjA4MDk4IDIuNDk5ODhMOC41NDUwMiAyLjk2MzkyTDEyLjA2NTEgNi40ODM5OUwwLjY1NjM0MiA2LjQ4NDA0TDAuMDAwMTEwNDI3IDYuNDg0MDJMOC41MzQ5NWUtMDUgNy43OTY1NUwwLjY1NjM3OSA3Ljc5NjVMMTIuMDYzNyA3Ljc5NjQ5TDguNTQ0MjcgMTEuMzE1OUw4LjA4MDIzIDExLjc3OTlMOS4wMDgzMSAxMi43MDhMOS40NzIzNSAxMi4yNDM5TDEzLjk1ODEgNy43NTgyNEMxNC4yOTk4IDcuNDE2NTMgMTQuMjk5OCA2Ljg2MjUyIDEzLjk1ODEgNi41MjA4TDkuNDczMSAyLjAzNTg0WiIgZmlsbD0iIzI2MzIzOCIvPgo8L3N2Zz4K");
}

.icon-arrow-left-black {
    transform: rotate(180deg);
}

.icon-berry-stars::after {
    content: "";
    display: block;
    height: 16px;
    width: 88px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2788%27 height=%2717%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.522 2.046a.5.5 0 0 1 .956 0L9.78 6.259a.5.5 0 0 0 .477.352h4.265a.5.5 0 0 1 .303.898l-3.492 2.668a.5.5 0 0 0-.174.545l1.323 4.283a.5.5 0 0 1-.78.545l-3.398-2.595a.5.5 0 0 0-.608 0L4.3 15.55a.5.5 0 0 1-.781-.545l1.323-4.283a.5.5 0 0 0-.174-.545L1.175 7.509a.5.5 0 0 1 .303-.898h4.265a.5.5 0 0 0 .477-.352l1.302-4.213ZM25.522 2.046a.5.5 0 0 1 .956 0l1.302 4.213a.5.5 0 0 0 .477.352h4.265a.5.5 0 0 1 .303.898l-3.492 2.668a.5.5 0 0 0-.174.545l1.323 4.283a.5.5 0 0 1-.78.545l-3.399-2.595a.5.5 0 0 0-.607 0L22.3 15.55a.5.5 0 0 1-.781-.545l1.323-4.283a.5.5 0 0 0-.174-.545l-3.492-2.668a.5.5 0 0 1 .303-.898h4.265a.5.5 0 0 0 .477-.352l1.302-4.213ZM43.522 2.046a.5.5 0 0 1 .956 0l1.302 4.213a.5.5 0 0 0 .477.352h4.265a.5.5 0 0 1 .303.898l-3.492 2.668a.5.5 0 0 0-.174.545l1.323 4.283a.5.5 0 0 1-.78.545l-3.398-2.595a.5.5 0 0 0-.608 0L40.3 15.55a.5.5 0 0 1-.781-.545l1.323-4.283a.5.5 0 0 0-.174-.545l-3.492-2.668a.5.5 0 0 1 .303-.898h4.265a.5.5 0 0 0 .477-.352l1.302-4.213ZM61.522 2.046a.5.5 0 0 1 .956 0l1.302 4.213a.5.5 0 0 0 .477.352h4.265a.5.5 0 0 1 .303.898l-3.492 2.668a.5.5 0 0 0-.174.545l1.323 4.283a.5.5 0 0 1-.78.545l-3.398-2.595a.5.5 0 0 0-.608 0L58.3 15.55a.5.5 0 0 1-.781-.545l1.323-4.283a.5.5 0 0 0-.174-.545l-3.492-2.668a.5.5 0 0 1 .303-.898h4.265a.5.5 0 0 0 .477-.352l1.302-4.213ZM79.522 2.046a.5.5 0 0 1 .956 0l1.302 4.213a.5.5 0 0 0 .477.352h4.265a.5.5 0 0 1 .303.898l-3.492 2.668a.5.5 0 0 0-.174.545l1.323 4.283a.5.5 0 0 1-.78.545l-3.398-2.595a.5.5 0 0 0-.608 0L76.3 15.55a.5.5 0 0 1-.781-.545l1.323-4.283a.5.5 0 0 0-.174-.545l-3.492-2.668a.5.5 0 0 1 .303-.898h4.265a.5.5 0 0 0 .477-.352l1.302-4.213Z%27 fill=%27%23AA076B%27/%3E%3C/svg%3E") 50%/contain no-repeat;
}

.btn-hover-animate-arrow::after,
.icon-berry-arrow-link::after,
.icon-gray-circle-link::after,
.icon-white-circle-link::after,
.icon-berry-circle-link::after,
.icon-white-circle-dark-arrow-link::after {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjAzMTM1IDEuNzVINC4zNzUxVjMuMDYyNUg1LjAzMTM1SDEwLjAwOTVMMS45NDIzMSAxMS4xMjk3TDEuNDc4MjcgMTEuNTkzOEwyLjQwNjM1IDEyLjUyMTlMMi44NzAzOSAxMi4wNTc4TDEwLjkzNjUgMy45OTE1OVY4Ljk2ODc1VjkuNjI1SDEyLjI0OVY4Ljk2ODc1VjIuNjI1QzEyLjI0OSAyLjE0MTc1IDExLjg1NzMgMS43NSAxMS4zNzQgMS43NUg1LjAzMTM1WiIgZmlsbD0iI0FBMDc2QiIvPgo8L3N2Zz4=");
}

.icon-arrow-bottom-link::after {
    transform: rotate(136deg);
}

.icon-join-us::after,
.btn-icon-hover-join-us::after { 
    content: '';
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url('../assets/icons/hand.svg');
}

.btn-icon-hover-join-us:hover::after {
    width: 30px;
    height: 20px;
}

.icon-berry-arrow-link::after,
.icon-gray-circle-link::after,
.icon-white-circle-link::after,
.icon-berry-circle-link::after,
.icon-white-circle-dark-arrow-link::after,
.icon-hover-white-circle-dark-arrow-link:hover::after {
    content: "";
    display: block;
    height: 29px;
    width: 29px;
    min-width: 29px;
    border-radius: 50%;
    background-color: #fff;
    background-size: 14px!important;
}

.icon-white-circle-dark-arrow-link::after,
.icon-hover-white-circle-dark-arrow-link:hover::after {
    background-size: 11px!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjU1MzA4IDBMMi44OTY4MyAwVjEuMzEyNUwzLjU1MzA4IDEuMzEyNUw4LjUzMTIxIDEuMzEyNUwwLjQ2NDAzOSA5LjM3OTc0TDAgOS44NDM3NUwwLjkyODA3OCAxMC43NzE5TDEuMzkyMTIgMTAuMzA3OEw5LjQ1ODI3IDIuMjQxNTlWNy4yMTg3NVY3Ljg3NUgxMC43NzA4VjcuMjE4NzVWMC44NzVDMTAuNzcwOCAwLjM5MTc1NSAxMC4zNzkgMCA5Ljg5NTc3IDBMMy41NTMwOCAwWiIgZmlsbD0iIzI2MzIzOCIvPgo8L3N2Zz4K);
}

.icon-gray-circle-link::after {
    background-color: #F5F5F7;
}

.icon-berry-circle-link::after,
.btn-hover-animate-white-arrow::after,
.btn-berry.btn-hover-animate-arrow::after,
.icon-hover-berry-circle-link:hover::after,
a:hover .icon-hover-berry-circle-link::after {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjU1MzA4IDBIMi44OTY4M1YxLjMxMjVIMy41NTMwOEg4LjUzMTIxTDAuNDY0MDM5IDkuMzc5NzRMMCA5Ljg0Mzc1TDAuOTI4MDc4IDEwLjc3MTlMMS4zOTIxMiAxMC4zMDc4TDkuNDU4MjcgMi4yNDE1OVY3LjIxODc1VjcuODc1SDEwLjc3MDhWNy4yMTg3NVYwLjg3NUMxMC43NzA4IDAuMzkxNzU1IDEwLjM3OSAwIDkuODk1NzcgMEgzLjU1MzA4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}

.icon-berry-circle-link::after,
.icon-hover-berry-circle-link:hover::after,
a:hover .icon-hover-berry-circle-link::after {
    background-size: 11px!important;
    background-color: var(--primary--color);
}

.icon-hove-visible-berry-circle-link {
    position: relative;
}

.icon-hover-visible-berry-circle-link::after {
    position: absolute;
    top: 32px;
    right: 24px;
    visibility: hidden;
}

.icon-hover-visible-berry-circle-link:hover::after {
    visibility: visible;
}

.icon-lock::before {
    content: "";
    display: block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMjFMMTkgMjFDMTkuNTUyMyAyMSAyMCAyMC41NTIzIDIwIDIwTDIwIDEwQzIwIDkuNDQ3NzIgMTkuNTUyMyA5IDE5IDlMNSA5QzQuNDQ3NzIgOSA0IDkuNDQ3NzIgNCAxMEw0IDIwQzQgMjAuNTUyMyA0LjQ0NzcyIDIxIDUgMjFaIiBzdHJva2U9IiMyNjMyMzgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjIzMDc3IDlMMTQuNzY5MiA5QzE0Ljg5NjcgOSAxNSA4Ljg5NjY4IDE1IDguNzY5MjNMMTUgNkMxNSA0LjM0MzE1IDEzLjY1NjkgMyAxMiAzQzEwLjM0MzEgMyA5IDQuMzQzMTUgOSA2TDkgOC43NjkyM0M5IDguODk2NjggOS4xMDMzMiA5IDkuMjMwNzcgOVoiIHN0cm9rZT0iIzI2MzIzOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}

.icon-gray-wrold::before {
    content: "";
    display: block;
    height: 22.5px;
    width: 22.5px;
    min-width: 22.5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTIuMjVDMSAxNS4yMzM3IDIuMTg1MjYgMTguMDk1MiA0LjI5NTA1IDIwLjIwNUM2LjQwNDgzIDIyLjMxNDcgOS4yNjYzMSAyMy41IDEyLjI1IDIzLjVDMTUuMjMzNyAyMy41IDE4LjA5NTIgMjIuMzE0NyAyMC4yMDUgMjAuMjA1QzIyLjMxNDcgMTguMDk1MiAyMy41IDE1LjIzMzcgMjMuNSAxMi4yNUMyMy41IDkuMjY2MzEgMjIuMzE0NyA2LjQwNDgzIDIwLjIwNSA0LjI5NTA1QzE4LjA5NTIgMi4xODUyNiAxNS4yMzM3IDEgMTIuMjUgMUM5LjI2NjMxIDEgNi40MDQ4MyAyLjE4NTI2IDQuMjk1MDUgNC4yOTUwNUMyLjE4NTI2IDYuNDA0ODMgMSA5LjI2NjMxIDEgMTIuMjVaIiBzdHJva2U9IiNCOEI4Q0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC4xMyAyMy4zQzguNTYgMjEuMSA3LjUgMTYuOTcgNy41IDEyLjNDNy41IDcuNjMgOC41NiAzLjQgMTAuMTMgMS4yNSIgc3Ryb2tlPSIjQjhCOENDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMzY3MiAyMy4zQzE1LjkzNzIgMjEuMSAxNi45OTcyIDE2Ljk3IDE2Ljk5NzIgMTIuM0MxNi45OTcyIDcuNjMgMTUuOTM3MiAzLjQgMTQuMzY3MiAxLjI1IiBzdHJva2U9IiNCOEI4Q0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDEyLjI1SDIzLjUiIHN0cm9rZT0iI0I4QjhDQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIuMjk2ODggMTcuNUgyMi4xOTY5IiBzdHJva2U9IiNCOEI4Q0MiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjI5Njg4IDdIMjIuMTk2OSIgc3Ryb2tlPSIjQjhCOENDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

.icon-caret {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    transition: transform .2s ease;
}

.icon-caret::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg); 
}

.icon-circle-ok {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: inline-flex;
    border-radius: 50%;
    background: #F5F5F7;
    position: relative;
}

.icon-circle-ok::before {
    content: '';
    border-color: #90939F;
    border-style: solid;
    border-width: 0 2px 2px 0;
    width: 6px;
    height: 12px;
    display: block;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 15px;
    left: 12px;
}

.icon-hot::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4zIiBkPSJNMTYuMTEgNi43Njk1M0MxNS41OCA5LjM2OTUzIDEzLjQ5IDExLjE5OTUgMTAuODMgMTEuMTk5NUM5LjI3IDExLjE5OTUgNy44NyAxMC41Nzk1IDYuODYgOS41Njk1M0M2LjMgMTAuOTU5NSA2IDEyLjQ2OTUgNiAxMy45OTk1QzYgMTcuMzA5NSA4LjY5IDE5Ljk5OTUgMTIgMTkuOTk5NUMxNS4zMSAxOS45OTk1IDE4IDE3LjMwOTUgMTggMTMuOTk5NUMxOCAxMS40Mzk1IDE3LjM0IDguOTY5NTMgMTYuMTEgNi43Njk1M1pNMTEuODkgMTcuOTg5NUMxMC41MiAxNy45ODk1IDkuNCAxNi45MDk1IDkuNCAxNS41Njk1QzkuNCAxNC4zMTk1IDEwLjIxIDEzLjQzOTUgMTEuNTcgMTMuMTU5NUMxMi45NCAxMi44Nzk1IDE0LjM1IDEyLjIyOTUgMTUuMTQgMTEuMTY5NUMxNS40NCAxMi4xNjk1IDE1LjYgMTMuMjE5NSAxNS42IDE0LjI4OTVDMTUuNiAxNi4zMjk1IDEzLjk0IDE3Ljk4OTUgMTEuODkgMTcuOTg5NVoiIGZpbGw9IiNBQTA3NkIiLz4KPHBhdGggZD0iTTExLjU3IDEzLjE2MTlDMTAuMjEgMTMuNDQxOSA5LjQgMTQuMzIxOSA5LjQgMTUuNTcxOUM5LjQgMTYuOTExOSAxMC41MSAxNy45OTE5IDExLjg5IDE3Ljk5MTlDMTMuOTQgMTcuOTkxOSAxNS42IDE2LjMzMTkgMTUuNiAxNC4yODE5QzE1LjYgMTMuMjExOSAxNS40NSAxMi4xNjE5IDE1LjE0IDExLjE2MTlDMTQuMzUgMTIuMjMxOSAxMi45NCAxMi44ODE5IDExLjU3IDEzLjE2MTlaTTEzLjUgMC42NzE4NzVDMTMuNSAwLjY3MTg3NSAxNC4yNCAzLjMyMTg3IDE0LjI0IDUuNDcxODdDMTQuMjQgNy41MzE4NyAxMi44OSA5LjIwMTg3IDEwLjgzIDkuMjAxODdDOC43NiA5LjIwMTg3IDcuMiA3LjUzMTg3IDcuMiA1LjQ3MTg3TDcuMjMgNS4xMTE4OEM1LjIxIDcuNTExODggNCAxMC42MjE5IDQgMTQuMDAxOUM0IDE4LjQyMTkgNy41OCAyMi4wMDE5IDEyIDIyLjAwMTlDMTYuNDIgMjIuMDAxOSAyMCAxOC40MjE5IDIwIDE0LjAwMTlDMjAgOC42MTE4OCAxNy40MSAzLjgwMTg4IDEzLjUgMC42NzE4NzVaTTEyIDIwLjAwMTlDOC42OSAyMC4wMDE5IDYgMTcuMzExOSA2IDE0LjAwMTlDNiAxMi40NzE5IDYuMyAxMC45NjE5IDYuODYgOS41NzE4N0M3Ljg3IDEwLjU4MTkgOS4yNyAxMS4yMDE5IDEwLjgzIDExLjIwMTlDMTMuNDkgMTEuMjAxOSAxNS41OCA5LjM3MTg3IDE2LjExIDYuNzcxODdDMTcuMzQgOC45NzE4OCAxOCAxMS40NDE5IDE4IDE0LjAwMTlDMTggMTcuMzExOSAxNS4zMSAyMC4wMDE5IDEyIDIwLjAwMTlaIiBmaWxsPSIjQUEwNzZCIi8+Cjwvc3ZnPg==');
}

body.modal-open {
    overflow: hidden;
    padding-right: var(--scrollbar-comp, 0px);
}

.modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9991;
    display: block;
    pointer-events: none;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    background: var(--backdrop);
    transition: opacity 250ms ease;
    z-index: 9990;
}

.modal-dialog {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 24px 30px 24px;
    pointer-events: none; 
}

.modal-content {
    width: 100%;
    max-width: 600px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    transform: translateY(12px) scale(.98);
    opacity: 0;
    transition: transform 250ms ease, opacity 250ms ease;
    pointer-events: auto;
    overflow: hidden;
}

.modal.is-open,
.modal.is-opening {
    pointer-events: auto;
    visibility: visible;
}

.modal.is-open .modal-backdrop,
.modal.is-opening .modal-backdrop {
    opacity: 1; 
}

.modal.is-open .modal-content,
.modal.is-opening .modal-content { 
    opacity: 1; 
    transform: translateY(0) scale(1); 
}

.modal.is-closing {
    pointer-events: none;
    visibility: visible; 
}

.modal.is-closing .modal-backdrop {
    opacity: 0;
}

.modal.is-closing .modal-content {
    transform: translateY(24px) scale(.96);
    opacity: 0;
}

.modal-header, 
.modal-footer {
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal-header {
    position: relative;
}

.modal-title { 
    margin: 0; 
    font-size: 18px;
}

.modal-body { 
    padding: 18px 40px 30px;
}

.modal-close-btn {
    appearance: none;
    border: 0;
    background: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 3px 9px;
    border-radius: 5px;
    box-shadow: 0px 1px 6px 0px rgba(47, 43, 61, 0.1);
    margin-left: auto;
    color: rgba(47, 43, 61, 0.4);
}

.modal-close-btn:hover { 
    color: #263238;
}

.ask-author-modal .modal-header {
    padding-bottom: 0;
}

.ask-author-modal .modal-body {
    padding-top: 0;
}

.page-section-vertical-tabs {
    grid-template-columns: 1.1fr .9fr;
    gap: 48px;
}

.page-section-vertical-tabs-list,
.process-slider-tabs-wrapper .process-slider-tabs {
    height: fit-content;
    border-left: 1px solid rgba(93, 99, 117, 0.4);
}

.page-section-vertical-tabs-list > li {
    margin-bottom: 20px;
}

.process-slider-tabs > li button,
.page-section-vertical-tabs-list button {
    border: none;
    outline: none;
    background: transparent;
    text-align: left;
    position: relative;
    padding: 0px 20px 40px 40px;
    color: #263238;
    -webkit-text-fill-color: currentColor;
    transition: transform .25s ease, height .25s ease;
}

.process-slider-tabs > li:last-child button {
    padding-bottom: 0;
}

.page-section-vertical-tabs-list button.is-active::before {
    content: '';
    width: 2px;
    height: 100%;
    background: var(--primary--color);
    position: absolute;
    left: -1.5px;
    top: 0;
    transition: transform .25s ease, height .25s ease;
}

.process-slider-tabs .process-slider-tab-body,
.page-section-vertical-tabs-list button .page-section-vertical-tab-btn-body {
    padding-left: 34px;
}

.page-section-vertical-tabs .page-section-vertical-tabs-panel-wrap {
  position: relative;
}

.page-section-vertical-tabs .page-section-vertical-tabs-panel {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease, transform .2s ease;
}

.page-section-vertical-tabs .page-section-vertical-tabs-panel.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.process-slider-tabs-wrapper .process-slider-tabs > li:not(:last-child) {
    margin-bottom: 10px;
}

.process-slider-tab::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
    bottom: 6px;
    width: 2px;
    background: #e5e7eb;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .35s ease, background .35s ease;
}

.process-slider-tab.is-active::before {
    background: #d1006f; 
    transform: scaleY(1);
}

.process-slider-tabs .process-slider-tab-body .process-slider-tab-body-description {
    max-width: 450px;
    display: block;
}

.process-slider-tabs-slider-col {
    width: 100%;
    max-width: 645px;
}

.process-slider-tabs-slider-col .swiper { 
    width: 100%; 
    height: 100%;
    max-height: 500px;
}

.process-slider-tabs-slider-col .swiper-slide { 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
}

.process-slider-tabs-slider-col .swiper-slide.bounce-center {
    animation: settleFromTop 1s ease-in-out forwards;
    z-index: 2;
}

.process-slider-tabs-slider-col .swiper-slide .process-swiper-slide-content-image-wrap img {
    object-fit: cover;
    max-height: 500px;
}

@keyframes settleFromTop {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-40px);
    }
    70% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

.lds-spinner {
  color: #263238;
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #263238;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.primary-color,
.has-primary-color {
    color: var(--primary--color);
}

.text-white,
.has-white-color {
    color: #ffffff!important;
}

.text-light-white {
    color: rgba(255, 255, 255, 0.7);
}

.text-black,
.has-black-color  {
    color: #000000!important;
}

.text-main-black,
.has-base-color {
    color: #263238;
}

.text-light-gray,
.has-light-gray-color {
    color: #5D6375AB;
}

.text-gray,
.has-gray-color {
    color: #5D6375;
}

.base-text strong,
.base-item-title strong,
.section-title-h2 strong {
    color: var(--primary--color);
}

.section-title strong {
    font-weight: 700!important;
}

.page-section {
    padding: 160px 0;
}

.page-section-empty-space {
    padding: 0!important;
}

.page-section-empty-top-space {
    padding-top: 0!important;
}

.page-section-empty-bottom-space {
    padding-bottom: 0!important;
}

.page-section-lg-space {
    padding-top: 130px;
    padding-bottom: 130px;
}

.page-section-lg-top-space {
    padding-top: 130px;
} 

.page-section-2md-space {
    padding-top: 90px;
    padding-bottom: 90px;
}

.page-section-md-space {
    padding-top: 75px;
    padding-bottom: 75px;
}

.page-section-md-top-space {
    padding-top: 75px;
}

.page-section-md-bottom-space {
    padding-bottom: 75px;
}

.page-section-sm-space {
    padding-top: 40px;
    padding-bottom: 40px;
}

.page-section-sm-top-space {
    padding-top: 40px;
}

.page-section-sm-bottom-space {
    padding-bottom: 40px;
}

.page-section-hero-video + .page-section-get-form,
.page-section-certifications-and-awards + .page-section-our-story,
.page-section-feature-rows + .page-section-platforms-and-integrations,
.wp-block-unicrew-gutenberg-blocks-career-faq + .page-section-our-story,
.page-section-md-bottom-space + .page-section:not(.page-section-bg-light-gray),
.single-services .page-section-bg-light-gray.page-section-rewies + .page-section-case-list.page-section-bg-light-gray .case-list-slider-wrapper {
    padding-top: 75px;
}

.page-section:has(+ .page-section-gradient-block),
.page-section-hero-video:has(+ .page-section-get-form),
.page-section:not(.page-section-bg-light-gray):has(+ .page-section-our-story),
.page-section:not(.page-section-bg-light-gray):has(+ .page-section-our-locations),
.single-services .page-section-bg-light-gray.page-section-rewies {
    padding-bottom: 75px;
}

.page-section-bg-light-gray {
    background-color: #F5F5F7;
}

h1, h2, h3, .section-item-title {
    line-height: 120%;
}

.section-title {
    font-weight: 700;
    line-height: 120%;
    color: #263238;
    margin-bottom: 20px;
}

.section-title-mb-40 {
    margin-bottom: 40px;
}

.section-title-font-medium {
    font-weight: 500;
}

h1.section-title {
    font-size: 66px;
}

h2.section-title {
    font-size: 48px;
}

h3.section-title {
    font-size: 32px;
}

h2.section-title-h1  {
    font-size: 64px!important;
}

.section-title-h2 {
    font-size: 48px!important;
}

.section-title-72 {
    font-size: 72px;
}

.section-item-title {
    font-size: 32px;
    font-weight: 500;
}

.base-text p:last-child,
.section-banner-description p:last-child {
    margin-bottom: 0;
}

.page-section-no-video {
    background: #000;
}

.page-section-video-container {
    z-index: 1;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 60px;
}

.page-section-video-container .page-section-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.page-section-video-container .w-max-400 {
    max-width: 475px;
}

/*---Accordion---*/
.accordion {
    overflow: hidden;
}

.accordion .accordion-item {
    border-bottom: 1px solid #86868B80;
}

.accordion .accordion-item:first-child {
    border-top: 1px solid #86868B80;
}

.accordion .accordion-item .accordion-header {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    color: #263238;
    -webkit-text-fill-color: currentColor;
    background: transparent;
    border: none;
    outline: none;
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    padding: 22px 0;
    position: relative;
    transition: transform 0.25s ease, color 0.25s ease;
}

.hover-slide-left-item .hover-slide-left-item-title,
.accordion .accordion-item .accordion-header > .accordion-header-title {
    display: inline-block;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.accordion .accordion-item .accordion-header > .accordion-header-title {
    display: inline-flex;
    align-items: center;
    padding-right: 35px;
}

.hover-slide-left-item:hover .hover-slide-left-item-title,
.accordion .accordion-item .accordion-header:hover > .accordion-header-title,
.accordion .accordion-item.is-open .accordion-header > .accordion-header-title {
    transform: translateX(40px);
}

.accordion .accordion-item .accordion-header .accordion-icon {
    width: 29px;
    height: 29px;
    background: #F5F5F7;
    border-radius: 50%;
    display: block;
}

.icon-hover-visible::after,
.accordion .accordion-item .accordion-header .accordion-icon {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) translateX(0px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

.icon-hover-visible:hover::after,
.accordion .accordion-item .accordion-header:hover .accordion-icon,
.accordion .accordion-item.is-open .accordion-header .accordion-icon  {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(-40px);
}

.accordion .accordion-item.is-open .accordion-header .accordion-icon {
    transform: translateY(-50%) translateX(-40px) rotate(180deg);
}

.accordion .accordion-item .accordion-header .accordion-icon::after {
    content: '';
    top: 47%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-width: 0;
    border-right: 2px solid var(--primary--color) !important;
    border-bottom: 2px solid var(--primary--color) !important;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .3s;
    display: block;
    position: absolute;
}

.accordion .accordion-content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.accordion .accordion-content .accordion-inner {
    padding: 10px 40px 40px 40px;
}

.accordion .accordion-content .accordion-inner ol,
.accordion .accordion-content .accordion-inner ul {
    position: relative;
}

.accordion .accordion-content .accordion-inner ul li:not(:last-child) {
  margin-bottom: 25px;
}

.accordion .accordion-content .accordion-inner ol li h3,
.accordion .accordion-content .accordion-inner ul li h3,
.accordion .accordion-content .accordion-inner ol li > strong:first-child,
.accordion .accordion-content .accordion-inner ul li > strong:first-child {
    font-size: 17px;
    font-weight: 600;
    color: #263238;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.accordion .accordion-content .accordion-inner ul li h3::before,
.accordion .accordion-content .accordion-inner ul li > strong:first-child::before  {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a0005a;
  margin-right: 8px;
}

.accordion .accordion-content .accordion-inner ul li,
.accordion .accordion-content .accordion-inner ul li p {
    color: #5D6375;
}

.accordion .accordion-content .accordion-inner ul li p:last-child {
    margin-bottom: 0;
}

/*---End Accordion---*/

.roadmap { 
    position: relative;
    width: 100%; 
}

.roadmap > .roadmap-svg { 
    display:block; 
    width: 100%; 
    height: 200px;
}

.roadmap > .roadmap-svg .roadmap-path-base {
    stroke: #5D6375;
    stroke-width: 1.5;
    stroke-dasharray: 4 4;
    fill: none;
}

.roadmap > .roadmap-svg .roadmap-path-progress {
    stroke: #C3006F;
    stroke-width: 1.5;
    stroke-linecap: round;
    fill: none;

    stroke-dasharray: var(--len);
    stroke-dashoffset: var(--len);
    will-change: stroke-dashoffset;
}

.roadmap-chips { 
    position:absolute; 
    top:0; 
    left:50%; 
    transform:translateX(-50%); 
    width:100%; height:180px; 
}

.roadmap-chips .chip {
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: auto;
    color: #5D6375;
    font-weight: 500;
    background: #fff;
    border-radius: 999px;
    border: 1px solid #0000001A;
    box-shadow: 0px 10px 15px -3px #0000000D;
    padding: 11px 28px 11px 11px;
    display: flex;
    align-items: center;
    min-height: 72px;
    max-width: 265px;  
}

.roadmap-chips .chip .roadmap-item-inner {
    display: flex;
    align-items: center;
    width: max-content;
}

.roadmap-chips .chip .roadmap-item-inner> .icon-circle-ok {
    margin-right: 18px;
}

.roadmap-chips .chip.active  {
    color: #263238;
}

.roadmap-chips .chip.active  .roadmap-item-inner > .icon-circle-ok {
    background: var(--primary--color);
}

.roadmap-chips .chip.active  .roadmap-item-inner > .icon-circle-ok::before {
    border-color: #fff;
}

/* SWIPER */

.base-gb-swiper .base-gb-swiper-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-btn-nav {
    background: #F5F5F7;
    border: none;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    transition: var(--hover-transition);
}

.base-gb-swiper .base-gb-swiper-white-nav-controls .base-gb-swiper-btn-nav {
    background: #fff;
}

.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-btn-nav:not(.swiper-button-disabled):hover {
    background: var(--primary--color);
}

.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-btn-nav:not(.swiper-button-disabled):hover .icon-arrow-left-black,
.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-btn-nav:not(.swiper-button-disabled):hover .icon-arrow-right-black {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjQ3MzEgMi4wMzU4NEw5LjAwOTA2IDEuNTcxOEw4LjA4MDk4IDIuNDk5ODhMOC41NDUwMiAyLjk2MzkyTDEyLjA2NTEgNi40ODM5OUwwLjY1NjM0MiA2LjQ4NDA0TDAuMDAwMTEwNDI3IDYuNDg0MDJMOC41MzQ5NWUtMDUgNy43OTY1NUwwLjY1NjM3OSA3Ljc5NjVMMTIuMDYzNyA3Ljc5NjQ5TDguNTQ0MjcgMTEuMzE1OUw4LjA4MDIzIDExLjc3OTlMOS4wMDgzMSAxMi43MDhMOS40NzIzNSAxMi4yNDM5TDEzLjk1ODEgNy43NTgyNEMxNC4yOTk4IDcuNDE2NTMgMTQuMjk5OCA2Ljg2MjUyIDEzLjk1ODEgNi41MjA4TDkuNDczMSAyLjAzNTg0WiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K');
}

.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-btn-nav.swiper-button-disabled > i {
    opacity: 0.6;
}

.base-gb-swiper .base-gb-swiper-controls .base-gb-swiper-pagination {
    width: auto;
    font-size: 19px;
    color: #5D6375;
    margin: 0 14px;
    display: inline-flex;
}

.base-gb-swiper .base-gb-swiper-white-controls .base-gb-swiper-pagination {
    color: #fff;
}

.gb-swiper-inside-bottom-controls {
    position: absolute;
    bottom: 50px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.line-gb-swiper-controls {
    align-items: center;
    cursor: default;
    display: flex;
    height: 5px;
    justify-content: center;
    margin-top: 16px;
    padding: 0;
    position: relative;
}

.line-gb-swiper-controls .line-gb-swiper-control-bullet {
    background-color: rgba(93, 99, 117, .2);
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    height: 4px;
    margin-left: 0;
    margin-right: 8px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transition: width .75s cubic-bezier(.645, .045, .355, 1), height .15s ease-out;
    width: 24px;
}

.line-gb-swiper-controls .line-gb-swiper-control-bullet.is-active {
    width: 96px;
}

.line-gb-swiper-controls .line-gb-swiper-control-bullet .line-gb-swiper-control-bullet-fill {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: none;
    width: 0;
}

.line-gb-swiper-controls .line-gb-swiper-control-bullet.is-active .line-gb-swiper-control-bullet-fill {
    background: var(--primary--color);
}

/* END SWIPER */


/*---SELECT---*/

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none!important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #005f75
}

.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
    display: none
}

.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0-4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #003642;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner,.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #005f75;
    border: 1px solid #004a5c;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #004a5c;
    border: 1px solid #003642
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown,.choices__list[aria-expanded] {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded] {
    display: block
}

.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable[data-select-text],
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        padding-right:100px
    }

    .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
    .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus,.choices__input:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none
}

.choices__input::-ms-clear,.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

select.ff-el-form-control,
.category-posts-filter-select:invalid {
    color: #5D6375!important;;
}

.category-posts-filter-select option {
    color: #263238;
}

select.ff-el-form-control option:first-child {
    display: none;
}

.floating-field {
  position: relative;
  width: 100%;
}

.floating-label {
    position: absolute;
    left: 0;
    top: 12px;
    left: 12px;
    font-size: 17px;
    color: #5D6375;
    pointer-events: none;
    transition: transform 0.25s ease, font-size 0.25s ease, color 0.25s ease;
    transform-origin: left top;
}

/* focus OR has value */
.floating-input:focus + .floating-label,
.floating-field.is-filled .floating-label {
    color: var(--primary--color);
    transform: translateY(-18px) scale(0.75);
}

.category-posts-filter .category-posts-filter-input {
    width: 100%;
    height: 48px;
    border: none;
    border-bottom: 1px solid rgba(195, 195, 197, 0.5);
    background: #fff;
    padding: 0 12px;
    outline: none;
}

.category-posts-filter .category-posts-filter-input:focus {
    border-bottom: 1px solid var(--primary--color);
}

.form-choices-select .choices__inner {
    min-height: 58px;
    color: #5D6375;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(134, 134, 139, 0.5);
    display: inline-flex;
    align-items: center;
}

.form-choices-select.is-open .choices__inner {
    border-color: var(--primary--color);
}

.filter-js-choices-select .choices__inner {
    background: #fff;
    min-height: 48px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #c3c3c5;
}

.vacancies-posts-filter .category-posts-filter-input,
.vacancies-posts-filter .filter-js-choices-select .choices__inner {
    background: #F5F5F7;
}

.filter-js-choices-select.is-open .choices__inner {
    border-bottom: 1px solid var(--primary--color);
}

.form-choices-select .choices__inner .choices__placeholder,
.simple-filter-js-choices-select .choices__inner .choices__placeholder,
.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:first-child {
    opacity: 1;
    position: absolute;
    color: #5D6375!important;
    font-size: 17px;
    font-weight: 400!important;
    transition: var(--hover-transition);
}

.form-choices-select .choices__inner .choices__placeholder {
    top: 16px;
}

.simple-filter-js-choices-select .choices__inner .choices__placeholder {
    top: 12px;
}

.has-value.choices[data-type*=select-multiple]{
    overflow: visible;
}

.choices[data-type*=select-multiple] .choices__input {
    background: transparent;
    margin-bottom: 0;
    height: 35px;
    padding: 0;
    font-size: 17px;
}

.choices[data-type*=select-multiple] .choices__input::placeholder {
    color: transparent!important;
}

.choices[data-type*=select-multiple] .choices__list--multiple .choices__item {
    color: #263238;
    background-color: #F5F5F7;
    font-weight: 500;
    font-size: 17px;
    border: none;
}

.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:first-child {
    background: transparent;
    padding-left: 0;
}

.is-open.form-choices-select .choices__inner .choices__placeholder,
.is-open.simple-filter-js-choices-select .choices__inner .choices__placeholder,
.has-value.simple-filter-js-choices-select .choices__inner .choices__placeholder,
.is-open.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:first-child,
.has-value.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:first-child {
    font-size: 13px;
    top: -18px;
    color: var(--primary--color)!important;
    transition: var(--hover-transition);
}

.is-open.simple-filter-js-choices-select .choices__inner .choices__placeholder,
.has-value.simple-filter-js-choices-select .choices__inner .choices__placeholder {
    top: 0;
}

.is-open.form-choices-select .choices__inner .choices__placeholder {  
    top: 8px; 
    color: #263238 !important;
}

.choices[data-type*=select-multiple] .choices__list--multiple .choices__item:first-child .choices__button {
    display: none;
}

.choices[data-type*=select-multiple] .choices__button {
    border: none;
    background-image: none;
}

.choices[data-type*=select-multiple] .choices__button::before,
.choices[data-type*=select-multiple] .choices__button::after {
    content: '';
    width: 8px;
    height: 1.5px;
    background: #14181F;
    display: block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform-origin: center;
}

.choices[data-type*=select-multiple] .choices__button::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.choices[data-type*=select-multiple] .choices__button::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.choices[data-type*=select-one]::after,
.choices[data-type*=select-multiple]::after {
    content: "";
    position: absolute;   
    top: 50%;
    right: 14px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 0;
    border-right: 2px solid currentColor!important;
    border-bottom: 2px solid currentColor!important;
    transform: rotate(45deg);
    margin-top: -6px;
    transition: .3s;
}

.choices[data-type*=select-one].is-open::after,
.choices[data-type*=select-multiple].is-open::after  {
    transform: rotate(-135deg);
    margin-top: -5px;
}

.choices__list--dropdown, 
.choices__list[aria-expanded] {
    box-shadow: 0px 4px 10px 0px #00000040;
    border-radius: 0 0 8px 8px;
    border: none;
    margin-top: 4px;
    font-size: 17px;
}

.choices__list--single .choices__item {
    font-size: 17px;
}

.choices__list .choices__item--disabled {
    display: none;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    font-size: 17px;
    padding: 7px 15px;
    opacity: 1;
}

/*---END SELECT---*/

/*---CONTACT FORM---*/
.gb-base-form-wrap .fluentform .ff-el-group {
    margin-bottom: 15px;
    position: relative;
}

.gb-base-form-wrap .ff-default .ff-el-form-control,
.gb-base-form-wrap .ff-default .ff-attach-cv-field-group {
    color: #263238;
    font-family: Geist, sans-serif;
    font-size: 17px;
    font-weight: 500;
    height: 58px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid rgba(134, 134, 139, 0.5);
    transition: var(--hover-transition);
}

.gb-base-form-wrap .ff-default .ff-el-form-control:focus {
    border-color: var(--primary--color);
}

.gb-base-form-wrap .ff-default input.ff-el-form-control:focus,
.gb-base-form-wrap .ff-default textarea.ff-el-form-control:focus {
    padding-bottom: 8px;
    padding-top: 25px;
}

.gb-base-form-wrap .ff-default .ff-el-form-control::placeholder {
    color: #5d6375;
    font-weight: 400;
}

.gb-base-form-wrap input:focus::-webkit-input-placeholder, 
.gb-base-form-wrap textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.gb-base-form-wrap .ff-default .ff-el-group .ff-el-input--label {
    font-size: 17px;
    font-weight: 400;
    color: #263238;
}

.gb-base-form-wrap .ff-default .ff-el-group .ff-el-input--label label {
    font-weight: inherit;
}

.gb-base-form-wrap .fluentform .ff-el-group:not(.ff-el-radio-group):not(.ff-el-checkbox-group):not(.ff-attach-cv-field-group) .ff-el-input--label {   
    left: 16px;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: var(--hover-transition);
}

.gb-base-form-wrap .ff-default .ff-el-group:not(.ff-el-radio-group):not(.ff-el-checkbox-group):not(.ff-attach-cv-field-group):focus-within .ff-el-input--label {
    opacity: 1;
    visibility: visible;
    font-size: 13px;
    top: 18px;
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group {
    position: relative;
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group.ff-el-is-error {
    border-color: var(--fluentform-danger);
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group .ff-el-input--content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group .ff-el-input--content .ff_file_upload_holder {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gb-base-form-wrap .fluentform .ff-attach-cv-field-group .ff-el-input--label {
    opacity: 1;
    color: #5d6375;
    font-weight: 400;
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group .ff_upload_btn {
    background-color: transparent!important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTM5MDYgMTEuNDYzMkwxMS40MzM0IDQuNTY4OTRDMTMuNDgzNiAyLjUxODY5IDE2LjgwNzcgMi41MTg2OSAxOC44NTggNC41Njg5NEMyMC45MDgyIDYuNjE5MTkgMjAuOTA4MiA5Ljk0MzMxIDE4Ljg1OCAxMS45OTM2TDEwLjkwMyAxOS45NDg1QzkuNTM2MTkgMjEuMzE1MyA3LjMyMDExIDIxLjMxNTMgNS45NTMyOCAxOS45NDg1QzQuNTg2NDQgMTguNTgxNyA0LjU4NjQ0IDE2LjM2NTYgNS45NTMyOCAxNC45OTg4TDEzLjkwODIgNy4wNDM4MUMxNC41OTE2IDYuMzYwNCAxNS42OTk3IDYuMzYwNCAxNi4zODMxIDcuMDQzODFDMTcuMDY2NSA3LjcyNzIzIDE3LjA2NjUgOC44MzUyNyAxNi4zODMxIDkuNTE4NjlMOS40ODg4MSAxNi40MTMiIHN0cm9rZT0iIzI2MzIzOCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    padding: 0;
    width: 40px;
    height: 40px;
}

.gb-base-form-wrap .ff-default .ff-attach-cv-field-group .text-danger {
    position: absolute;
    left: 0;
    bottom: -30px;
    margin: 0;
}

.gb-base-form-wrap .fluentform .ff-attach-cv-field-group .ff-uploaded-list {
    margin: 0!important;
}

.gb-base-form-wrap .fluentform .ff-attach-cv-field-group .ff-uploaded-list .ff-upload-preview {
    background: #fff;
    border: none;
    border-radius: 6px 0 0 6px;
}

.gb-base-form-wrap .ff-attach-cv-field-group .ff-upload-preview-img {
    height: 56px;
    width: 56px;
}

.gb-base-form-wrap .ff-el-form-check .ff-el-form-check-label {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: 12px;
    color: #5d6375;
}

.gb-base-form-wrap .ff-el-form-check .ff-el-form-check-label a {
    color: #5d6375;
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="radio"],
.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--white);
    border: 1px solid rgba(93, 99, 117, .67);
    cursor: pointer;
    height: 16px;
    width: 16px;
    min-width: 16px;
    margin-top: 6px;
    position: relative;
    transition: background-color .3s, border-color .3s;
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="checkbox"] {
    border-radius: 2px;
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="checkbox"]:checked {
    background-color: var(--primary--color);
    border-color: var(--primary--color);
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="checkbox"]:checked:after {
    content: "";
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    height: 9px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg);
    width: 5px;
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="radio"] {
    border-radius: 50%;
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="radio"]:checked {
    border-color: var(--primary--color);
}

.gb-base-form-wrap .fluentform .ff-el-form-check-label .ff-el-form-check-input[type="radio"]:checked:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--primary--color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gb-contact-us-form-wrap .ff_submit_btn_wrapper {
    margin-top: 40px;
}

.gb-contact-us-form-wrap .fluentform .ff-el-progress {
    background-color: #f5f5f7;
    height: 3px;
    font-size: 0;
}

.gb-contact-us-form-wrap .fluentform .ff-el-progress-bar {
    background-color: var(--primary--color)!important;
}

.ff-form-hide-success-message .ff-message-success {
    display: none!important;
}

.contact-form-success-message-modal .modal-content {
    max-width: 1004px;
    background-image: var(--ty-modal-bg-url);
    background-repeat: no-repeat;
    background-position: center 25%;
    border-radius: 0;
    box-shadow: 0px 4px 40.3px 0px rgba(0, 0, 0, 0.15);
}

.contact-form-success-message-modal .modal-close-btn {
    background: #F5F5F7;
    width: 40px;
    height: 40px;
    color: #14181F;
    font-size: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 33px;
}

/*---END CONTACT FORM---*/


/*---CARDS---*/
.flex-col-card-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-item-shadow-hover {
    transition: .25s ease-out;
}

.gray-card-item,
.white-card-item,
.gray-simple-card-item,
.gray-card-item-hover-berry {
    border-radius: 4px;
    background: #F5F5F7;
    padding: 32px 24px;
    transition: .25s ease-out;
}

.white-card-item {
    background: #ffffff;
}

.white-card-item:hover,
.card-item-shadow-hover:hover,
.gray-card-item:not(.gray-card-item-not-hover):hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.gray-card-item-hover-berry:hover {
    color: #fff;
    background: var(--primary--color);
}

.gray-card-item-hover-berry:hover * {
    color: #fff;
}

.page-section-gradient-block-card {
    border-radius: 4px;
    padding: 65px 40px;
    background: var(--primary--color);
}

.xl-page-section-gradient-block-card {
    padding: 80px 60px;
}

.page-section-gray-block-card {
    border-radius: 4px;
    overflow: hidden;
    background: #F5F5F7;
}

.row-border-items .row-border-item {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(134, 134, 139, 0.5);
}

.row-border-items .row-border-item:first-child {
   border-top: 1px solid rgba(134, 134, 139, 0.5); 
}

/*---END CARDS---*/


/*---HEADER---*/

.header {
    top: 0;
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(10px);
    position: fixed;
    z-index: 2000;
    width: 100%;
    box-shadow: unset;
    transition: var(--hover-transition);
    content-visibility: initial !important;
}

body.admin-bar .header { 
    top: 32px;
}

.header.active {
    background: #fff;
}

.header .header-container {
    position: relative;
}

.header .header-container > .header-row {
    width: 100%;
    height: 55px;
}

.header .logo {
    width: 134px;
}

.navbar-toggles {
    display: none;
}

.header .header-menu-navbar {
    flex: 1 1;
    display: flex;
    justify-content: center;
    height: 100%;
}

.header .header-menu-navbar > nav {
    height: 100%;
}

.header .header-menu-navbar #header-menu {
    display: flex;
    column-gap: 30px;
    height: 100%;
}

.header .header-menu-navbar #header-menu > li {
    display: flex;
    align-items: center;
}

.header .header-menu-navbar #header-menu li  a {
    font-size: 14px;
}

.header .header-menu-navbar #header-menu > li > a {
    color: #263238;
}

.header .header-menu-navbar #header-menu li a:hover,
.header .header-menu-navbar #header-menu li.current-menu-item > a {
    outline: none;
    color: var(--primary--color)!important;
}

.header .header-menu-navbar #header-menu > li > a > .menu-item-btn {
    display: none;
}

.header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 {
    display: grid;
    position: static;
    background: 0 0;
    transform: unset;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 !important;
    gap: 36px;
    max-width: 100%;
    max-height: max-content;
}

.header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 > li {
    padding-top: 0;
    width: 100%;
    max-width: 214px;
}

.header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 li a {
    position: relative;
    display: block;
    text-transform: unset;
    font-size: 17px;
    color: #263238;
    font-weight: 600;
}

.header .header-menu-navbar #header-menu > li .submenu--level-3 li {
    flex: content;
    line-height: 100%;
}

.header .header-menu-navbar #header-menu > li .submenu--level-2  .submenu--level-3 li a {
    font-size: 15px;
    color: #5d6375;
    font-weight: 400;
}

.header .header-menu-navbar #header-menu .submenu-banner {
    position: relative;
    overflow: hidden;
    padding: 39px 20px;
    background: #f5f5f7;
    border-radius: 4px;
    width: 100%;
    max-width: 264px;
    min-height: 476px;
    z-index: 1;
}

.header .header-menu-navbar #header-menu > li.menu-item-technologies > .submenu-wrapper .submenu--level-2 .submenu.submenu--level-3 li > a {
   pointer-events: none;
}

.header .header-menu-navbar #header-menu .submenu-banner .submenu-banner-img {
    position: absolute;
    min-width: 456px;
    z-index: -1;
    top: 50%;
    left: -150px;
}

.header .header-menu-navbar #header-menu .menu-item-technologies .submenu-banner .submenu-banner-img {
    min-width: 100%;
    left: 0;
}

.header .header-menu-navbar #header-menu .submenu-banner .submenu-banner-title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.header .header-menu-navbar #header-menu .submenu-banner .submenu-banner-description {
    color: #5d6375;
    font-size: 15px;
    margin-bottom: 20px;
}

.header .header-menu-navbar #header-menu .submenu-banner .submenu-banner-btn {
    font-size: 17px;
    color: #263238;
}

.header .header-right-menu li a {
    padding: 10px 24px;
    line-height: 1.2;
    font-weight: 600;
    font-size: 15px;
}

.header .header-right-menu li {
    display: flex;
    align-items: center;
}

.header .header-right-menu li a:hover {
    color: var(--primary--color)!important;
    background-color: var(--white)!important;
    border: solid 2px var(--primary--color);
}

.header .header-social-menu  li a {
    color: var(--primary--color);
}

/*---END HEADER---*/


/*---HOME PAGE---*/
.langing-page-section-banner .page-section-banner-content .section-banner-title {
    font-weight: 400;
}

.base-page-section-banner .section-banner-slider,
.langing-page-section-banner .section-banner-slider {
    width: 100%;
}

.base-page-section-banner .section-banner-swiper-item-image img,
.base-page-section-banner .section-banner-swiper-item-image video,
.langing-page-section-banner .section-banner-swiper-item-image img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
}

.langing-page-section-banner .section-banner-slider .section-banner-swiper-item-card.icon-circle-link {
    padding-right: 55px;
}

.langing-page-section-banner .section-banner-slider .section-banner-swiper-item-card.icon-circle-link::after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.page-section-our-story .row.align-items-center {
    align-items: flex-start !important;
}

.page-section-our-story {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.page-section-our-story .team-slider-wrapper {
    min-height: 604px;
}

/*---ABOUT US---*/

.mosaic-grid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 700px;
    justify-content: center;
}

.mosaic-grid > div {
    width: calc(25% - 10px);
}

.mosaic-grid .tile:nth-child(8) {
    margin-right: auto;
}

.mosaic-grid .tile:nth-child(9) {
    margin-left: auto
}

.mosaic-grid .tile {
  position: relative;
  overflow: hidden;
  min-width: 125px;
  max-width: 229px;
  aspect-ratio: 4 / 4;
}

.mosaic-grid .tile::before,
.mosaic-grid .tile::after{
    content:"";
    position:absolute;
    inset:0;
    margin: 3px;
    background-size: cover;
    background-position: center;
    will-change: opacity, transform, filter;
}

.mosaic-grid .tile::before{
    background-image: var(--img-a);
    opacity: 1;
}

.mosaic-grid .tile::after{
    background-image: var(--img-b);
    opacity: 0;
    transform: scale(1.02);
    filter: blur(0px);
    transition:
    opacity .7s ease,
    transform 1.1s ease,
    filter .7s ease;
}

.mosaic-grid .tile.is-swapping::after{
    opacity: 1;
    transform: scale(1);
    filter: blur(0px);
}

.mosaic-swiper{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.page-section-about-ceo-card .page-section-about-ceo-card-photo,
.page-section-author-info-card .page-section-author-info-card-photo {
    max-width: 469px;
    background-size: cover !important;
    background-position: top center !important;
}

.page-section-about-ceo-card .page-section-about-ceo-card-body,
.page-section-author-info-card .page-section-author-info-card-body {
    padding: 60px;
}

.social-network-list li {
    margin-right: 12px;
}

.locations-container {
    position: relative;
}

.locations-container .locations-list-wrap {
    position: absolute;
    width: 100%;
    bottom: 85px;
}

.locations-list-wrap > .container {
    max-width: 1360px;
}

.locations-list .location-card {
    background: #fff;
    padding: 12px 20px;
    border: 1px solid rgba(93, 99, 117, 0.67)
}

.map-svg .map-marker {
  transform-box: fill-box; 
  transform-origin: 18px 52px; 
  opacity: 0;
  transform: translate(var(--tx, 0), var(--ty, 0)) scale(0.2);
}


.locations-map .map-marker {
  opacity: 0;
}

.locations-map.is-visible .map-marker {
  animation: markerIn 520ms cubic-bezier(.2,.9,.3,1.4) both;
  animation-delay: var(--d, 0ms);
}

@keyframes markerIn {
  0%   { opacity: 0; transform: scale(0.2); }
  60%  { opacity: 1; transform: scale(1.12); }
  100% { opacity: 1; transform: scale(1); }
}

.locations-map .map-marker .pulse {
  opacity: 0;
}

.locations-map.is-visible .map-marker .pulse {
  opacity: 1;
  animation: pulse 1.6s ease-out infinite;
  animation-delay: calc(var(--d, 0ms) + 200ms);
}

.our-team-list .team-card {
    margin-bottom: 65px;
}

.team-card .team-card-image-wrap {
    margin-bottom: 20px;
}

.team-card .team-card-image-wrap > img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.team-card .team-card-details {
    padding-right: 8px;
}

.social-network-list a svg path
.team-card .team-card-linkedin svg path {
    transition: .3s;
}

/*---END ABOUT US---*/

/*---CAREER PAGE---*/

.career-vacancies-posts-list .vacancy-post-item:first-child  {
    border-top: 1px solid rgba(134, 134, 139, 0.5);
}


.career-vacancies-posts-list .vacancy-post-item {
    border-bottom: 1px solid rgba(134, 134, 139, 0.5);
}

.career-vacancies-posts-list .vacancy-post-item .vacancy-post-item-row {
    padding: 24px 40px 24px 0;
}

/*---END CAREER PAGE---*/


/*---TECHNOLOGY PAGE---*/
.page-section-videos-list .page-section-video-card {
    background: #000;
    transition: transform .45s ease, box-shadow .45s ease, filter .45s ease;
    filter: saturate(.9) brightness(.9);
}

.page-section-videos-list .page-section-video-card .page-section-video-card-video-wrap {
    height: 100%;
}

.page-section-videos-list .page-section-video-card-video-wrap .page-section-video-card-video {
    width: 100%;
    height: 100%;
    max-height: 280px;
    object-fit: cover;
    display: block;
    opacity: .85;
    transition: opacity 400ms ease;
}

.page-section-videos-list .page-section-video-card.is-playing {
    filter: saturate(1) brightness(1);
    z-index: 2;
}

.page-section-videos-list .page-section-video-card.is-playing .page-section-video-card-video {
    opacity: 1;
}

.page-section-technology-challenges .section-info-group {
    max-width: 950px;
}

.technology-challenges-list > div:nth-child(3) .technology-challenge-grid-sub-items-list {
    -moz-column-count: 2;
    column-count: 2;
}

.technology-challenge-grid-item-main > a,
.technology-challenge-grid-sub-items-list > li a  {
    display: inline-flex;
    align-items: center;
}

.technology-challenge-grid-item-main > a {
    justify-content: space-between;
}

.technology-challenge-grid-sub-items-list {
    border-top: 1px solid #0000001A;
    padding-top: 25px;
    margin-top: 20px;
}

.technology-challenge-grid-sub-items-list > li:not(:last-child) {
    margin-bottom: 17px;
}

.technology-challenge-grid-sub-items-list > li a {
    color: #5D6375;
}

.technology-challenge-grid-sub-items-list > li a:hover {
    color: var(--primary--color);
}

.technology-challenge-grid-item-main > a::after,
.technology-challenge-grid-sub-items-list > li a::after {
    visibility: hidden;
    margin-left: 15px;
}

.technology-challenge-grid-item-main > a:hover::after,
.technology-challenge-grid-sub-items-list > li a:hover::after {
    visibility: visible;
}

.page-section-technolody-orbit {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 284px;
  overflow: hidden;
}

.page-section-technolody-orbit-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.page-section-technolody-orbit-center-image-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  transform: translate(-50%,-50%);
  width: 75%;
  max-width: 574px;
  height: 65%;
  max-height: 360px;
  background: #fff;
}

.technolody-orbit-card {
  position: absolute;
  left:0; 
  top:0;
  width: 60px;
  height: 60px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  transition: opacity 220ms ease;
  font-weight: 600;
  z-index: 3;
  will-change: transform;
  user-select:none;
}

/*---END TECHNOLOGY PAGE---*/

.industries-list .industry-grid-item.icon-circle-link .section-display-grid-item-title,
.reviews-list .review-grid-item.icon-circle-link .section-display-grid-item-title,
.services-list .service-grid-item.icon-circle-link .section-display-grid-item-title {
 padding-right: 30px;
}

.reviews-list .review-grid-item.icon-circle-link::after,
.services-list .service-grid-item.icon-circle-link::after,
.industries-list .industry-grid-item.icon-circle-link::after {
    position: absolute;
    right: 24px;
    top: 29px;
}

.page-section-certifications-and-awards .section-info-group .section-description {
    width: 100%;
}

.certifications-list .certification-item {
    border-radius: 4px;
    background: #F5F5F7;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 171px;
}

.certifications-list .certification-item .certification-item-image-wrap {
    max-width: 137px;
    filter: grayscale(100%) saturate(0) brightness(1.05);
    transition: filter 0.3s ease;
}

.certifications-list .certification-item:hover .certification-item-image-wrap {
    filter: none;
}

.certifications-list .certification-item .certification-item-image-wrap img {
    max-height: 107px;
}

.team-slider-carousel-square {
    margin-bottom: 4px;
}

.team-slider-carousel .team-slider-slide-square {
    width: auto;
    height: 300px;
    object-fit: cover;
}

/*---CASE STUDY PAGE---*/

.case-list-slider-wrapper {
    padding: 150px 0 157px 0;
    align-items: flex-start;
}

.single-case-list-slider-wrapper {
    padding: 40px 0 60px 0;
}

.page-section-case-list-container {
    background: #fff;
}

.page-section-case-list-container .case-list-slider-wrapper {
    border-radius: 10px;
    background-color: #F5F5F7;
    overflow: hidden;
}

.case-list-swiper .case-list-swiper-item {
    width: 100%;
    max-width: 520px;
}

.case-list-swiper .case-list-swiper-item.case-list-single-item {
    max-width: 337px;
    min-width: 320px
}

.case-list-swiper .case-list-swiper-item.case-list-single-item:last-child {
    display: flex;
    align-items: flex-end;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item {
    display: block;
    width: 100%;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item,
.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-image {
    position: relative;
    overflow: hidden;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-image {
    border-radius: 4px;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-image img {
    width: 100%;
    object-fit: cover;
    min-height: 353px;
    max-height: 353px;
    transition: transform .5s ease-out;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item:hover .case-list-inner-item-image img  {
    transform: scale(1.2);
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, .7) 100%);
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-info,
.page-section-videos-list .page-section-video-card .page-section-video-card-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-link,
.section-category-case-studies-posts .case-study-post-item-card .case-list-inner-item-link {
    position: absolute;
    inset: 0;
    z-index: 1;    
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-swiper-item-tags li.case-study-tag:hover {
    border-color: var(--primary--color);
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-swiper-item-tags li.case-study-tag:hover a {
    color: var(--primary--color)!important;
}

.case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-info .case-list-swiper-item-tags {
    z-index: 3;
}

.location-card-country-flag {
    width: 24px;
}

.category-case-studies-posts-list .case-study-post-item {
    border-radius: 4px;
    overflow: hidden;
    background: #F5F5F7;
}

.category-case-studies-posts-list .case-study-post-item:hover .case-study-post-item-card-title {
    color: var(--primary--color) !important;
}

.category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-info-wrap {
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-info-wrap .section-item-tags-wrap {
    z-index: 9;
}

.category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-image-wrap {
    height: 100%;
}

.category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 230px;
}

.page-section-case-study-post-bg-screenshot-instructions {
    padding: 40px 0;
    background-size: cover;
    background-position: center;
    background-image: var(--case-study-post-bg-url);
}

.page-section-case-study-post-bg-screenshot-instructions .case-study-post-screenshot-instructions-image-wrap,
.page-section-case-study-post-bg-screenshot-instructions .case-study-post-screenshot-instructions-video-wrap {
    box-shadow: 0px 56.37px 112.75px -22.55px rgba(50, 77, 93, 0.1);
}

.page-section-case-study-2-post-bg-screenshot-instructions {
    padding-top: 45px;
    background: #F7F6F5;
    border-radius: 6px;
}

.page-section-case-study-2-post-bg-screenshot-instructions .case-study-post-screenshot-instructions-image-wrap,
.page-section-case-study-2-post-bg-screenshot-instructions .case-study-post-screenshot-instructions-video-wrap {
    width: 100%;
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
    padding-right: 18px;
    box-shadow: 0px 50px 150px -20px rgba(17, 38, 26, 0.05);
}

.page-section-case-study-post-two-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container-case-study-2 .page-section-case-study-post-two-image-card img { 
    border-radius: 6px;
}

.review-grid-item .review-grid-item-author-info-col > img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.related-technology-item .related-technology-item-image {
    max-height: 50px;
    object-fit: contain;
}

/*---END CASE STUDY PAGE---*/

/*---SERVICES PAGE---*/
.section-banner-service-slider .section-banner-swiper-item .section-banner-swiper-item-image > img {
    max-height: 289px;
    object-fit: cover;
    border-radius: 4px;
}

.page-section-single-service-contact-us .section-info-group {
    margin-bottom: 80px!important;
}

.service-owner-contact-me-block {
    background: #F5F5F7;
    padding: 10px 20px 10px 10px;
    border-radius: 100px;
}

.service-owner-contact-me-white-block {
    background: #fff;
}

.service-owner-contact-me-block .service-owner-contact-awatar > img {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 50%;
}

.service-owner-contact-me-block .service-owner-contact-details-row {
    flex: 1 0;
    padding-left: 15px;
}

.service-owner-contact-me-block .service-owner-contact-details-row a:not(.btn) {
    color: var(--primary--color);
    text-decoration: underline;
}

#featureCardsGrid .page-section-feature-cards-grid-list .page-section-feature-cards-grid-list-item {
    justify-content: flex-start !important;
}

/*---END SERVICES PAGE---*/

/*---BLOG---*/
.section-blog-featured-posts {
    padding: 60px 0 0 0;
}

.featured-posts-slider .featured-post-slider-item-inner {
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 508px;
    padding: 50px 60px;
    color: #fff;
    background-image: var(--post-bg-url);
    position: relative; 
    overflow: hidden;
    border-radius: 4px;
    background-size: cover;
}

.featured-posts-slider .featured-post-slider-item-inner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
}

.author .page-section-blog-category  {
    padding-bottom: 50px;
}

.author .page-section-blog-category + .page-section {
    padding-top: 50px;
}

.category-posts-filter  {
    margin-bottom: 65px;
}

.category-post-item {
    margin-bottom: 65px;
}

.category-post-item .category-post-item-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px;
    background: #F5F5F7;
    overflow: hidden;
    transition: var(--hover-transition);
}

.category-post-item .category-post-item-card:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.category-post-item .category-post-item-card .category-post-item-card-image-wrap {
    overflow: hidden;
}

.category-post-item .category-post-item-card-image-wrap img {
    width: 100%;
    height: 248px;
    object-fit: cover;
    transition: transform .5s ease-out;
}

.category-post-item .category-post-item-card:hover .category-post-item-card-image-wrap img {
    transform: scale(1.2);
}

.category-post-item .category-post-item-card-info {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.category-post-item .category-post-item-card-info .category-post-item-card-author-details {
    margin-top: auto;
}

.category-post-item-card-tags li::before {
    content: '|';
    margin: 8px;
}

.category-post-item-card-author-avatar-wrap img,
.category-post-item-card-author-avatar-wrap .author-avatar-initials {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

.category-post-item-card-author-avatar-wrap .author-avatar-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    background: var(--primary--color);
}

.page-items-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #5D6375;
}

.page-items-pagination-link {
    color: #5D6375;
}

.page-items-pagination .page-items-pagination-btn {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #F5F5F7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px;
}

.blog-post-banner-image-wrap .blog-post-banner-image {
    max-height: 648px;
    object-fit: cover;
}

.single-post-content {
    font-size: 19px;
    color: #5D6375;
}

.single-post-content a,
.page-section-case-study-post-texts a {
    color: var(--primary--color);
    text-decoration: underline;
}

.single-post-content a:hover,
.page-section-case-study-post-texts a:hover {
    text-decoration: none;
}

.single-post-content h1,
.single-post-content h2,
.single-post-content h3,
.single-post-content h4,
.single-post-content h5,
.single-post-content h6 {
    color: #263238;
    font-weight: 500;
    margin-bottom: 30px;
}

.blog-post-content h1,
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6,
.page-section-simple-content-text h1,
.page-section-simple-content-text h2,
.page-section-simple-content-text h3,
.page-section-simple-content-text h4,
.page-section-simple-content-text h5,
.page-section-simple-content-text h6 {
    margin-top: 50px;
}

.single-post-content h2 {
    font-size: 42px;
} 

.single-post-content h3 {
    font-size: 32px;
} 

.single-post-content h4 {
    font-size: 24px;
} 

.single-post-content b, 
.single-post-content strong {
    color: #263238; 
}

.single-post-content .wp-block-quote {
    color: #263238;
    font-size: 24px;
    font-weight: 500;
    margin: 35px 0;
    padding: 15px 0 15px 30px;
    position: relative;
    text-align: left;
}

.single-post-content .wp-block-quote::before {
    content: '';
    width: 1px;
    height: 100%;
    background: var(--primary--color);
    position: absolute;
    top: 0;
    left: 0;
}

.single-post-content .wp-block-quote p:last-child,
.case-study-post-texts-description p:last-child {
    margin-bottom: 0;
}

.single-post-content ul,
.single-post-content ol {
    padding-left: 30px;
}

.single-post-content ul li {
    list-style: disc;
}

.single-post-content ul li,
.single-post-content ol li {
  margin-bottom: 18px;
}

.single-post-content ul li::marker {
  color: #263238;
}

.vacancy-post-content ul li::marker {
  color: var(--primary--color);
}

.blog-navigation-list ol li {
    color: var(--primary--color);
    counter-increment: item;
    padding-left: 10px;
    margin-bottom: 24px;
    display: list-item;
    position: relative;
}

.blog-navigation-list ol li::marker {
    color: var(--primary--color); 
}

.post-share-wrap:has(+ .page-section-bg-light-gray) {
    padding-bottom: 130px;
}
/*---BLOG END---*/

.section-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.section-item-tags > li {
    padding: 12px 20px;
    font-size: 17px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    border: 1px solid #CBCBD3;
}

.section-item-tags > li.disabled {
    background: rgba(109, 153, 215, 0.15);
}

.section-item-tags > li > i,
.section-item-tags > li > a > i {
    margin-right: 5px;
}

.section-item-tags > li > a {
    display: inline-flex;
    align-items: center;
}

.section-item-tags > li > a::after {
    background-size: 16px !important;
}

.page-section-contact-us-contacts .page-section-contact-us-contact-item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #C3C3C5;
}

.our-team-slider-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}

.our-team-slider-carousel .team-card-slide {
    width: 240px;
    margin-right: 15px;
}

.our-team-slider-carousel .team-card-slide  .team-card-image-wrap > img {
    height: 274px;
}

/*---LANDING---*/

.page-section-base-hero-slider .base-hero-slider .section-banner-swiper .swiper-slide {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-section-base-hero-slider .base-hero-slider .section-banner-swiper .swiper-slide img {
    object-fit: cover;
    height: 100%;
    max-height: 400px;
    max-width: 420px;
}

.page-section-services-effect .services-block-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 75px;
}

.page-section-services-effect .services-block-item .services-block-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 480px;
    height: 480px;
    background: #F5F5F7;
    border-radius: 16px;
    padding: 30px;
}

.page-section-services-effect .services-block-item .services-block-image-wrap > img {
    max-width: 332px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-section-hero-video .section-info-group {
    text-align: center;
}

.page-section-hero-video  .page-section-hero-video-container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.page-section-hero-video .page-section-hero-video-container .hero-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.3s all;
    background: 50% / cover no-repeat;
}

.page-section-hero-video .page-section-hero-video-container .hero-video-play {
    width: 88px;
    height: 88px;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-section-hero-video .page-section-hero-video-container iframe {
    width: 100%;
    height: 100%;
    display: none;
    border: 0;
    border-radius: 18px;
}
/*---LANDING END---*/

.footer {
    color: #ffffff;
    background: #111;
}

.footer a,
.footer a:active,
.footer a:visited {
    color: #ffffff!important;
}


.footer a:focus,
.footer a:hover {
    color: var(--primary--color)!important;
}

.main-footer {
    padding: 100px 0 85px 0;
}

.footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12.5px;
}

.footer .footer-nav > div {
    padding-left: 12.5px;
    padding-right: 12.5px;
    width: 25%;
}

.footer .footer-nav .menu-item {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 13px;
}

.footer .footer-nav .sub-item .menu-item {
    font-weight: 400;
}

.footer .footer-nav li .sub-menu {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.footer .footer-nav .footer-collapse-submenu-button {
    background: transparent;
    border: none;
    color: var(--primary--color);
    padding: 0;
    font-size: 15px;
}

.footer-bottom-content {
    padding: 40px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-copyright-links-menu li::before {
    content: '|';
    color: #fff;
    margin-left: 12px;
    margin-right: 12px;
}

.bagde-item {
    display: block;
    position: relative;
    color: #263238;
}

.bagde-item .bagde-item-text {
    font-size: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    position: absolute;
    bottom: 8px;
    left: 34px;
}

.footer .bagde-item,
.footer .bagde-item:hover {
    color: #fff!important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 1280px) {
    .header .header-menu-navbar #header-menu {
        column-gap: 16px;
    }
}

@media (max-width: 1124px) {

/*---MOBILE MENU---*/
    .header-menu-is-visible {
        overflow: hidden;
        position: fixed;
    }

    .header-menu-is-visible .header::before {
        content: '';
        width: 100%;
        height: 55px;
        display: block;
        background: #fff;
        position: fixed;
        top: 0;
        z-index: 9;
    }

    .navbar-toggle, 
    .navbar-collapse {
    	transition: -webkit-transform 0.3s cubic-bezier(.86,0,.07,1);
    	transition: transform 0.3s cubic-bezier(.86,0,.07,1);
    	transition: transform 0.3s cubic-bezier(.86,0,.07,1),-webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }
    
    .navbar-collapse {
        transition: transform .3s ease-in-out;
    }

    .header .header-container > .header-row {
        justify-content: end;
    }

    .header .header-container > .header-row .header-logo {
        flex: 1 0 0;
    }

    .header .header-logo,
    .header .header-right-menu {
        z-index: 9;
    }

    .header .navbar-collapse {
        overflow-y: auto !important;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
        -webkit-transform: translateX(105%);
        transform: translateX(105%);
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: 100vh;
        padding: 0;
        border: 0;
        text-align: left;
        text-transform: none;
        background: #fff;
        display: block;
        z-index: 1;
    }

    .header-menu-is-visible .header {
        backdrop-filter: none;
    }

    .header-menu-is-visible header .navbar-collapse {
        transform: translateX(0);
    }

    .header .navbar-toggles {
        display: inline-flex;
        z-index: 20;
        width: 72px;
        height: 40px;
        background: #F5F5F7;
        outline: 0;
        position: relative;
        margin-right: 0;
        padding: 9px 10px;
        background-image: none;
        border: none;
        border-radius: 100px;
        align-items: center;
        justify-content: center;
        margin-left: 20px;
    }

     .nav-icons {
		position: relative;
		top: 0;
		right: inherit;
	}

	.nav-icons,
	.nav-icons:after, 
	.nav-icons:before{
        width: 18px;
        height: 2px;
        border-radius: 5px;
		background-color: var(--primary--color);
		transition: var(--hover-transition);
		display: block;
		right: 0;
	}

	.nav-icons:before {
		top: -5px;
	}

	.nav-icons:after {
		top: 5px;
	}

	.nav-icons:after, .nav-icons:before {
		content: "";
		position: absolute;
		z-index: -1;
		width: 100%;
	}

    .header-menu-is-visible .nav-icons {
		background-color: transparent!important;
	}

	.header-menu-is-visible .nav-icons:before,
	.header-menu-is-visible .nav-icons:after{
		top: 0;
	}

	.header-menu-is-visible .nav-icons:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.header-menu-is-visible .nav-icons:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

    .header .header-menu-navbar #header-menu {
        flex-direction: column;
        padding: 90px 12px 40px;
        max-width: 960px;
        margin: 0 auto;
    }

    .header .header-menu-navbar > nav {
        height: auto;
    }

    .header .header-social-menu {
        padding: 0 12px 60px 20px;
        max-width: 960px;
        margin: 0 auto;
    }

    .header .header-menu-navbar #header-menu > li {
        padding: 15px 23px;
        background-color: #f5f5f7;
        border-radius: 4px;
        margin-bottom: 8px;
        flex-wrap: wrap;
    }

    .header .header-menu-navbar #header-menu > li > a {
        font-weight: 600;
        font-size: 17px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header .header-menu-navbar #header-menu > li > a > .menu-item-btn {
        color: #263238;
        -webkit-text-fill-color: currentColor;
        background: transparent;
        border: 0;
        padding: 12px;
        margin-left: 8px;
        margin-right: -12px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .header .header-menu-navbar #header-menu > li.show  .icon-caret {
        transform: rotate(180deg);
        transition: transform .2s ease;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper {
        position: static;
        transform: unset;
        padding: 0;
        max-height: 0;
        height: auto;
        display: block;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transition: all 1s cubic-bezier(.77, 0, .175, 1);
    }

    .header .header-menu-navbar #header-menu > li.show > .submenu-wrapper  {
        max-height: 800px;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu-banner,
    .header .header-menu-navbar #header-menu > li .submenu--level-3 {
        display: none;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 {
        display: block;
        padding: 25px 20px !important;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 > li:not(:last-child) {
        margin-bottom: 24px;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper .submenu--level-2 li a {
        font-weight: 400;
        color: #5d6375;
    }
    
    /*--END MOBILE MENU---*/
}

@media (max-width: 1023.9px) {
    .container,
    .container-md {
        max-width: 100%;
    }

    .lg-g-first {
        order: -1;
    }
    
    .lg-font-15 {
        font-size: 15px;
    }

    .lg-font-17 {
        font-size: 17px;
    }

    .lg-font-24 {
        font-size: 24px;
    }

    .lg-font-48 {
        font-size: 48px;
    }

    .lg-font-40 {
        font-size: 40px;
    }

    .lg-w-full-container {
        padding-left: 0;
        padding-right: 0;
    }

    .lg-w-full-container > div {
        border-radius: 0;
    }

    .xl-page-section-gradient-block-card  {
        padding-left: 35px;
        padding-right: 35px;
    }

    .page-section-vertical-tabs {
        grid-template-columns: 1fr;
        gap: 28px;
    }

   .btn-tablet-link-type {
        background: transparent !important;
        border: none !important;
        color: var(--primary--color) !important;
        padding: 0 !important;
        min-width: fit-content;
    }

    .btn-tablet-link-type::before {
        display: none;
    }

    .icon-hover-visible::after,
    .accordion .accordion-item .accordion-header .accordion-icon {
        transform: translateY(-50%) translateX(0px)!important;
    }

    .accordion .accordion-item .accordion-header .accordion-icon {
        opacity: 1;
        visibility: visible;
    }

    .accordion .accordion-item .accordion-header:hover > .accordion-header-title,
    .accordion .accordion-item.is-open .accordion-header > .accordion-header-title {
        transform: translateX(15px);
    }

    .hover-slide-left-item:hover .hover-slide-left-item-title {
        transform: translateX(0);
    }

    .case-list-swiper .case-list-swiper-item.case-list-single-item {
      display: none!important;
    }

    .base-page-section-banner .section-banner-swiper-item-image img,
    .langing-page-section-banner .section-banner-swiper-item-image img {
        max-height: 480px;
    }

    .page-section-our-story .row .justify-content-md-end {
        justify-content: flex-start !important;
    }

    .roadmap > .roadmap-svg {
        height: auto;
    }

    .process-slider-tabs-slider-col {
       display: none;
    }

    .page-section-our-locations {
        padding-bottom: 220px;
    }

    .locations-container .locations-list-wrap {
        bottom: -150px;
    }

    .career-vacancies-posts-list .vacancy-post-item .vacancy-post-item-row {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 0;
    }

    .page-section-vacancy-main-content .container .container-md {
        padding-left: 0;
        padding-right: 0;
    }

    .category-post-item {
        margin-bottom: 28px;
    }

    .blog-post-banner-image-wrap .container {
        padding-left: 0;
        padding-right: 0;
    }

    .blog-post-banner-image-wrap .blog-post-banner-image {
        border-radius: 0!important;
    }

    .page-section-services-effect .services-block-wrapper .services-block-item > .row > .col-lg-5 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
}

/* MOBILE */
@media (max-width: 768px) { 
    .md-g-first {
        order: -1;
    }

    .page-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .page-section-lg-space {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .page-section-lg-top-space {
        padding-top: 75px;
    } 

    .page-section-md-space {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .page-section-hero-video + .page-section-get-form,
    .page-section-certifications-and-awards + .page-section-our-story,
    .page-section-feature-rows + .page-section-platforms-and-integrations,
    .wp-block-unicrew-gutenberg-blocks-career-faq + .page-section-our-story,
    .page-section-md-bottom-space + .page-section:not(.page-section-bg-light-gray),
    .single-services .page-section-bg-light-gray.page-section-rewies + .page-section-case-list.page-section-bg-light-gray .case-list-slider-wrapper {
        padding-top: 40px;
    }

    .page-section:has(+ .page-section-gradient-block),
    .page-section-hero-video:has(+ .page-section-get-form),
    .page-section:not(.page-section-bg-light-gray):has(+ .page-section-our-story),
    .page-section:not(.page-section-bg-light-gray):has(+ .page-section-our-locations),
    .single-services .page-section-bg-light-gray.page-section-rewies {
        padding-bottom: 40px;
    }

    .md-page-section-top-space {
        padding-top: 50px;
    } 

    .page-section-mobile-bg-light-gray {
        background-color: #F5F5F7;
    }

    .md-w-full-container {
        padding-left: 0;
        padding-right: 0;
    }

    .md-w-full-container .page-section-gradient-block-card,
    .md-w-full-container .page-section-gray-block-card {
        border-radius: 0;
    }

    .page-section-gradient-block-card {
        padding-left: 20px;
        padding-right: 20px;
    }

    h1.section-title {
        font-size: 40px;
    }      
    
    .section-title-h2,
    h2.section-title-h1 {
        font-size: 32px!important;
    }

    .section-item-title {
        font-size: 20px;
    }

    .section-item-title-uptitle {
        font-size: 13px;
    }
    
    .md-font-15 {
        font-size: 15px;
    }

    .font-24,
    .md-font-17 {
        font-size: 17px;
    }
    
    .md-font-24 {
        font-size: 24px!important;
    }

    .header-right-menu {
        display: none;
    }
    
    .page-section-video-container {
        padding: 0;
    }

    .xl-page-section-gradient-block-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .base-page-section-banner .section-banner-swiper-item-image img,
    .langing-page-section-banner .section-banner-swiper-item-image img {
        max-height: 353px;
    }

    .base-md-page-section-banner .section-banner-swiper-item-image img,
    .base-md-page-section-banner .section-banner-swiper-item-image video {
        min-height: 220px;
        max-height: 220px;
    }

    .page-section-vertical-tabs-list button {
        padding-right: 0;
    }
    
    .roadmap-chips .chip {
        padding: 8px 18px 8px 8px;
        min-height: 60px;
        max-width: 240px;
        font-size: 15px;
    }

    .roadmap-chips .chip .roadmap-item-inner> .icon-circle-ok {
        margin-right: 7px;
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .roadmap-chips .chip .roadmap-item-inner> .icon-circle-ok::before {
        top: 10px;
        left: 7px;
    }

    .process-slider-tabs > li button {
        padding-left: 32px;
    }

    .page-section-our-locations .locations-map,
    .process-slider-tabs > li button .process-slider-tab-count {
        display: none;
    }

    .process-slider-tabs .process-slider-tab-body {
        padding-left: 0;
    }

    .process-slider-tabs .process-slider-tab-body .process-slider-tab-body-description {
        max-width: 100%;
    }

    .locations-container .locations-list-wrap {
        position: relative;
        bottom: 0;
    }

    .category-posts-filter {
        margin-bottom: 45px;
    }

   .case-list-slider-wrapper {
        padding: 80px 0;
    }

    .page-section-single-related-case-studies .case-list-slider-wrapper {
        padding-bottom: 0;
    }

    .case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-info {
        padding: 18px;
    }

    .case-list-swiper .case-list-swiper-item .section-item-title {
        margin-bottom: 25px;
    }

    .case-list-swiper .case-list-swiper-item .section-item-title-uptitle {
        font-weight: 400;
    }

    .service-owner-contact-me-block {
        border-radius: 6px;
        padding: 25px 10px;
    }

    .service-owner-contact-me-block .service-owner-contact-awatar {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .technology-challenge-grid-item-main > a {
        display: flex;
    }

    .technology-challenge-grid-item-main > a::after {
        visibility: visible;
        background-color: #fff;
        background-size: 14px !important;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjAzMTM1IDEuNzVINC4zNzUxVjMuMDYyNUg1LjAzMTM1SDEwLjAwOTVMMS45NDIzMSAxMS4xMjk3TDEuNDc4MjcgMTEuNTkzOEwyLjQwNjM1IDEyLjUyMTlMMi44NzAzOSAxMi4wNTc4TDEwLjkzNjUgMy45OTE1OVY4Ljk2ODc1VjkuNjI1SDEyLjI0OVY4Ljk2ODc1VjIuNjI1QzEyLjI0OSAyLjE0MTc1IDExLjg1NzMgMS43NSAxMS4zNzQgMS43NUg1LjAzMTM1WiIgZmlsbD0iI0FBMDc2QiIvPgo8L3N2Zz4=");
    }

    .page-section-technolody-orbit-center-image-wrap {
        max-width: 400px;
        weight: 60%;
    }

    .technolody-orbit-card {
        width: 40px;
        height: 40px;
    }

   .page-section-about-ceo-card .page-section-about-ceo-card-body,
   .page-section-author-info-card .page-section-author-info-card-body {
        padding: 40px 24px;
    }

    .featured-posts-slider .featured-post-slider-item-inner {
        padding: 30px 20px 80px 20px;
    }

    .contact-form-success-message-modal .modal-content {
        background-position: 120% 30%;
    }

    .main-footer {
        padding: 75px 0 15px 0;
    }

    .footer .footer-nav > div {
        width: 100%;
    }

    .footer .footer-nav > .footer-col > .footer-col-list {
        width: 100%;
        padding-bottom: 35px;
        margin-bottom: 45px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .footer-bottom-copyright {
        text-align: center;
        font-weight: 300;
    }

    .footer-copyright-links-menu {
        justify-content: center;
    }

    .footer .footer-copyright-links-menu li:first-child::before {
        display: none;
    }
}

@media (max-width: 576px) {
    .sm-font-32 {
        font-size: 32px;
    }

    .vacancy-post-item-row .col-publish-date {
        order: 1;
    }

    .vacancy-post-item-row .col-countries {
        order: 2;
    }

    .page-section-banner-about-us-gallary-col {
        padding: 0;
    }

    .case-list-swiper .case-list-swiper-item {
        max-width: 100%;
    }

    .page-section-about-ceo-card .page-section-about-ceo-card-photo,
    .page-section-author-info-card .page-section-author-info-card-photo {
        width: 100%;
        max-width: 100%;
        height: 450px;
    }

    .category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-info-wrap {
        padding: 24px;
    }

    .mosaic-grid > div {
        width: calc(35% - 10px);
    }

    .roadmap .container {
        padding: 0;
    }

    .roadmap-chips {
        width: calc(100% - 30px);
    }

    .mobile-roadmap-svg {
        padding-right: 20px;
    }

    .roadmap-chips .chip {
        padding: 4px 10px 4px 4px;
        min-height: 44px;
        max-width: 262px;
        font-size: 14px;
        margin-left: 15px;
    }
}

@media (max-width: 460px) {
    .btn-xl-hover-animate-arrow {
        width: 100%;
    }

    .page-section-about-ceo-card .page-section-about-ceo-card-photo,
    .page-section-author-info-card .page-section-author-info-card-photo {
        height: 353px;
    }

    .gray-card-item-sm-space {
        padding: 20px 14px;
    }

    .mosaic-grid .tile { 
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .fluentform .ff-step-body .step-nav {
        display: flex;
        gap: 12px;
        justify-content: flex-end;
    }
    
    .fluentform .ff-step-body .step-nav > .ff-btn {
        flex: 1 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        max-width: 190px;
    }
    
    .footer .footer-copyright-links-menu li::before {
        margin-left: 6px;
        margin-right: 6px;
    }
}

@media (max-width: 380px) {  
    .review-badge-btn-group {
        flex-wrap: wrap;
    }
    
    .review-badge-btn-group .btn-check-reviews {
        width: 100%;
        margin-top: 15px;
        margin-left: 0 !important;
    }

    .roadmap-chips {
        width: calc(100% - 90px);
    }
}

@media (min-width: 576px) {
    .sm-grid-2-columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm-gap-16 {
        gap: 16px;
    }

    .sm-g-col-2 { grid-column: span 2; }
    .sm-g-col-3 { grid-column: span 3; }
    .sm-g-col-4 { grid-column: span 4; }
    .sm-g-col-6 { grid-column: span 6; }

    .swiper-wrapper-sm-grid {
        display: grid;
        gap: 16px;
        transform: none;
    }

    .sm-swiper .base-gb-swiper-controls {
      display: none;
    }

    .btn-xl-hover-animate-arrow {
        min-width: 340px;
    }

    .case-list-swiper .case-list-swiper-item .case-list-inner-item .case-list-inner-item-image img {
        min-height: 520px;
        max-height: min-content;
    }
}

/* TABLE */
@media (min-width: 768px) {
    .page-section-video-container .page-section-video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        filter: brightness(.4);
    }

    .md-grid-2-columns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md-grid-3-columns {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md-gap-16 {
        gap: 16px;
    }

    .md-g-col-2 { grid-column: span 2; }
    .md-g-col-3 { grid-column: span 3; }
    .md-g-col-4 { grid-column: span 4; }
    .md-g-col-6 { grid-column: span 6; }

    
    .md-nth-child-item-2-g-col-2 > div:nth-child(2) {
        grid-column: span 2;
    }
    
    .md-mb-40 {
        margin-bottom: 40px;
    }

    .md-mb-60 {
        margin-bottom: 60px;
    }

    .md-mb-70 {
        margin-bottom: 70px;
    }

    .md-mb-80 {
        margin-bottom: 80px;
    }

    .md-mb-100 {
        margin-bottom: 100px;
    }

    .base-md-page-section-banner .section-banner-swiper-item-image img,
    .base-md-page-section-banner .section-banner-swiper-item-image video {
        min-height: 352px!important;
        max-height: 352px!important;
    }

    .page-section-case-list-container .case-list-slider-wrapper {
        padding-left: 40px;
    }

    .category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-image-wrap img {
        max-height: 356px;
    }

    .page-section-technolody-orbit { 
        min-height: 477px;
    }

    .page-section-case-list + .page-section-feature-rows {
        padding-top: 160px;
        padding-bottom: 75px;
    }

    .contact-form-success-message-modal .modal-body {
        padding: 11px 75px 70px;
    }
}

@media (min-width: 576px) and (max-width: 1024px) {
    .page-section-about-ceo-card .page-section-about-ceo-card-photo,
    .page-section-author-info-card .page-section-author-info-card-photo {
        width: 100%;
        max-width: 100%;
        height: 664px;
    }
}


/* XL TABLE */
@media (min-width: 1024px) and (max-width: 1280px) {
    .xl-md-grid-4-columns {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl-md-nth-child-item-2-g-col-2 > div:nth-child(2) {
        grid-column: span 2;
    }

    .xl-md-nth-child-item-2-g-col-3 > div:nth-child(2) {
        grid-column: span 3;
    }

    .xl-md-nth-child-item-3-g-col-2 > div:nth-child(3) {
        grid-column: span 2;
    }

    .xl-md-nth-child-item-3-g-col-3 > div:nth-child(3) {
        grid-column: span 3;
    }
}
  

@media (min-width: 1024px) {
    .container {
        max-width: 1104px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .container-md {
        max-width: 1104px !important;
        padding-left: 40px;
        padding-right: 40px;
    }

    .lg-grid-2-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .lg-grid-3-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .lg-grid-4-columns {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg-grid-12-columns {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .lg-g-col-2 { grid-column: span 2; }
    .lg-g-col-3 { grid-column: span 3; }
    .lg-g-col-4 { grid-column: span 4; }
    .lg-g-col-6 { grid-column: span 6; }

    .lg-nth-child-item-2-g-col-2 > div:nth-child(2) {
        grid-column: span 2;
    }

    .lg-nth-child-item-2-g-col-3 > div:nth-child(2) {
        grid-column: span 3;
    }

    .lg-nth-child-item-3-g-col-3 > div:nth-child(3) {
        grid-column: span 3;
    }

    .lg-mb-80 {
        margin-bottom: 80px;
    }

    .lg-mt-80 {
        margin-top: 80px;
    }

    .lg-mt-100 {
        margin-top: 100px;
    }

    .lg-w-max-500 {
        max-width: 500px;
    }
        
    .lg-w-max-550 {
        max-width: 550px;
    }  

    .lg-w-max-640 {
        max-width: 640px;
    }

    .page-section-banner:not(.page-section-banner-w-full-content) .page-section-banner-content {
        max-width: 600px;
    }

    .swiper-wrapper-lg-grid {
        display: grid;
        gap: 16px;
        transform: none;
    }

    .mobile-swiper {
        overflow: visible;
    }

    .mobile-swiper .base-gb-swiper-controls {
      display: none;
    }

    .langing-page-section-banner .section-banner-slider,
    .base-page-section-banner .section-banner-slider {
        max-width: 640px;
    }
    
    .base-page-section-banner .section-banner-swiper-item-image img,
    .langing-page-section-banner .section-banner-swiper-item-image img {
        min-height: 374px;
    }
        
    .page-section-our-story .row .btn {
        margin-top: 15px;
    }

    .page-section-home-case-list-container .container {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .case-list-swiper {
        display: flex;
        -moz-column-gap: 45px;
        column-gap: 45px;
        flex: 0 0 auto;
        padding-right: 40px;
    }

    .case-list-swiper .swiper-wrapper {
        -moz-column-gap: 45px;
        column-gap: 45px;
    }

    .category-case-studies-posts-list .case-study-post-item .case-study-post-item-card-image-wrap img {
        max-width: 800px;
        max-height: 430px;
    }

    .case-study-testimonials-list .review-grid-item {
        padding: 48px 80px;
    }

    .featured-posts-slider .featured-post-slider-item-inner {
        min-height: 670px;
    }

    .page-section-narrow-grid-rewies .reviews-list > .section-display-grid-item:first-child {
        grid-column: span 2;
    }

    .process-slider-tabs-wrapper {
        display: grid;
        gap: 32px;
        align-items: center;
        grid-template-columns: 1.1fr .9fr;
    }

    .page-section-our-story .row > .col-lg-7 {
        width: 68%;
    }

    .page-section-our-story .row > .col-lg-5 {
        width: 32%;
    }

    .page-section-services-effect .services-block-wrapper {
        row-gap: 130px;
    }
    
    .page-section-services-effect .services-block-item {
        padding-top: 80px;
        background: #fff;
    }

    .page-section-services-effect .services-block-wrapper .pin-spacer:nth-child(odd) .services-block-item > .row > .col-lg-5 {
        display: flex;
        justify-content: end;
    }

    .page-section-services-effect .services-block-wrapper .pin-spacer:nth-child(even) .services-block-item > .row {
        flex-direction: row-reverse;
    }

        
    .page-section-author-info-card .page-section-author-info-card-body {
        min-height: 400px
    }

}

@media (min-width: 1124px) {
    .d-m-none {
        display: none !important;
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper  {
        padding: 40px 15px;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 100%;
        max-width: 100%;
        column-gap: 36px;
        opacity: 0;
        pointer-events: none;
        display: flex;
        transform: translate(-50%, -12px);
        clip-path: inset(0 0 100% 0 round 0 0 18px 18px);
        transition: opacity 220ms ease, transform 260ms cubic-bezier(.2,.9,.2,1), clip-path 360ms cubic-bezier(.2,.9,.2,1);
    }

    .header .header-menu-navbar #header-menu > li > .submenu-wrapper::before {
        content: "";
        border-top: 1px solid rgba(0, 0, 0, .1019607843);
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        background: #fff;
        height: 100%;
        max-width: 100vw !important;
        width: 100vw;
        z-index: -1;
    }

    .header .header-menu-navbar #header-menu > li:hover > .submenu-wrapper {
        opacity: 1;
        transform: translate(-50%, 0);
        pointer-events: auto;
        clip-path: inset(0 0 0 0 round 0 0 18px 18px);
    }

    .header .header-menu-navbar #header-menu > li .submenu--level-3 {
        gap: 11px;
        margin: 15px 0 0;
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        border-top: 2px solid rgba(0, 0, 0, .1019607843);
    }

    .header .header-menu-navbar #header-menu > li.menu-item-technologies > .submenu-wrapper .submenu--level-2 .submenu.submenu--level-3 {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .header .header-menu-navbar #header-menu > li.menu-item-technologies > .submenu-wrapper .submenu--level-2 .submenu.submenu--level-3 li {
        flex: none;
        display: inline-flex;
        align-items: center;
    }

    .header .header-menu-navbar #header-menu > li.menu-item-technologies > .submenu-wrapper .submenu--level-2 .submenu.submenu--level-3 li:not(:last-child)::after {
        content: '|';
        color: #5d6375;
        margin-left: 8px;
        font-size: 15px;
    }

    .header .header-menu-navbar #header-menu > li.menu-item-technologies > .submenu-wrapper .submenu--level-2 .submenu.submenu--level-3 li > a {
        display: inline-block;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .certifications-list .certification-item:nth-child(6),
    .certifications-list .certification-item:nth-child(10) {
        grid-column: 1;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) and (min-height: 600px) and (max-height: 1024px) {
    .page-section-banner:not(.page-section-not-full-height) {
        display: flex;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 50px;
        height: clamp(400px, calc(100vh - 60px), 700px);
    }

    .section-blog-featured-posts {
        padding-top: 30px;
    }

    .section-blog-featured-posts .featured-posts-slider .featured-post-slider-item-inner {
        min-height: calc(100vh - 100px);
    }
}

/* DESCTOP */
@media (min-width: 1280px) {
    .container {
        max-width: 1360px;
    }

    .container-md {
        max-width: 1060px !important;
    }

    .xl-grid-12-columns {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .xl-grid-3-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .xl-grid-4-columns {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl-grid-5-columns {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    
    .xl-g-col-2 { grid-column: span 2; }
    .xl-g-col-3 { grid-column: span 3; }
    .xl-g-col-4 { grid-column: span 4; }
    .xl-g-col-6 { grid-column: span 6; }
    
    .xl-nth-child-item-3-g-col-2 > div:nth-child(3) {
        grid-column: span 2;
    }
  
    .xl-w-max-730 {
        max-width: 730px;
    }

    .base-page-section-banner .section-banner-swiper-item-image img,
    .langing-page-section-banner .section-banner-swiper-item-image img {
        min-height: 460px;
    }

    
    .base-2lg-page-section-banner .section-banner-swiper-item-image img {
        min-height: 430px;
        max-height: 430px;
    }

    .base-lg-page-section-banner .section-banner-swiper-item-image img {
        min-height: 398px;
        max-height: 398px;
    }

    .page-section-about-ceo-card .page-section-about-ceo-card-photo,
    .page-section-author-info-card .page-section-author-info-card-photo {
        min-height: 514px;
    }

    .page-section-vacancy-main-content-grid {
        display: grid;
        gap: 24px;
        align-items: start;
        grid-template-columns: 1fr auto;
        padding-top: 95px;
    }

    .vacancy-apply-fixed-btn-group {
        position: sticky;
        top: 90px; 
        align-self: start;
    }

    .page-section-technolody-orbit { 
        min-height: 687px;
    }
    
    #featureCardsGrid .page-section-feature-cards-grid-list .page-section-feature-cards-grid-list-item.d-none {
        grid-column: span 4;
    }

    .mosaic-grid {
        max-width: 556px;
    }
}

@media (min-width: 1440px) {
    .featured-posts-slider .featured-post-slider-item-inner {
        min-height: 838px;
    }

    
    .page-section-technolody-orbit { 
        min-height: 568px;
    }
}

@media (min-width: 1620px) { 
    .container {
        max-width: 1520px;
    }

    .page-section-video-container {
        padding-top: 280px;
        padding-bottom: 180px;
    }

    .page-section-technolody-orbit { 
        min-height: 687px;
    }
}