html {
    scroll-padding-top: 96px;
    scroll-margin-top: 96px;
    scroll-behavior: auto;
}

body {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding-top: 0px;
}

.home-h1 {
    color: white;
    font-size: 65px;
    line-height: 95%;
    font-weight: 700;
    text-align: center;
    margin-top: auto;
    margin-bottom: 8px;
}

/* .balance {
    text-wrap: balance;
} */

.home-h1-span {
    color: #7ac8ff;
    cursor: pointer;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b2b-anim-span {
    color: #006bda;
    margin: 0px;
}

video,
.hero-img-r,
.comp-db-hero-img,
.client-bar-static {
    pointer-events: none;
}

.home-nav-bar.fixed {
    background-color: #040745E0;
    position: fixed;
    inset: 0% 0% auto;
}

.cta-arrow-light {
    fill: white;
}

.cta-arrow-programs-secondary {
    fill: #bc4fff;
}

.cta-arrow-dark {
    fill: #000029;
}

.cta-arrow-main.comp-db.disabled {
    pointer-events: none;
    opacity: 0.2;
}

a[aria-disabled="true"] {
    opacity: .2;
    cursor: not-allowed;
    pointer-events: none;
}

/* COMPENSATION WIZARD */
.spinner-overlay {
    display: flex;
}

.compdb-form {
    opacity: 0;
}

.compdb-form.active {
    opacity: 1;
}

@keyframes show-comp-wizard {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* END OF COMPENSATION WIZARD */

/* NEW ONBOARDING POPUP */

.onb-popup {
    opacity: 0;
}

.onb-popup.active {
    opacity: 1;
}

.fs-popup {
    display: none;
    opacity: 0;
}

.fs-popup img {
    pointer-events: none;
}

.fs-popup.active {
    display: flex;
    opacity: 1;
}

.fs-spinner-overlay {
    display: none;
    opacity: 0;
}

.fs-spinner-overlay.active {
    display: flex;
    opacity: 1;
}

.onb-lbar-logos img {
    pointer-events: none;
}

@keyframes show-popup {
    from {
        display: flex;
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hide-popup {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

@keyframes r-to-l-appear {
    from {
        opacity: 0;
        transform: translateX(30%);
    }

    to {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes d-to-u-appear {
    from {
        opacity: 0;
        transform: translateY(50%);
    }

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

@keyframes client-logo-appear {
    from {
        opacity: 0;
        transform: translateX(-150px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes title-spacing {
    from {
        opacity: 0;
        letter-spacing: 2em;
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        letter-spacing: 0.25em;
        transform: scale(1);
    }
}

@keyframes spin {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

/* END OF NEW ONBOARDING POPUP */

.b2c-modal-off-ribbon {
    text-overflow: ellipsis;
    animation: blinkTextColor 1s ease-in-out infinite;
}

@keyframes blinkTextColor {
    0% {
        color: #FFFFFFB0;
    }

    50% {
        color: #FFFFFFFF;
    }

    100% {
        color: #FFFFFFB0;
    }
}

.lcr-bar {
    top: -98px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.lcr-bar.active {
    top: 0px;
}

.anchor {
    padding-top: 108px;
    margin-top: -108px;
    height: 0px !important;
    max-height: 0px !important;
}

/* .blog-post-richtext>h2,
.blog-post-richtext>h3 {
    padding-top: 108px;
    margin-top: -108px;
} */

.content-index li {
    margin-bottom: 0.6em;
}

.content-index a {
    line-height: 160%;
}

.rhr-video {
    margin: 0px;
    padding: 0px;
    align-self: center;
    border-radius: 48px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.b2b-video {
    margin: auto;
    align-self: center;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.yt-player-bg {
    object-fit: cover;
    position: absolute;
    aspect-ratio: calc(16/9);
    inset: 0;
    width: 100%;
    height: 100%;
    transition: all 0.15s ease-in-out;
}

.yt-player-play-btn {
    position: absolute;
    aspect-ratio: calc(16/9);
    inset: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.yt-player-btn-img {
    margin: auto;
    position: relative;
    width: 82px;
    height: 82px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: scale(1);
    transition: all 0.15s ease-in-out;
}

.odd {
    background-color: rgba(0, 65, 146, 0.02);
}

.even {
    background-color: rgba(0, 65, 146, 0.07);
}



@media screen and (min-width:992px) {
    .yt-player-btn-img:hover {
        transform: scale(1.1);
    }

    .yt-player-bg:hover+.yt-player-btn-img {
        transform: scale(1.1);
    }

    .yt-cover {
        cursor: pointer;
    }

    .yt-cover:hover img.yt-cover-bg-home,
    img.yt-player-btn-img {
        transform: scale(1.05);
    }

    .yt-cover:hover .yt-cover-btn {
        opacity: 0.6;
    }

    .rhr-email-submit.w-button:hover {
        padding-right: 64px;
    }

    .rhr-email-submit.w-button:hover+.rhrh-btn-arrw {
        opacity: 1;
    }

    .cta-arrow-blue,
    .cta-arrow-main {
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .cta-arrow {
        -webkit-transition: all 0.15s ease;
        -moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
        transition: all 0.15s ease;
    }

    .cta-arrow>svg {
        width: 26px;
        height: 16px;
    }

    .cta-arrow-main>.cta-arrow {
        width: 0px;
        opacity: 0;
    }

    .cta-arrow-main:hover>.cta-arrow {
        width: 26px;
        opacity: 1;
    }

    .cta-arrow-blue>.cta-arrow {
        width: 0px;
        opacity: 0;
    }

    .cta-arrow-blue:hover>.cta-arrow {
        width: 26px;
        opacity: 1;
    }

    /* OUR TALENT CARDS */
    .network-sect3-card:hover .our-talent-image-div>img {
        transform: scale(1.1);
    }

    .our-talent-image-div>img {
        transition: transform 0.3s ease-out;
    }

    .ntw-sct3-crd-txt {
        line-height: 1.2em;
        height: 0em;
        margin-top: 0px;
        transition: all 0.3s ease-out;
    }

    .network-sect3-card:hover .ntw-sct3-crd-txt {
        height: 3.6em;
        margin-top: 6px;
    }
}

.cta-arrow-main:hover {
    background-color: #FFCD1E;
}

@keyframes popup-appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes popup-disappear {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.yt-player-holder-blog {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 720px;
    height: 405px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 5px;
    background-color: #000;
}

.yt-player-holder-blog.full-size {
    width: 1140px;
    height: 641px;
}

.result-link-block {
    display: none;

}

.fltr-active {
    font-weight: 600;
}

.blog-post-richtext {
    word-spacing: 1px;
}

.gradient-opacity,
.us2latam-line1,
.us2latam-line2,
.us2latam-line3 {
    -webkit-mask-image: -webkit-linear-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, 1)));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 1));
}

.blog-item-summary,
.search-results-snippet {
    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 95%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 95%);
}

.testimonials-wrapper-mobile {
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, .2) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0, 0.2) 100%);
}

.tecla-section-margins.home-devs-margins,
.tecla-section.grad-msk-devs,
.section-bg-image,
.tecla-section.country-sect-2,
.tecla-section-grad-msk,
.tecla-section-margins.ds-margins-6 {
    mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 10.4%, rgba(0, 0, 0, 1) 89.6%, rgba(0, 0, 0, 0) 98%);
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 10.4%, rgba(0, 0, 0, 1) 89.6%, rgba(0, 0, 0, 0) 98%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 1) 10.4%, rgba(0, 0, 0, 1) 89.6%, rgba(0, 0, 0, 0) 98%);
}

@media screen and (max-width:1920px) {

    .section-bg-image,
    .tecla-section-margins.home-devs-margins,
    .tecla-section.grad-msk-devs,
    .tecla-section.country-sect-2,
    .tecla-section-grad-msk,
    .tecla-section-margins.ds-margins-6 {
        mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0) 100%);
    }
}

table {
    width: 100%;
    color: #000029;
    background-color: #FFF;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 32px;
    margin-top: 16px;
    font-weight: normal;
}

table td,
th {
    padding: 0.8em 1.2em;
    font-weight: normal;
    border: 1px solid #bababa;
}

table th {
    background-color: #00316e;
    color: white;
    text-align: center;
    font-weight: semibold;
}


table tbody {
    text-align: left;
}

/* Tooltip styles */

.tooltip-suffix {
    position: absolute;
    bottom: auto;
    top: -3px;
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 12px;
    line-height: 100%;
    font-weight: 600;
}

/* .tecla-section:not([class="tecla-section hero with-bottom-decoration"]) img.hero-bg-image {
    -webkit-filter: blur(5px) saturate(0.6) brightness(0.7);
    -moz-filter: blur(5px) saturate(0.6) brightness(0.7);
    -o-filter: blur(5px) saturate(0.6) brightness(0.7);
    -ms-filter: blur(5px) saturate(0.6) brightness(0.7);
    filter: blur(5px) saturate(0.6) brightness(0.7);
    -webkit-transition: 0.3s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear;
    transition: 0.3s -webkit-filter linear;
}

.tecla-section:not([class="tecla-section hero with-bottom-decoration"]):hover img.hero-bg-image {
    -webkit-filter: blur(1px) saturate(0.6) brightness(0.7);
    -moz-filter: blur(1px) saturate(0.6) brightness(0.7);
    -o-filter: blur(1px) saturate(0.6) brightness(0.7);
    -ms-filter: blur(1px) saturate(0.6) brightness(0.7);
    filter: blur(1px) saturate(0.6) brightness(0.7);
} */

/* site sliders */
.slide-nav.w-slider-nav>.w-slider-dot {
    height: 30.73%;
    width: 100%;
    background: #e2edff;
    overflow: hidden;
}

.slide-nav.w-slider-nav>.w-slider-dot.w-active {
    height: 30.73%;
    width: 100%;
    background: #040745;
    overflow: hidden;
}

.slide-nav.w-slider-nav.w-round>div {
    height: 30.73%;
    width: 100%;
    background: #e2edff;
    border-radius: 0;
}

/* Home devs slider */
.home-devs-slide-nav.w-slider-nav>.w-slider-dot {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff84;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.home-devs-slide-nav.w-slider-nav>.w-slider-dot.w-active {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #040745;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.home-devs-slide-nav.w-slider-nav.w-round>div {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff84;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

/* Dev home sliders */
.devhome-slide-nav.w-slider-nav>.w-slider-dot {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-slide-nav.w-slider-nav>.w-slider-dot.w-active {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #040745;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-slide-nav.w-slider-nav.w-round>div {
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.dh-sl-nav-face {
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: visible;
    width: 50px;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Dev home slider 2 */
.devhome-slide-nav-2.w-slider-nav>.w-slider-dot {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-slide-nav-2.w-slider-nav>.w-slider-dot.w-active {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #040745;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-slide-nav-2.w-slider-nav.w-round>div {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.dh-sl-nav-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dh-sl-nav-btn-selected {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Dev home Testimonial Slider */
.devhome-testim-slide-nav.w-slider-nav>.w-slider-dot {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-testim-slide-nav.w-slider-nav>.w-slider-dot.w-active {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #040745;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.devhome-testim-slide-nav.w-slider-nav.w-round>div {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #e2edff;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

/* Careers Testimonial Slider */
.careers-slider-nav.w-slider-nav>.w-slider-dot {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #fafafa90;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.careers-slider-nav.w-slider-nav>.w-slider-dot.w-active {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #040745;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.careers-slider-nav.w-slider-nav.w-round>div {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #fafafa90;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

/* Boost Testimonial Slider */
.boost-slider-nav.w-slider-nav>.w-slider-dot {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #E2EDFF;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.boost-slider-nav.w-slider-nav>.w-slider-dot.w-active {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #006BDA;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.boost-slider-nav.w-slider-nav.w-round>div {
    position: relative;
    height: 100%;
    width: auto;
    flex-grow: 1;
    -ms-flex-align: stretch;
    align-self: stretch;
    background: #E2EDFF;
    border-radius: 0;
    margin: 0;
    padding: 0;
}


.our-services-card:hover .our-services-image {
    transform: scale(1.03);
    opacity: 0.9;
}

.our-services-card:hover .learn-more {
    opacity: 1;
}

.bigpost:hover .bpost-cat-color {
    width: 11.458%;
}

.bigpost:hover .bpost-arrow {
    opacity: .5;
}

.bigpost:hover .big-post-img {
    transform: scale(1.02);
    opacity: 0.85;
}

#blinker-item {
    color: white;
    font-weight: 300;
    font-size: 90%;
    animation: blinker .5s ease-in-out infinite;
}

#blinker-item[data-theme="dark"] {
    color: #040745;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

input:not(:placeholder-shown) {
    border-color: #ff7c7c;
    border-width: 2px;
}

input:not(:placeholder-shown)+.lcr-input-chk {
    display: none;
}

input:valid+.lcr-input-chk {
    display: block;
}

input:valid:-webkit-autofill+.lcr-input-chk {
    display: block;
}

input:valid:-internal-autofill-selected+.lcr-input-chk {
    display: block;
}

input:valid {
    border-color: #bababa;
    border-width: 1px;
}

input:valid:focus {
    border-color: #007AF7;
    border-width: 2px;
}

.lcr-input-label {
    pointer-events: none;
}

input.lcr-input:not(:placeholder-shown)~.lcr-input-label {
    font-size: 12px;
    top: -21px;
    left: 0px;
    cursor: default;
    color: #000029;
    font-weight: 400;
}

input.lcr-input:focus~.lcr-input-label {
    font-size: 12px;
    top: -21px;
    left: 0px;
    cursor: default;
    color: #000029;
    font-weight: 400;
}

/* ACCORDION WIDGET */

.acc-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    row-gap: 16px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 400;
}

.acc-expand-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.acc-q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
}

.acc-expand-icon {
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 32px;
}

.acc-expand-icon-hor {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 20px;
    background-color: #000029;
}

.acc-expand-icon-vert {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 3px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px;
    background-color: #000029;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    transition: all 250ms;
}

.acc-expand-icon-vert.expanded {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    transition: all 250ms;
}

.acc-answer-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
    height: 0px;
    transition: all 200ms ease-in-out;
}

.acc-answer-content-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
}

.acc-answer-content-text {
    padding-top: 0px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-break: strict;
}

/* BLOG FAQ WIDGET */

.blog-faq-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    row-gap: 10px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 400;
}

.blog-faq-expandable-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.faq-q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f9ff;
    cursor: pointer;
}

.faq-q-txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000029;
    font-weight: 600;
    white-space: break-spaces;
}

.b-faq-expand-icon {
    position: relative;
    width: 1em;
    height: 1em;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 48px;
}

.b-faq-expand-icon-hor {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 3px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 20px;
    background-color: #000029;
}

.b-faq-expand-icon-vert {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 3px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px;
    background-color: #000029;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);
    transition: all 250ms;
}

.b-faq-expand-icon-vert.expanded {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-90deg) skew(0, 0);
    transition: all 250ms;
}

.b-faq-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: transparent;
    height: 0px;
    transition: all 200ms ease-in-out;
}

.b-faq-content-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #e4edf6;
}

.b-faq-content-text {
    padding: 24px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: break-spaces;
    line-break: normal;
}

.faq-expand-icon-line-vert {
    transform: RotateZ(0deg);
    transition: transform 0.3s ease;
}

.faq-expand-icon-line-vert.expanded {
    transform: RotateZ(-90deg);
}

.faq-content {
    transition: all 0.3s ease;
}

.h-rls-itm-expnd-arrow {
    transform: RotateX(0deg);
    transition: transform 0.3s ease;
}

.h-rls-itm-expnd-arrow.expanded {
    transform: RotateX(180deg);
}

.xpnd-mbl-itm-wrapper {
    transition: all 0.3s ease;
}

.categories-color-overlay:hover .categories-text {
    transform: scale(1.02);
}

.clutch-widget {
    align-self: stretch;
}

@media screen and (max-width:991px) {
    html {
        scroll-padding-top: calc(8.9vh + 48px);
        scroll-margin-top: calc(8.9vh + 48px);
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }

    .anchor {
        padding-top: 8.9vh;
        margin-top: -8.9vh;
    }

    /* .blog-post-richtext>h2,
    .blog-post-richtext>h3 {
        padding-top: 8.9vh;
        margin-top: -8.9vh;
    } */

    body {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
        padding-top: 0vw;
    }

    .home-h1 {
        font-size: 6.4vw;
    }

    table {
        font-size: 2.4vw;
        line-height: 1.2em;
        margin-bottom: 8vw;
        margin-top: 4vw;
    }

    td,
    th {
        text-align: left;
        padding: 1vw 1vw;
    }

    th {
        background-color: #d8e9f8;
    }

    .slide-nav.w-slider-nav>.w-slider-dot {
        width: 30.73%;
        height: 100%;
        background: #e2edff;
        border-radius: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .slide-nav.w-slider-nav>.w-slider-dot.w-active {
        width: 30.73%;
        height: 100%;
        background: #040745;
        border-radius: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .slide-nav.w-slider-nav.w-round>div {
        width: 30.73%;
        height: 100%;
        background: #e2edff;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }

    #hero-mobile {
        min-height: 100dvh;
        min-height: calc(var(--vh, 1dvh) * 100);
    }

    #hero-mobile[has-dinner-banner="true"] {
        min-height: 100dvh;
        min-height: calc((var(--vh, 1dvh) * 100) - 2rem);
    }

    .yt-player-holder-blog {
        width: 91.111111vw;
        height: 51.25vw;
        margin-top: 0;
        margin-bottom: 0;
    }

    .yt-player-btn-img {
        margin: auto;
        position: relative;
        width: 10vw;
        height: 10vw;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .success-check-video {
        width: 60vw !important;
        height: 60vw !important;
        max-width: 60vw !important;
        max-height: 60vw !important;
        margin: auto;
    }

    .rhr-video {
        border-radius: 6.25vw;
        width: 50.78vw;
        height: 109.9vw;
    }

    /* 
    .b2b-video {
        width: 80vw;
        height: 75vw;
    } */

    input.lcr-input:not(:placeholder-shown)~.lcr-input-label {
        font-size: 1.9vw;
        top: -2.5vw;
    }

    input.lcr-input:focus~.lcr-input-label {
        font-size: 1.9vw;
        top: -2.5vw;
    }

    /* ACCORDION WIDGET */

    .acc-content {
        row-gap: 2.2vw;
    }

    /* .acc-expand-item {
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
    } */

    .acc-q {
        cursor: auto;
    }

    .acc-expand-icon {
        width: 2.2vw;
        height: 2.2vw;
        margin-left: 4.4vw;
    }

    .acc-answer-content-wrapper {
        margin-top: 2.2vw;
    }

    .acc-answer-content-text {
        padding: 0;
        padding-bottom: 1.1vw;
        padding-left: 2.2vw;
        padding-right: 0vw;
        font-size: 2.6vw;
    }

    /* BLOG FAQ WIDGET */

    .blog-faq-content {
        row-gap: 1.1vw;
    }

    .faq-q {
        padding: 4.4vw;
        cursor: auto;
    }

    .faq-q-txt {
        font-size: 2.6vw;
    }

    .b-faq-expand-icon {
        /* width: 3.3vw;
        height: 3.3vw; */
        margin-left: 4.4vw;
    }

    .b-faq-content-wrapper {
        margin-top: 1.1vw;
    }

    .b-faq-content-text {
        font-size: 2.6vw;
    }

    /* @keyframes popup-appear {
        from {
            top: 100%;
        }

        to {
            top: 0%;
        }
    }

    @keyframes popup-disappear {
        from {
            top: 0%;
        }

        to {
            top: 100%;
        }
    } */

    .lcr-bar {
        top: -28vw;
    }

    /* .onb-popup.active {
        bottom: auto;
    } */

}

@media screen and (max-width:479px) {

    .home-h1 {
        font-size: 8vw;
    }

    input.lcr-input:not(:placeholder-shown)~.lcr-input-label {
        font-size: 3.2vw;
        top: -4.6vw;
    }

    input.lcr-input:focus~.lcr-input-label {
        font-size: 3.2vw;
        top: -4.6vw;
    }

    /* ACCORDION WIDGET */

    /* .acc-content {
        row-gap: 2.2vw;
    } */
    /* .acc-expand-item {
        margin-top: 1.1vw;
        margin-bottom: 1.1vw;
    } */

    .acc-expand-icon {
        width: 2.8vw;
        height: 2.8vw;
    }

    .acc-expand-icon-hor {
        height: 2px;
    }

    .acc-expand-icon-vert {
        width: 2px;
    }

    /* .acc-answer-content-wrapper {
        margin-top: 2.2vw;
    } */

    .acc-answer-content-text {
        font-size: 4.44vw;
    }

    /* BLOG FAQ WIDGET */
    .faq-q-txt {
        font-size: 4.44vw;
    }

    .b-faq-expand-icon {
        /* width: 4.4vw;
        height: 4.4vw; */
        margin-left: 5vw;
    }

    .b-faq-expand-icon-hor {
        height: 0.75vw;
    }

    .b-faq-expand-icon-vert {
        width: 0.75vw;
    }

    .b-faq-content-text {
        font-size: 4.44vw;
    }
}

/* DEV CARD HOVER INTERACTIONS */
.dev-card-content {
    transition: all 0.15s ease-out;
}

.dev-card-country {
    opacity: 0;
    width: 0;
    transition: all 0.15s ease-out;
}

.dev-crd-fullcountry {
    opacity: 1;
    height: auto;
    transition: all 0.15s ease-out;
}

.dev-card-tech.years {
    opacity: 1;
    transition: all 0.15s ease-out;
}

.dev-card-bio-scroll {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.dev-card-back-arrow {
    transition: all 0.15s ease-out;
}

/* DESKTOP */
@media screen and (min-width:992px) {
    .dev-card:hover .dev-card-country {
        opacity: 1;
        width: auto;
    }

    .dev-card:hover .dev-crd-fullcountry {
        opacity: 0;
        height: 0;
    }

    .dev-card:hover .dev-card-bio-scroll {
        opacity: 1;
    }

    .dev-card:hover .dev-card-tech.years {
        opacity: 0;
    }

    .dev-card:hover .dev-card-content {
        transform: translateY(-245px);
    }

    .dev-card-back-arrow {
        opacity: 0;
    }
}

/* TABLET */
@media screen and (max-width:991px) {
    .dev-card[expanded] .dev-card-country {
        opacity: 1;
        width: auto;
    }

    .dev-card[expanded] .dev-crd-fullcountry {
        opacity: 0;
        height: 0;
    }

    .dev-card[expanded] .dev-card-bio-scroll {
        opacity: 1;
    }

    .dev-card[expanded] .dev-card-tech.years {
        opacity: 0;
    }

    .dev-card[expanded] .dev-card-back-arrow {
        transform: rotateY(180deg);
    }

    .dev-card[expanded] .dev-card-content {
        transform: translateY(-28vw);
    }
}

/* PHONE */
@media screen and (max-width:479px) {
    .dev-card[expanded] .dev-card-content {
        transform: translateY(-48vw);
    }
}

/* END OF DEV CARD HOVER INTERACTIONS */

/* TECH STACK BUTTON HOVER INTERACTIONS */
.stack-btn-icon {
    transform: scale(0.85);
    transition: all 0.15s ease-out;
}

.stack-btn:hover .stack-btn-icon {
    transform: scale(1);
}

.stack-btn {
    transition: all 0.15s ease-out;
}

.stack-btn:hover {
    border-left-color: var(--color--green-aqua);
}

/* END OF TECH STACK BUTTON HOVER INTERACTIONS */