/* Admin styles */

html :where(.wp-block) {
    max-width: 1440px;
}


/* Admin styles */

.header{
    position: fixed;
    top:0;
    z-index: 999;
    width: 100%;
    transition: all 0.3s ease;
}

.header.scrolled{
    background:#fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
}

.header .logo img{
    height: 40px;
}

.header .nav{
    display: flex;
    align-items: center;
}


.header .nav ul.sub-menu{
    display: none;
    position: absolute;
    border-radius: 4px;
    background: var(--Primary-grey-white, #F4F4F4);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10);
    padding-left: 0;
    top: 66px;
}

.header .nav ul.sub-menu li a{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    padding-left: 2px;
    padding-right: 2px;
    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    text-transform: none;
    text-size-adjust: none;
}




.header .nav ul.sub-menu li{
    margin:0;
    padding:21px 18px;
}

.header .nav > ul > .menu-item{
    min-height: 40px;
    display: flex;
    align-items: center;
}

.header .nav .menu-item:hover ul.sub-menu{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.header .menu-item-has-children > a{
    position: relative;
    display: flex;
    align-items: center;
}

.header .menu-item-has-children > a:after{
    content: "";
    display: block;
    background: url(./assets/images/menu-arrow.svg) no-repeat center;
    width: 7px;
    height: 4px;
    right: -17px;
    top: 4px;
    transition: all 0.3s ease;
    margin-left:8px;
}

.header .menu-item-has-children:hover > a:after{
    transform: rotate(180deg);

}

body{
    background-image:url(./assets/images/background-gradients.svg);
    background-size: 2480px;
    background-position: 50% -80px;
    background-repeat: no-repeat;
    margin:0;
   padding-top: 100px!important;
}

body.about{
    background-image:url(./assets/images/background-gradients-about-desktop.svg);
    background-position: 30% -670px;
    background-size: 2422px;
}

body.solutions-landing{
    background-image:url(./assets/images/background-gradients-solutions-landing-desktop.svg);
    background-position: 30% -337px;
    background-size: 2422px;
}

body.solutions-detail{
    background-image:url(./assets/images/background-gradients-solutions-detail-desktop.svg);
    background-position: 50% -630px;
    background-size: 2422px;
}



body.error404{
    background-image:url(./assets/images/background-gradients-error-desktop.svg);
    background-position: 30% -240px;
}

body.blog{
    background-image:url(./assets/images/background-gradients-blog-landing-desktop.svg);
    background-position: 30% -240px;
}

body.contact{
    background-image:url(./assets/images/background-gradients-contact-desktop.svg);
    background-position: 50% -200px;
    background-size: 2442px;
    background-color: #F4F4F4;
}

body.faqs-section{
    background-image:url(./assets/images/background-gradients-faqs.svg);
    background-position: 0% -240px;
    background-color: #F4F4F4;
    background-repeat: no-repeat;
}

body.industries-landing{
    background-image:url(./assets/images/background-gradients-industry-landing-desktop.svg);
    background-position: 50% -260px;
    background-repeat: no-repeat;
    background-size: 1942px;
}

body.industries-detail{
    background-image:url(./assets/images/background-gradients-industry-detail-desktop.svg);
    background-position: 50% -208px;
    background-repeat: no-repeat;
    background-size: 2442px;
}

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

    body{
        background:url(./assets/images/mobile-gradient.svg);
        background-size: 1136px;
        background-position: 65% 260px;
        background-repeat: no-repeat;
        margin:0;
        padding-top: 90px!important;
    }
    body.about{
        background-image:url(./assets/images/background-gradients-about-mobile.svg);
        background-position: 65% -200px;
    }

    body.solutions-landing{
        background-image:url(./assets/images/background-gradients-solutions-landing-mobile.svg);
        background-position: 65% -200px;
    }

    body.error404{
        background-image:url(./assets/images/background-gradients-error-mobile.svg);
        background-position: 65% -200px;
    }


    body.blog{
        background-image:url(./assets/images/background-gradients-blog-landing-mobile.svg);
        background-position: 65% -200px;
    }

    body.contact{
        background-image:url(./assets/images/background-gradients-contact-mobile.svg);
        background-position: 65% -200px;
    }

    body.faqs-section{
        background-image:url(./assets/images/background-gradients-faqs-mobile.svg);
        background-position: 65% -200px;
        background-size: 100%;
    }

    body.industries-landing{
        background-image:url(./assets/images/background-gradients-industry-landing-mobile.svg);
        background-position: 40% -120px;
        background-size: 973px;
    }

    body.industries-detail{
        background-image:url(./assets/images/background-gradients-industry-detail-mobile.svg);
        background-position: 65% -200px;
        background-size: 100%;
    }

}


.container{
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
    box-sizing: border-box;
}

.container.container-inner{
    padding-left: 64px;
    padding-right: 64px;
}

.container-small{
    max-width: 864px;
}

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

.container {
    padding-left: 16px;
    padding-right: 16px;
}

    .container.container-inner{
        padding-left: 32px;
        padding-right: 32px;
    }

}

.mob-show{
    display: none;
}

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

    .mob-show{
        display: block;
    }

    .mob-hide{
        display: none;
    }
}

.flex{
    display: flex;
}

.button{
    cursor: pointer;
}

.header .container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 28px;
    padding-left: 64px;
    padding-right: 64px;

}

.hero-section .container{display: flex;

}

.hero-section .container{
    margin-left: auto;
    margin-right: auto;

}

.header .nav-mob{
    display: none;
}

.header .nav ul{
    list-style: none;
    margin:0;
    display: flex;
}

.header .nav ul li{
    margin-left: 32px;
}

.header .nav ul li a{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.4s ease;
}

.header .nav ul li > a:hover, .header .nav ul li.current_page_item > a{
    transition: all 0.4s ease;
   text-decoration: underline;
    text-underline-offset: 5px;
}

.flex{
    display: flex;;
}

.hero-section .background{
    background:url(./assets/images/homepage-header-scans.ai.webp);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position:100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;
}

.hero-section .admin-background{
    background:url(./assets/images/homepage-header-scans.ai.webp);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position:100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;
    color:#fff!important;
}

.hero-section .admin-background .flex{
    margin-bottom:60px;
}

.hero-section .background:after{
    content: "";
    background: url(./assets/images/Subtract.png);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: hue;
    opacity: 0.59;
}


@media (max-width: 1024px) {

    .phone-frame{
        display: none;
    }

    .hero-section .background {
        background: url(./assets/images/mobile-hero.jpg);
        background-size: 977px;
        background-position: 100% 64%;
        justify-content: space-between;
        height: 380px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .hero-section .background:after{
        height: 380px;
    }


}


@media (max-width: 900px) {


    .hero-section .background:after{
        content: "";
        background: url(./assets/images/Subtract-mob.png);
        opacity: 1;
        background-repeat: no-repeat;
        background-size: cover;
    }



    .hero-section .background {
    background: url(./assets/images/mobile-hero.jpg);
    background-size: cover;
    background-position: 20%;
    justify-content: space-between;
}

}

.hero-section .container{
    padding-top: 0px;
}


@keyframes slideUp {

   0% {
        margin-bottom: -480px;
        filter: blur(6px);
    }


    100% {margin-bottom: -40px;
        filter: blur(0px);}
}

.phone-container {
    height: 448px;
    width: 430px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 72px;
    overflow: hidden;
}

.phone-frame{
    background:url(./assets/images/phone-frame.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 222.836px;
    height: 446.959px;
    position: absolute;
    right: 75px;
    bottom: 0px;
    animation: slideUp 1.3s ease-out;
    animation-fill-mode: forwards;
}

.hero-section .background h1{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    max-width: 424px;
    margin-bottom: 50px;
    /* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 49.5px */
}

.hero-section .background .flex{
    padding-right: 378px;
}

.hero-section .background .flex .item{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}

.hero-section .background .flex .item span{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 36px */
    width: 100%;
    display: block;
}


.hero-section .button-wrap{
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 20px;
    display: flex;
    border-top-left-radius: 24px;
    gap: 7px;
    height: 82px;
    box-sizing: border-box;
    padding-right: 0px;
    padding-bottom: 0px;
    align-items: flex-end;
}

.hero-section .button-wrap.mob-show{
    display: none;
    height: auto;
}

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

    .hero-section .background{
        height: 340px;
    }

    .hero-section .background h1{
        font-size: 30px;
        max-width: 238px;
        margin-top: 32px;
        margin-bottom: 42px;
    }

    .hero-section .container{
        flex-direction: column;
    }

    .phone-container{
        display: none;
    }

    .hero-section .background .flex{
        padding-right: 0px;
        z-index: 9;
        width: 80%;
    }

    .hero-section .background .flex .item{

    }

    .hero-section .button-wrap{
        align-items: normal;
    }


    .hero-section .button-wrap.mob-show{

        position: relative;
        flex-direction: column;
        display: flex;
        gap:16px;
        padding-top: 24px;
    }

    .hero-section .button-wrap.mob-show a{
        text-align: center;
        justify-content: center;
    }

    .hero-section .button-wrap.mob-hide{
        display: none;
    }
}


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

    .hero-section .background .flex .item {
        padding-right: calc(100vw - 372px);
        box-sizing: border-box;
    }

}

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




    .hero-section .background h1 {
        font-size: 28px;
    }
}



.hero-section .button-wrap:before{

    background: transparent;
    height: 64px;
    width: 32px;
    position: absolute;
    bottom: 0;
    left: -32px;
    border-bottom-right-radius: 32px;
    box-shadow: 0 32px 0 #fff;
}

.hero-section .button-wrap:after{

    background: transparent;
    height: 64px;
    width: 32px;
    position: absolute;
    bottom: 92px;
    right: 0;
    border-bottom-right-radius: 32px;
    box-shadow: 0 32px 0 #fff;
}


.hero-section .button-wrap .button{
    z-index: 99;
    text-decoration: none;
}

.button{
    padding:22px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    line-height: 100%;
}

/* Keyframes to rotate the gradient */
@keyframes rotateGradient {
    0%   { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}



.button.button-black{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 0px solid var(--Primary-black, #000);
    background: var(--Primary-black, #000);
    position: relative;
    overflow: hidden;
    text-decoration: none;
}


.button.button-black::before{
    content: "";
    height: 300px;
    width: 300px;
    position: absolute;
    left: calc(50% - 150px);
    background: var(--pink-blue-gradient, linear-gradient(257deg, #4871C5 2.87%, #BC0070 118.67%));
    animation: rotateGradient 3s linear infinite;
    opacity: 0;
    transition: all 0.5s;
}

.button.button-black:hover::before{
    opacity: 1;
}

.button.button-black span{
    z-index: 9;
}

.button.button-black{

}

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

    .button.button-black::before{
        height: 1000px;
        width: 1000px;
         left: calc(50% - 500px);
    }

}

.button.button-white{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 40px;
    background: #FFF;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #000;

}

.button.button-white:hover{
    border:none;
    background: transparent;

    padding-left: 23px;
    padding-right: 23px;
}

.button.button-white:hover::after {
    content: "";
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    position: absolute;
    z-index: 8;
    background: #fff;
    left: 1px;
    top: 1px;
    border-radius: 40px;
    border: 0px solid;
    opacity: 1;
}

.button.button-white::before{
    content: "";
    height: 300px;
    width: 300px;
    position: absolute;
    left: -50px;
    background: var(--pink-blue-gradient, linear-gradient(257deg, #4871C5 2.87%, #BC0070 118.67%));
    animation: rotateGradient 4s linear infinite;
    opacity: 0;

}

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

    .button.button-white::before{
        height: 1000px;
        width: 1000px;
    }

}


.button.button-white:hover::before, .button.button-white:hover::after{
    opacity: 1;
}

.button.button-white:hover::after{
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    left: 2px;
    top: 2px;
}


.button.button-white span{
    z-index: 9;
}


.button.button-blue{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 1px solid var(--Secondary-blue-mid, #4871C5);
    background: var(--Secondary-blue-mid, #4871C5);
}


.hero-section .scan-item span{
    color: var(--Primary-black, #000);
    font-family: Sora;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 12px; /* 100% */
    border-radius: 8.507px;
    background: var(--Primary-white, #FFF);
    padding: 10px;
    position: absolute;

}

.hero-section .scan-item .box{
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0px 0px 13.6px 0px rgba(188, 0, 112, 0.57);

}

.hero-section .slick-dots li button:before {
    opacity: .5;
    color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.hero-section .slick-dots li.slick-active button:before {
    opacity: .75;
    color: transparent;

}

.hero-section .slick-dots{
    text-align: left;
    margin-top: 24px;
}

.hero-section .slick-list{
    margin-bottom: 24px;
}

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

    .hero-section .slick-dots{
        text-align: left;
        margin-top: 12px;
    }

    .hero-section .slick-list{
        margin-bottom: 12px;
    }

}

/* Animated Boxes */

@keyframes fadeIn {

    from {opacity: 0;}

    to {opacity: 1}
}

@keyframes flickerIn {

    0% {opacity: 0;}

    30% {opacity: 0.8;}

    35% {opacity: 0}

    100% {opacity: 1}
}

.phone-frame .white-bg{
    background: #fff;
    opacity: 0.2;
    width: calc(100% - 8px);
    height: 100%;
    border-radius: 32px;
    margin-left: 4px;
    margin-right: 4px;
}

.hero-section .scan-item span{
    opacity: 0;
    animation: fadeIn 0.8s ease-out;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
}


.hero-section .scan-item .line{
    opacity: 0;
    animation: fadeIn 1s ease-out;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
}

.hero-section .scan-item .box{
    opacity: 0;
    animation: flickerIn 0.8s ease-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}


.hero-section .scan-item.scan1{

    position: absolute;
    width: 100%;
    left: 145px;
    top: 73px;
}

.hero-section .scan-item.scan1 .box{
    animation-delay: 2s;
    width: 21.297px;
    height: 22.269px;
}



.hero-section .scan-item.scan1 .line{
    height: 30px;
    width: 1px;
    background: #fff;
    transform: rotate(45deg);
    top: -12px;
    left: 22px;
    position: absolute;
    animation-delay: 2.4s;
}

.hero-section .scan-item.scan1 span{
    top: -20px;
    left: 20px;
    animation-delay: 2.8s;
}

.hero-section .scan-item.scan1 .line:after{
    content: "";
    height: 5px;
    width: 5px;
    display: block;
    background: #FFF;
    border-radius: 32px;
    position: absolute;
    top: 29px;
    left: -2px;
}

.hero-section .scan-item.scan2{

    position: absolute;
    width: 100%;
    left: 20px;
    top: 152px;
}

.hero-section .scan-item.scan2 .box{
    width: 38.672px;
    height: 29.991px;
}

.hero-section .scan-item.scan2 span{
    top: -40px;
    left: -94px;
}


.hero-section .scan-item.scan2 .line{
    height: 30px;
    width: 1px;
    background: #fff;
    transform: rotate(-24deg);
    top: -15px;
    left: 12px;
    position: absolute;
}

.hero-section .scan-item.scan2 .line:after{
    content: "";
    height: 5px;
    width: 5px;
    display: block;
    background: #FFF;
    border-radius: 32px;
    position: absolute;
    top: 29px;
    left: -2px;
}



.hero-section .scan-item.scan3{
    position: absolute;
    width: 100%;
    left: 138px;
    top: 194px;
}

.hero-section .scan-item.scan3 .box{
    animation-delay: 2.65s;
    width: 21.297px;
    height: 22.269px;
    animation-delay: 3s;
}


.hero-section .scan-item.scan3 .line{
    height: 30px;
    width: 1px;
    background: #fff;
    transform: rotate(148deg);
    top: 10px;
    left: 22px;
    position: absolute;
    animation-delay: 3.4s;
}

.hero-section .scan-item.scan3 span{
    top: 20px;
    left: 20px;
    animation-delay: 3.8s;
}


.hero-section .scan-item.scan3 .line:after{
    content: "";
    height: 5px;
    width: 5px;
    display: block;
    background: #FFF;
    border-radius: 32px;
    position: absolute;
    top: 29px;
    left: -2px;
}




/* Intro */

.intro-section{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.intro-section p{
    max-width: 1000px;
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 0px;
    margin-bottom: 88px;
}

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

    .intro-section p{
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 20px;
    }

    .intro-section{
        margin-bottom: 60px;
        font-size: 20px;
    }

}

.carousel-section{
    overflow: hidden;
}

.carousel-section .container{

    padding: 0px;
}


.carousel-section .slick-prev {
    right: calc(50% - 600px);
    top: -42px;
    left: unset;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
;
}

.carousel-section .slick-prev:before {
    background: url(./assets/images/arrow-back.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
    color: #000 !important;
    width: 20px;
    height: 10px;
    display: block;
    z-index: 999;
    position: relative;
    content: "";
    border-radius: 32px;
    border: 1px solid var(--Primary-black, #000);
    width: 32px;
    height: 32px;
}

.carousel-section .slick-next {
    right: calc(50% - 640px);
    top: -42px;
    left: unset;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
;
}

.carousel-section .slick-next:before {
    background: url(./assets/images/arrow-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
    color: #000 !important;
    width: 20px;
    height: 10px;
    display: block;
    z-index: 999;
    position: relative;
    content: "";
    border-radius: 32px;
    border: 1px solid var(--Primary-black, #000);
    width: 32px;
    height: 32px;

}




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

    .carousel-section .slick-prev {
        right: 72px;
    }

    .carousel-section .slick-next {
        right: 32px;
    }
}


.carousel-section .carousel-wrap .slick-track{
    margin-left: calc(50% - 688px);
}

@media screen and (min-width: 1440px) {

    .carousel-section .slick-list{
        max-width: 1376px;
        margin-left: auto;
        margin-right: auto;
    }

    .carousel-section .slick-track{
        padding-left: 60px;
    }

    .carousel-section .carousel-wrap .item{

        max-width: 415px!important;
    }
}

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

    .carousel-section .carousel-wrap .slick-track{
        margin-left: 32px;
    }

}


.carousel-section h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 32px;
    padding-left: 64px;
}

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

    .carousel-section h3{
        font-size: 15px;
    }

}

.carousel-section .container > p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
    padding-left: 64px;
    max-width: 1000px;

}

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

    .carousel-section .carousel-wrap .slick-track{
        margin-left: 0px;
    }

    .carousel-section h3,.carousel-section .container > p{
        padding-left: 32px;
    }

    .carousel-section .container > p{
      font-size:20px;
    }
}

.carousel-section .carousel-wrap .item{
    max-width: 400px;
    margin-right: 32px;
    border-radius: 24px;

}
.wp-block-custom-carousel-section-team.carousel-section .carousel-wrap .item{
    background: #FFF;
    min-height: 701px;
}


.carousel-section .carousel-wrap .item .image{
    border-radius: 24px;
    background-size: cover;
    height: 400px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 32px;
    box-sizing: border-box;
    flex-direction: column;
    position: relative;

}

.wp-block-custom-carousel-section-team.carousel-section .carousel-wrap .item .image{
    margin:8px;
}

.carousel-section .linkedin-icon{
    position: absolute;
    bottom: 37px;
    right: 32px;
    transition: all 0.4s;
}
.carousel-section .linkedin-icon:hover{
    opacity: 0.5;
}

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

    .wp-block-custom-carousel-section-team.carousel-section .carousel-wrap .item{
        min-height: 673px;
    }

    .carousel-section .carousel-wrap .item{
        max-width: 280px;
        margin-right: 16px;

    }


    .carousel-section .carousel-wrap .item .image{

        height: 264px;
        padding: 24px 16px;

    }

    .carousel-section .carousel-wrap .item p{
        margin-left: 16px;

    }


}

.carousel-section .carousel-wrap .item .image h4{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-3 */
    font-family: Sora;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0px;
}

.carousel-section .carousel-wrap .item .image span{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-3 */
    font-family: Sora;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

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

    .carousel-section .carousel-wrap .item .image h4{
        margin-bottom: 0px;
        font-size: 20px;
    }


}

.carousel-section .carousel-wrap .item p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

/* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    padding-left: 32px;
    padding-right: 32px;
}

.wp-block-custom-carousel-section-team.carousel-section .carousel-wrap .item p{
    margin-top:24px;
    margin-bottom:32px;
}


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

    .carousel-section .carousel-wrap .item  p{
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* Logos */

.logo-section{
    margin-top: 32px;
}


.logo-section .container .background{
    border-radius: 24px;
    background: var(--Primary-grey-white, #F4F4F4);
    backdrop-filter: blur(5px);
    text-align: center;
    box-sizing: border-box;
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: hidden;
}

.logo-section .container .background:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100px;
    background: url(./assets/images/Background-Shape-left.png);
    background-size: contain;
    left: 0px;
    top: 0px;
    z-index: 99;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    filter: brightness(1.05);
}

.logo-section .container .background:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100px;
    background: url(./assets/images/Background-Shape-right.png);
    background-size: contain;
    right: 0px;
    top: 0px;
    z-index: 99;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    filter: brightness(1.05);
}

.logo-section .container h2{
    color: var(--Primary-black, #000);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 48px;
    z-index: 999;
    position: relative;
/* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
    margin-top: 0;
    margin-bottom: 48px;
}

.logo-wrap img{
    margin-right: 32px;
}


/* How It Works */

.how-section{
    margin-top:10px;
}

.how-section .container{
    padding-bottom: 0px;
    padding-top: 4px;
}

.how-section .container > .flex{
    border-radius: 24px;
    background: #E6E8E9;
    padding: 80px 32px;
    padding-bottom: 60px;
}

.how-section h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding-left: 32px;
}

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

    .logo-section .container .background{
        padding-top: 32px;
        padding-bottom: 32px;

    }

    .logo-section .container h2{
        padding-left: 24px;
        padding-right: 24px;
        font-size:20px;
    }


    .how-section{
        margin-top: 10px;
        margin-bottom:32px ;
    }

    .how-section .container .flex{
        padding:0;

    }

    .how-section .container > .flex{
        padding-left: 16px;
        padding-right: 16px;
    }


    .how-section h3{
        padding-left: 16px;
        font-size: 15px;
    }
}
.how-section .flex{
    flex-wrap: wrap;
    justify-content: space-between;
}

.how-section .container > .flex {
    column-gap: 120px;
}

.how-section .flex .flex{
    flex-wrap: nowrap;
    align-items: flex-start;
}

.how-section .flex > div h4{
    max-width: 420px;
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 0px;
    margin-bottom: 24px;
}

.how-section .flex > div img{
    margin-bottom: 30px;
}

.how-section .flex > div {
    width: calc(50% - 60px);
    margin-top: 0px;
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

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

    .how-section .flex > div h4{
        font-size: 20px!important;
    }

    .how-section .flex > div {
        width: 100%;
        margin-bottom: 16px;
    }

}

.how-section .flex .flex > div {
    width: 100%;
    margin-left: 24px;
}

.how-section .flex .flex > div p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}



.how-section .flex > div:nth-of-type(2n) img{
    margin-top: 200px;
}

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

    .how-section .flex > div:nth-of-type(2n) img{
        margin-top: 0px;
    }

    .how-section .container > .flex > div{
        margin-top: 70px;
    }

}

.how-section .flex > div img{
    width: 100%;
    padding-left: 89px;
    padding-right: 110px;
    box-sizing: border-box;
}

.how-section .flex > div:nth-child(5) img{
    padding-left: 66px;
    padding-right: 30px;

}

.how-section .flex > div:nth-child(6) img {
    padding-left: 48px;
    padding-right: 89px;
}

.how-section.wp-block-custom-solutions .flex > div:nth-of-type(1) img{
    padding-left: 89px;
    padding-right: 102px;
}

.how-section.wp-block-custom-solutions .flex > div:nth-of-type(2) img{
    padding-left: 89px;
    padding-right: 30px;
}

.how-section.wp-block-custom-solutions .flex > div:nth-of-type(3) img{
    padding-left: 45px;
    padding-right: 145px;
}

.how-section.wp-block-custom-solutions .flex > div:nth-of-type(4) img{
    padding-left: 57px;
    padding-right: 104px;

}


/* Carscan image padding */

.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(1) img{
    padding-left: 90px;
    padding-right: 117px;
}

.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(2) img{
    padding-left: 118px;
    padding-right: 95px;
}

.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(3) img{
    padding-left: 51px;
    padding-right: 143px;
}

.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(4) img{
    padding-left: 48px;
    padding-right: 64px;
}

.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(5) img{
    padding-left: 84px;
    padding-right: 106px;
}


.Carscan .how-section.wp-block-custom-solutions .flex > div:nth-of-type(6) img{
    padding-left: 32px;
    padding-right: 112px;
}


/* Link image padding */

.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(1) img{
    padding-left: 42px;
    padding-right: 64px;
}

.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(2) img{
    padding-left: 80px;
    padding-right: 80px;
}

.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(3) img{
    padding-left: 112px;
    padding-right: 92px;
}

.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(4) img{
    padding-left: 94px;
    padding-right: 112px;
}

.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(5) img{
    padding-left: 44px;
    padding-right: 106px;
}


.Link .how-section.wp-block-custom-solutions .flex > div:nth-of-type(6) img{
    padding-left: 105px;
    padding-right: 82px;
}



/* Partsmart image padding */

.Partsmart .how-section.wp-block-custom-solutions .flex > div:nth-of-type(1) img{
    padding-left: 94px;
    padding-right: 94px;
}

.Partsmart .how-section.wp-block-custom-solutions .flex > div:nth-of-type(2) img{
    padding-left: 102px;
    padding-right: 112px;
}

.Partsmart .how-section.wp-block-custom-solutions .flex > div:nth-of-type(3) img{
    padding-left: 97px;
    padding-right: 93px;
}

.Partsmart .how-section.wp-block-custom-solutions .flex > div:nth-of-type(4) img{
    padding-left: 141px;
    padding-right: 110px;
}

.Partsmart .how-section.wp-block-custom-solutions .flex > div:nth-of-type(5) img{
    padding-left: 109px;
    padding-right: 68px;
}



/* Juiceit.AI image padding */

.Juiceit.AI .how-section.wp-block-custom-solutions .flex > div:nth-of-type(1) img{
    padding-left: 91px;
    padding-right: 100px;
}

.Juiceit.AI .how-section.wp-block-custom-solutions .flex > div:nth-of-type(2) img{
    padding-left: 80px;
    padding-right: 102px;
}

.Juiceit.AI .how-section.wp-block-custom-solutions .flex > div:nth-of-type(3) img{
    padding-left: 72px;
    padding-right: 107px;
}

.Juiceit.AI .how-section.wp-block-custom-solutions .flex > div:nth-of-type(4) img{
    padding-left: 141px;
    padding-right: 110px;
}

.Juiceit.AI .how-section.wp-block-custom-solutions .flex > div:nth-of-type(5) img{
    padding-left: 82px;
    padding-right: 133px;
}





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

    .how-section .flex > div img{
        width: 100%;
        padding-left: 0px!important;
        padding-right: 0px!important;

    }


}


/* Banner section */


.banner-section{
    margin-top: 0px;
}
@media screen and (max-width: 1000px) {
    .banner-section{
        margin-top: 0px;
    }

}

.banner-section .container{
    padding-bottom: 0;
}


.banner-section .container .flex{
    background:url(./assets/images/bottom-banner.jpg);
    background-size: cover;
    height: 480px;
    padding: 32px;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
    border-radius: 24px;
    box-sizing: border-box;
}

.banner-section .container .flex h2{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    margin-bottom: 0;
/* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 49.5px */
    max-width: 468.025px;
}

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

    .banner-section .container .flex h2{
        font-size: 43px;
        max-width: 410px;
    }
}

.banner-section .container .flex .button-wrap{
    height: 70px;
}

.banner-section .container .flex .button-wrap .button{
    margin-right: 7px;
}

.banner-section .button-wrap.mob-show{
    display: none;
}

.banner-section .button-wrap.mob-show{
    height: auto ;
    flex-direction: column;
    margin-top: 24px;
}

.banner-section .button-wrap.mob-show .button{
    margin-bottom: 16px;
    text-align: center;
    justify-content: center;
}
@media screen and (max-width: 1000px) {

    .banner-section .button-wrap.mob-show{
        display: flex;
    }

    .banner-section .container{
        padding-bottom: 0px;
        padding-top:0px;
    }

    .banner-section .container .flex{
        height: 300px;
        background-position: 60%;
        box-sizing: border-box;
    }

    .banner-section .container .flex h2{
        font-size: 30px;
    }

}


/* Footer */


footer .footer{
    border-radius: 24px;
    background: var(--Primary-grey-mid, #B6BDC5);
    background-image:url(./assets/images/footer-gradient.png);
    background-position: 50%;
    background-size: cover;
    padding: 32px;

}

.footer .flex{
    display: flex;
    justify-content: space-between;
}

footer .footer .flex > div{
display: flex;
}

ul#menu-footer-03 {
    flex-direction: row;
    list-style: none;
}


footer .footer p{color: var(--Primary-black, #000);

/* Desktop/small-body-copy */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    word-wrap: break-word;
    margin-top: 8px;
    margin-bottom: 8px;
}

footer .footer > div .menu{
    display: flex;
    flex-direction: column;
    margin-left: 80px;
    max-width: 180px;
}

footer .footer > div .menu .menu{
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}


footer .footer > div .menu ul{
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}

footer .footer > div .menu ul li a{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    text-decoration: none;
/* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    transition: all 0.5s ease;

}

footer .footer .footer-bottom .menu ul li a{
font-size: 14px;
}

footer .footer > div .menu ul li{

    margin-top: 8px;
    margin-bottom: 8px;
}


footer .footer-bottom{
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

footer .footer > div.footer-bottom .menu{
    margin-left: 12px;
    max-width: 100%;
    align-items: flex-end;
    margin-bottom: 0;
}

footer .footer-bottom ul{
    display: flex;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 0;
}

footer .footer-bottom ul li{
    margin-left: 32px;
}

footer .footer > div .menu ul li a:hover{
color: #BC0070;
}

footer .logo img{

    max-height: 40px;
}

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

    ul#menu-footer-03 {
        align-items: flex-start;
        padding-left: 0;
        flex-direction: column;
    }


    footer .logo img{
        max-width: 114px;

    }

    footer .footer-bottom{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    footer .footer-bottom ul{
        flex-direction: column;
        align-items: flex-start;
    }

    footer .footer-bottom ul li{
        margin-left: 0px;
    }

    footer .footer > div.footer-bottom .menu{
        margin-left: 0px;
    }

}


footer .footer > div .menu h5{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

/* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%; /* 21.6px */
    margin-bottom: 8px;
    margin-top: 0;
}

footer .footer > div .menu a{
    margin-bottom: 16px;
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    text-decoration: none;
    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}


footer .footer > div .menu p{
    margin-bottom: 16px;
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    text-decoration: none;
    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}

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

    .footer .flex{
        flex-direction: column;
    }
    footer .footer .flex > div{
        flex-direction: column;
    }

    footer .footer > div .menu{
        margin-left: 0px;
    }

    footer .footer .flex > div > .menu{
        margin-top: 32px;
    }

}


/* Mobile nav  */


@keyframes slideDown {

    0% {
        bottom: -500px;
        filter: blur(6px);
        opacity: 0;
    }

    50% {
        opacity: 0;
    }



    100% {
        bottom: 0px;
        filter: blur(0px);
        opacity: 1;
    }
}




.mobile-menu{
    display: none;
}

.mobile-menu .open{
    cursor: pointer;
}

.mobile-menu .close{
    display: none;
    cursor: pointer;
}

.nav-mob{
    display: none;
    transition: all 0.5s ease;
    opacity: 0;
}

.nav-mob.open{
    opacity: 1;
    display: block;
    position: fixed;
    top: 78px;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    background: #fff;
    background-image:url(./assets/images/mob-menu-bg.png);
    background-size: cover;
    animation: slideDown 0.4s ease;
}

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

    .header.open {
        max-height: 76px;
        margin-bottom: 32px;
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10);
        transition: all 1s;
    }

    .header.open .close{
        display: block;
    }

    .header.open .mobile-menu .open{
        display: none;
    }

    .header .container{
        padding:24px;
    }

    .nav-mob ul{
        list-style: none;
        padding-left: 0px;
        margin-top: 32px;
    }

    .nav-mob ul > li a{
    padding-left: 32px;
}

    .nav-mob ul.sub-menu{
        display: none;
    }

    .nav-mob .menu-item-has-children a{
      display: inline-flex;
        position: relative;
    }

    .menu-item-has-children .sub-menu a{

        text-transform: none;
    }

    .nav-mob .menu-item-has-children > a:after{
        content: "";
        display: block;
        position: absolute;
        background: url(./assets/images/menu-arrow.svg) no-repeat center;
        width: 7px;
        height: 4px;
        right: -17px;
        top: 4px;
        transition: all 0.3s ease;
    }

    .nav-mob .menu-item-has-children.open > a:after{
        transform: rotate(180deg);

    }

    .nav-mob ul.sub-menu.open{
        display: block;
        background: var(--Primary-grey-white, #F4F4F4);
    }

    .nav-mob .menu-item{

    }

    .nav-mob li{
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .nav-mob a{
        color: var(--Primary-black, #000);
        leading-trim: both;
        text-edge: cap;
        text-decoration: none;
        /* Desktop/nav-items-inactive */
        font-family: Sora;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 14px */
        letter-spacing: 0.7px;
        text-transform: uppercase;

    }

    .header .nav{
        display: none;
    }

    .mobile-menu{
        display: block;
    }



}


/*  Book Modal */



@keyframes slideUpModal {

    0% {
        top: -400px;
        filter: blur(6px);

    }

    60% {
        top: -200px;
        filter: blur(4px);

    }

    100% {top: 0px;
        filter: blur(0px);

    }
}




.book-modal{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    z-index: 999;
    animation: slideUpModal 0.4s ease-out;
}


.book-modal form{
    background-color: #F4F4F4;
    background-image:url(./assets/images/background-gradients.png);
    background-size: cover;
    margin:0;
    height: calc(100% - 120px );
    display: flex;
    align-items: center;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
    min-width: 1344px;
    max-width: 1440px;
    position: relative;
    margin-top: 40px;
}

.book-modal.open{
    display: flex;
}

@media screen and (max-width: 1000px) {
    .book-modal .form-page{
        flex-direction: column;
        padding: 24px;
    }

    .book-modal form{
        min-width: unset;
        padding-top: 80px;
        padding-bottom: 40px;
        background-image:url(./assets/images/modal-gradient-mob.png);
        background-size: cover;

    }

}




/* About */



/* Hide the default file input */
#cv_upload {
    display: none;
}

/* Style the label as a button */
.custom-file-upload {
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: var(--Primary-grey-dark, #69747C);
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 6px 8px;
    border-radius: 2px;
    border: 1px solid var(--Primary-grey-dark, #69747C);
}

.custom-file-upload:hover {
    border: 1px solid  #000;
    color: var(--Primary-black, #000);
}

/* File name styling */
#file-name {
    color: var(--Primary-grey-dark, #69747C);
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    position: relative;

}

#file-name.open{
padding-left: 20px;
}

#file-name.open:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 4px;
    background-image: url("./assets/images/Upload Icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 8.891px;
    height: 12px;
}

body.about{
    background-color: #F4F4F4;
}

.formats{
    font-size: 12px;
    margin-top: 8px;
}

.upload-flex {
    display: flex;
    border-radius: 4px;
    background: var(--Primary-white, #FFF);
    box-sizing: border-box;
    height: 56px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
}


@keyframes growIn {

    0% {
        opacity: 0.3;
       width:1px;
        transform: scaleY(0.01);
    }

    20% {
        width:100%;
        transform: scaleY(0.01);
    }

    85%{
        opacity: 0.9;
        width:100%;
        transform: scaleY(0.95);
    }

    100% {
        opacity: 1;
        width:100%;
        transform: scaleY(1);
    }
}

/*
.header-section .container:nth-child(2) > *{
    margin-left: auto;
    margin-right: auto;
    animation: growIn 4s ease;
}


.header-section .container:nth-child(2){
    min-height: 548px;
}
@media screen and (max-width: 1480px) {

    .header-section .container:nth-child(2){
        min-height: 280px;
    }

    .header-section .container:nth-child(2) img{
        object-fit: cover;
        height: 100%;
        min-height: 280px;
    }

}

*/



.about .header-section .flex > div:nth-child(2) {
    max-width: calc(50% - 120px);
}

.about .header-section .flex{
    align-items: flex-end;
}


.header-section.about .background{
    background:url(./assets/images/about-header-desktop.webp);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position:100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;

}

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

    .header-section.about .background {
        background: url(./assets/images/about-top-banner.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
    }

}

.header-section img{
    object-fit: cover;
    max-width: 100%;border-radius: 24px;
}



.header-section h1{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    margin-top: 16px;
    margin-bottom: 0px;
    /* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 49.5px */

}

.header-section p{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.Juiceit\.AI .header-section p{
    max-width: 464px;
}


.header-section .flex{
    gap: 64px;
}



.header-section .flex > * {
    max-width: 50%;
}

.header-section.short-title .flex > * {
    max-width: calc(50% - 32px);
}

.header-section.about .flex > * {
    max-width: calc(50% - 50px);
}

.header-section .flex > * {
    max-width: 50%;
}

.header-section .container:nth-child(1) .flex > div:nth-child(2) {
    max-width: 590px;
}



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


    .header-section.about.faqs-header .flex > * {
        max-width:100%;
    }


    .header-section.short-title .flex > * {
        max-width: 100%;
    }


    .header-section h1{
        font-size: 30px;
        margin-bottom: 32px;

    }

    .about .header-section .flex > div:nth-child(2) {
        max-width: 100%;
    }


    .header-section img{
        min-height: 198px;
    }

    .header-section .flex{
        flex-direction: column;
        gap: 0px;
    }

    .header-section .flex > * {
        max-width: 100%;
    }
}


.about-carousel .flex{
    border-radius: 24px;
    background: var(--Primary-white, #FFF);
    justify-content: center;
    padding: 32px 95px;

}

@media screen and (max-width: 1400px) {
    .about-carousel .flex{
        padding: 32px;
        padding-bottom: 56px;
        padding-right: 0px;
    }

}

.about-carousel .slick-dots{
    text-align: left;
    bottom: 24px;
    left: 24px;
}
.slick-dots li{
    width: 10px;
}


.about-carousel .slick-dots li button:before{
    border: 1px solid #000;
    color: transparent;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.about-carousel .container{
    padding-top:0px;
}

.about-carousel .item{
    margin-left: 40px;
    padding-right: 40px;
    max-width: 220px;
    border-right: 1px solid #E6E8E9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-carousel .item p{}


.about-carousel .item img{

    width: auto;
    height: min-intrinsic;
    max-width: fit-content;
}

.about-carousel .item:first-of-type {
    margin-left: 0;
}

.about-carousel .item:last-of-type {
    padding-right: 0;
    border-right: none;
}


.about-info .flex{
    gap: 120px;
}

.about-info .flex h1{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}


.about-info .container{
    padding-top:56px;
    padding-bottom: 28px;
}


.about-info .flex > * {
    max-width: 50%;
}

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

    .about-carousel .item img{

        max-height: 64px;
    }

    .about-carousel{
        margin-top: 42px;
    }

    .about-info .flex h1{
        font-size: 20px;

    }


    .about-carousel .item{

        border-right: none;
    }

    .about-info .container{
        padding-top: 26px;
        padding-bottom: 48px;
    }

    .about-info .flex{
        flex-direction: column;
        gap: 0px;
    }

    .about-info .flex > * {
        max-width: 100%;
    }
}


/* Milestonnes Section */

.milestones-section .flex{
    gap: 26px;

}

.milestones-section h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    letter-spacing: 0.8px;
    margin-bottom: 0;
    margin-top: 32px;
}

.milestones-section .container-inner{
    padding-bottom: 0;
}

.milestones-section .flex.flex2{
    align-items: flex-end;
    margin-top: -80px;
    min-height: 408px;
}

.milestones-section .flex > img{
    border-radius: 24px;
    max-height: 300px;
}

.milestones-section .flex > * {
    max-width: 33.33%;
}

.milestones-section .flex .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 408px;
    width: 100%;
    box-sizing: border-box;
    padding: 32px;
    padding-top: 48px;
    padding-bottom: 48px;
    border-radius: 24px;
    background: var(--Primary-white, #FFF);
}
.milestones-section .flex .item h3{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
    max-width: 278px;
}

.milestones-section .flex p{
    max-width: 331px;
    margin-bottom: 0;
    margin-top:24px;
    font-size: 16px;
}

.milestones-section .flex:nth-child(2) .item:nth-of-type(1) p{
    max-width: 296px;
}

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


    .mob-hide{
        display: none;
    }

    .milestones-section .flex.flex2{
        min-height: auto;
    }

    .milestones-section .flex .item h3{
        font-size: 20px;
        margin-top: 16px;
    }

    .milestones-section .flex .item{
        padding-top: 48px;
        padding-bottom: 48px;
        min-height: unset

    }

    .milestones-section .flex{

        flex-wrap: wrap;
    }

    .milestones-section .flex.flex2{
        margin-top: 26px;
    }

    .milestones-section .flex > * {
        max-width: 100%;
    }

}




.commitment-section{
    padding-top: 94px;
    padding-bottom: 83px;
}

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


    .milestones-section h3{
        margin-top:0px;
        font-size: 15px;
    }

    .commitment-section{
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

.commitment-section span{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;

/* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

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

    .commitment-section span{
        font-size: 15px;
    }
}

.commitment-section h2{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    margin-top: 32px;
    margin-bottom: 32px;
/* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 49.5px */
}

.commitment-section p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}


.apply-section{
    margin-top: 68px;
}

.apply-section .container{
    padding-bottom: 0;
}

.apply-section .flex{
    border-radius: 24px;
    background-color: var(--Primary-grey-light, #E6E8E9);
    background-image: url("./assets/images/banner-gradients.png");
    background-size: cover;
    padding: 48px 32px;
    justify-content: space-between;
    align-items: center;
}




.apply-section .flex-group{
    display: flex;
    align-items: center;
    gap:80px;
}

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


    .apply-section .flex{

        background-image: url("./assets/images/gradient-banner-mob.png");
        background-size: cover;

    }



    .commitment-section h2{

        font-family: Sora;
        font-size: 30px;

    }


    .apply-section{
        margin-top: 32px;
    }


    .apply-section .flex{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;

    }

    .apply-section .flex-group{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 32px;
    }
}

.apply-section h3{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;
    max-width: 393px;
/* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 49.5px */
    margin:0;
}

.apply-section p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    max-width: 495px;
    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
}

.apply-section .flex .button {
    box-sizing: border-box;
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    height: 56px;
    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    min-width: 138px;
}
    @media screen and (max-width: 1000px){

    .apply-section .container{

        padding-bottom: 0px;
    }

        .apply-section h3{

            font-size: 30px;

        }

        .apply-section p{
            margin-top: 0px;
            font-size: 20px;

        }



    }




/* Industries Landing */


.header-section.industries .button-wrap{
    position: absolute;
    right: 0;
    bottom: 0;
    padding-top: 20px;
    display: flex;
    border-top-left-radius: 24px;
    gap: 7px;
    height: 82px;
    box-sizing: border-box;
    padding-right: 0px;
    padding-bottom: 0px;
    align-items: flex-end;

}

.header-section.industries .button-wrap.mob-show{
    display: none;
    align-items: stretch;
}


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

    .header-section.industries.solutions .button-wrap{
        height: auto;
    }


    .header-section .container:nth-of-type(2){
        padding-bottom: 16px;
    }

    .header-section.industries .button-wrap.mob-show{
        display:flex;
        position: relative;
        width: 100%;
        flex-direction: column;
    }

    .header-section.industries .button-wrap.mob-show .button{
        text-align: center;
        justify-content:center;
    }

    .header-section.industries .button-wrap.mob-hide{
        display: none;
    }

}


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

.header-section.industries h1{
    margin-bottom: 0px;
    max-width: 60%!important;
}


.header-section.industries.solutions h1{
    margin-bottom: 0px;
    max-width: 617px!important;
}



.header-section.industries .flex > div:nth-of-type(1){
    max-width: 40%;
}

.header-section.industries.single .flex > div:nth-of-type(1){
    max-width: 577px;
    align-items: flex-end;
    display: flex;
}

.header-section.industries.single .flex{

    justify-content: space-between;
}

.header-section.industries .background{
    background:url(./assets/images/Industry-overview-header.webp);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position:100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;

}

.header-section.industries .background img{
    padding-left: 32px;
    padding-right: 32px;
}

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

    .header-section.industries h1{
        margin-bottom: 32px;
        margin-top: 0;
        max-width: 100%!important;
    }

    .header-section.industries .flex > div:nth-of-type(1){
        max-width: 100%;
    }

    .header-section.industries .container:nth-of-type(2){
        padding-top: 0;
    }

    .header-section.industries .background {
        background: url(./assets/images/industries-header-m.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .header-section.industries .background{
        height: 242px;
    }

}



.industries-section h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding-left: 32px;
    margin-bottom: 24px;
}

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

    .industries-section h3{
       font-size: 15px;
    }
}

.industries-section .item{
    display: flex;
    gap:80px;
    margin-bottom: 80px;
}

.industries-section .item:nth-child(3n){
    flex-direction: row-reverse;
}

.industries-section .item img{
    max-width: 50%;
    border-radius: 24px;
}

.industries-section .item h4{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 24px;
    /* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 36px */
}

.industries-section .item div{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}

.industries-section .item .button{
    margin-top: 32px;
}

.industries-section .item img{
    object-fit: cover;
    max-height: 460px;
}



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

    .industries-section{
        margin-top: 20px;
    }

    .industries-section .container{
        padding-bottom: 0;
    }


    .industries-section .item{
        display: flex;
        flex-direction: column;
        gap:32px;
        margin-bottom: 48px;
    }

    .industries-section .item h4{
        margin-top: 0px;
        margin-bottom: 32px;
    }


    .industries-section .item:nth-child(3n){
        flex-direction: column;
    }

    .industries-section h3{
        padding-left: 16px;
    }

    .industries-section .item img{
        max-width: 100%;
    }

    .apply-section.book p{
       margin-top: 0;
        margin-bottom: 12px!important;
    }

}


.apply-section.book p{
    max-width: 600px;
    margin:0;
}


/* Solutions Landing */


.header-section.solutions .background{
    background:url(./assets/images/solutions-header.webp);
    padding: 32px;
    padding-top: 0px;
    background-size: 1378px;
    background-position:100% 100%;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-sizing: border-box;

}


.header-section.solutions .container-inner > p{
    margin-top: 32px;
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.header-section.solutions h1{
    margin-bottom: 0;
}

.header-section.solutions .flex {
    justify-content: space-between;
    align-items: flex-end;
}

.header-section.solutions .button{
    margin-left: 8px;
}


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


    .header-section.industries.solutions .background {
        background: url(./assets/images/solutions-header-m.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-height: 271px;
    }

    .header-section.solutions.single .bg{
        padding-top: 0;
    }

    .header-section.solutions .button-wrap.mob-show{
        display: flex;
        flex-direction: column;
        gap:16px;
        width: 100%;

    }

    .header-section.solutions .button-wrap.mob-show .button{
        justify-content: center;
    }


    .header-section.solutions .solutions-carousel .button-wrap.mob-show{
      margin-top: 16px;

    }

    .header-section.solutions  .container:nth-of-type(3){
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .header-section.solutions  .container:nth-of-type(4){
        padding-top: 0px;
    }

    .header-section.solutions .container-inner > p{
        font-size:20px;
    }

    .how-section.wp-block-custom-solutions .container > .flex > div{
        margin-top: 32px;
    }

}



/* Blog page */



.header-section.blog .container:nth-child(1)  .flex > *{
    width: 100%;
}

.header-section.blog h1{
    margin-bottom: 0px;
    line-height: 100%;
    flex-direction: column;
    display: flex;
}

.header-section.blog .flex{
    align-items: flex-end;
}

.blog-loop a{
    max-width: calc(50% - 24px);
    width: 100%;
    margin-bottom: 32px;
    text-decoration: none;
}

#loadmorearticles{
    max-width: fit-content;
    width: 100%;
    margin-bottom: 80px;
    text-decoration: none;
}


.blog-loop a img{
    max-height: 456px;
    width: auto;
    border-radius: 24px;
    max-width: 100%;
    object-fit: cover;

}

.blog-loop a .imgHolder{
    position: relative;
}

.blog-loop a .imgHolder:after{
    content: "";
    background-image: url(./assets/images/blog-arrow.svg);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    border-radius: 24px;
    background-size: auto;
    transition: all 0.4s ease;
}

.blog-loop a .imgHolder:hover:after{
    background-color: #4871C5;
    background-image: url(./assets/images/blog-arrow-w.svg);
}

.blog-loop .flex{
    gap: 48px;
    flex-wrap: wrap;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.holder.dropdown > div::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.holder.dropdown > div{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

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

    .header-section.blog h1{
        font-size: 30px;
        margin-bottom: 32px;
        margin-top:0px;
    }


    .blog-loop .flex{
        flex-direction: column;
    }
    .blog-loop a{
        max-width: 100%;
        margin-bottom: 0px;
    }

    .blog-loop a img {
        max-height:242px;
        width: 100%;
    }

    .blog-loop .button-holder{
        margin-top: 48px;
    }
    .holder.dropdown ul{
        min-width: 900px;
    }

    .holder.dropdown > div{
        overflow-x: scroll;

    }

    .holder.dropdown  {
        padding-left: 32px;
        box-sizing: border-box;
    }

    .blog .container.container-inner:nth-child(2){
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 10px;

    }



}


.holder.search, #articletype, #articlesort{
    display: none;
}

.holder.dropdown{
    width: 100% !important;
    max-width: 100% !important;
}

.holder.dropdown ul{
    list-style: none;
    display: flex;
    gap: 8px;
    padding-left: 0;
}
.holder.dropdown ul li{
    max-width: max-content;
    width: 100%;
}


.blog-loop  a h3{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
    margin-top: 16px;
    margin-bottom: 24px;
}

.blog-loop  a  .date{
    color: var(--Primary-black, #000);

/* Desktop/small-body-copy */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    margin-top: 24px;
}

.blog-loop  a p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    margin-bottom: 24px;
}

.blog-loop  a .tag{
    color: var(--Primary-black, #000);
    /* Desktop/small-body-copy */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    border-radius: 5px;
    background: var(--Primary-grey-white, #F4F4F4);
    display: inline-flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}



/* Posts Template */

.section-share{
    display: flex;
    align-items: center;
    color: var(--Primary-pink, #BC0070);
    leading-trim: both;
    text-edge: cap;
    /* Desktop/title-4 */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    gap: 24px;
}

.section-share .title{

}





.share:before{
    content: "";
    width: 16px;
    height: 16px;
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
}

.share.title:before {
  display: none;
}

.share.copy:before {
    background: url(./assets/images/copy-link.svg);
}

.share.mail:before {
    background: url(./assets/images/email.svg);
}

.share.linkedin:before {
    background: url(./assets/images/linkedin.svg);
}

.share.whatsapp:before {
    background: url(./assets/images/whatsapp.svg);
}



.insight-filters .title{
    padding-bottom: 0;
}

.insight-filters .title h2{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 0;
    /* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.article-header .date{
    overflow: hidden;
    color: var(--Primary-grey-dark, #69747C);
    text-overflow: ellipsis;

    /* Desktop/small-body-copy */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
}

.article-header h1{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;

    /* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 49.5px */
    margin-bottom: 24px;
    margin-top: 16px;
}

.article-header h2{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 36px */
    margin-bottom: 32px;
}

.article-header .post-custom-excerpt{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    margin-bottom: 32px;
    max-width: 530px;
}

.article-header .tag{
    color: var(--Primary-black, #000);
    /* Desktop/small-body-copy */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    border-radius: 5px;
    background: #fff;
    display: inline-flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.article-single{
    background: #fff;
}

.article-header{
    background: #F4F4F4;
    background-image:url(./assets/images/background-gradients.png);
    background-size: cover;
    margin:0;
    position: relative;
    padding-bottom: 48px;
    padding-top: 12px;
}

.article-header .container.back{
    position: relative;
    padding:0;
    min-height: 20px;
}

.article-header .back-button{
    color: var(--Primary-pink, #BC0070);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    position: absolute;
    left: 70px;
    top: 56px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.article-header .back-button:hover{
    color: #000;
}

.article-header .back-button:before{
    content: "";
    width: 10px;
    height: 14px;
    background: url(./assets/images/chevron-back.svg);
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transition: all 0.5s ease;
}

.article-header .back-button:hover:before{
    filter: brightness(0);
}


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

    .insight-filters .title h2{
        margin-top: 0;
    }


    .article-header h1{
       font-size: 30px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .article-header .container{
        padding-top: 0;
        padding-bottom: 0;
    }


    .article-header  .date{
        display:none;
    }

    .article-header .container.back{
        display: none;
    }

    .article-header .back-button{
        left: 16px;
    }
}

.article-detail-content{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}

.article-detail-content h1, .article-detail-content h2, .article-detail-content h3, .article-detail-content h4{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 30px */
    margin-top: 64px;
    margin-bottom: 32px;
}

.article-detail-content h1{
    font-size: 40px;
}

.article-detail-content h2{
    font-size: 30px;
}

.article-detail-content h3{
    font-size: 25px;
}

.section-share{
    margin-bottom: 32px;
    margin-top: 64px;
}

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

    .section-share{
        margin-top: 48px;
    }

}

.article-detail-content img{
    border-radius: 24px;
    margin-top: 32px;
    margin-bottom: 0px;
    margin-top: 0px;
}


.article-header.general .post-custom-excerpt{
    margin-bottom: 0;
    max-width: 100%;
}



.wp-block-quote{
    background: #FFF;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 64px;
    margin-bottom: 64px;
    padding-left: 32px;
    padding-right: 32px;
}

.wp-block-quote::after{
    content: "";
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    position: absolute;
    z-index: 8;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 22px;

}

.wp-block-quote::before{
    content: "";
    height: 2000px;
    width: 2000px;
    position: absolute;
    left: calc(100% - 1000px);
    top: calc(100% - 1000px);
    background: var(--pink-blue-gradient, linear-gradient(257deg, #4871C5 2.87%, #BC0070 118.67%));
    animation: rotateGradient 12s linear infinite;
}

.wp-block-quote > p{
    z-index: 99;
    position: relative;
    font-size: 25px;
    line-height: 28px;
}

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

    .wp-block-quote{
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .wp-block-quote > p{

        font-size: 20px;

    }

}


/* Contact */


    input::placeholder{
        color: var(--Primary-grey-dark, #69747C);
        leading-trim: both;
        text-edge: cap;

        /* Desktop/input-placeholder */
        font-family: Sora;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%; /* 21.6px */
    }

    textarea::placeholder {
        color: var(--Primary-grey-dark, #69747C);
        leading-trim: both;
        text-edge: cap;

        /* Desktop/input-filled-in */
        font-family: Sora;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%; /* 21.6px */
    }


.faqs{
    border-radius: 24px;
    background: #FFF;
    padding-top: 0;
    padding-bottom: 0;
    padding-left:32px;
    padding-right: 32px;
}

.faqs .faq-item{
    border-bottom: 1px solid #E6E8E9;
    cursor: pointer;
    position: relative;
    padding: 48px;
    padding-left: 0;
    padding-right: 0;
}

.faqs .faq-item:last-child{
    border-bottom: none;
}

.faqs .faq-item p{
    opacity: 0;
    height: 0;
    transition: all 0.25s ease;
    max-width: calc(100% - 100px);
    margin: 0;
    font-size: 18px;
}

.faqs .faq-item p.open{
    opacity: 1;
    height: auto;
    margin-top:24px;
}

.faqs .faq-item h3{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    margin-top: 0;
    margin-bottom: 0;
    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 30px */
}

.faqs .faq-item:after{
    content: "";
    background: url(./assets/images/open-faq.svg);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
    padding:15px;
    border-radius: 58px;
    background-color: var(--Primary-grey-white, #F4F4F4);
    box-sizing: border-box;
}

.faqs .faq-item.open:after{
    content: "";
    background: url(./assets/images/close-faq.svg);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    position: absolute;
    right: 0;
    top: calc(50% - 24px);
    padding:15px;
    border-radius: 58px;
    background-color: var(--Primary-grey-white, #F4F4F4);
    box-sizing: border-box;
}


.faq-section h2{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;
    margin-bottom: 0px;
/* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.faq-section .container:nth-child(1){
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
}

.faq-section .container:nth-child(2){
    padding-bottom: 0;
}

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

    .faqs .faq-item:after{
        width: 32px;
        height: 32px;

    }

    .faqs .faq-item.open:after{
        width: 32px;
        height: 32px;

    }


    .faq-section h2{
        max-width: 226px;
        padding-bottom: 0;
    }

    .faq-section .container:nth-child(1){

    }



}

.more{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
}

.more:after{
    content: "";
    width: 10px;
    height: 14px;
    background: url(./assets/images/chevron-back.svg);
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    transition: all 0.5s ease;
    filter: brightness(0);
    transform: rotate(180deg);
}

.more.mob-show{
    text-align: center;
    margin-top: 32px;
}



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

    .faqs .faq-item:after, .faqs .faq-item.open:after{
        top: 32px;
    }

    .faqs .faq-item h3{
        max-width: calc(100% - 50px);
        font-size:20px;
    }

    .faqs .faq-item{
        padding-top:32px;
        padding-bottom:32px;
    }


    .faqs .faq-item p{

        max-width: 98%;
        margin: 0;
    }


}



/*Industries Landing */


.header-section.industries.single h1{
    margin-top: 0px;
}


.header-section.industries.single .back{
    position: relative;
    padding-top:0;
}

.header-section.industries.single  .back-button{
    color:#69747C;
    leading-trim: both;
    text-edge: cap;

    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    top: 0px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.header-section.industries.single  .back-button:hover{
    color: var(--Primary-pink, #BC0070);
}

.header-section.industries.single  .back-button:before{
    content: "";
    width: 10px;
    height: 14px;
    background: url(./assets/images/chevron-back.svg);
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transition: all 0.5s ease;
}


.header-section.industries.single  .back-button:before{
    filter: saturate(0) brightness(2);

}

.header-section.industries.single  .back-button:hover:before{
    filter: none;
}



.challenges-section .container > .flex{
    gap: 80px;
    flex-direction: column;
}

.challenges-section .container > .flex > div:nth-of-type(1){
    max-width: 1000px;
}

.challenges-section .container > .flex .list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 80px;
}

.challenges-section h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


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

    .challenges-section h3{
        font-size: 15px;
    }

}

.challenges-section .container > .flex > div > p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    margin-bottom:0;
    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 0;
}

.challenges-section .flex .item{
    align-items: flex-start;
    gap:24px;
    margin-bottom: 32px;
    max-width: calc(50% - 40px);

}


.challenges-section .flex .item h4{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    margin-top: 0;
    margin-bottom: 16px;
    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.how-section.solutions-section .container > p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    padding-left: 32px;
    max-width: 600px;
}

.how-section.solutions-section .flex p {
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
}


.solution-action .container:first-of-type{
    padding-top:120px;
    padding-bottom: 0px;
}

.solution-action h3{
    color: var(--Secondary-blue-mid, #4871C5);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-4 */
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%; /* 20.16px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0px;
}

.video-open{
    border-radius: 24px;
    background: var(--Primary-grey-mid, #B6BDC5);
    height: 768px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    position: relative;
    cursor: pointer;
}

.video-open{
    overflow:hidden;

}

.video-open .video-poster{
    object-fit:cover;
    width:100%;
}

@media screen and (max-width: 460px) {
    .video-open img.video-poster {
        height: 240px;
        width: 460px;
        object-fit: scale-down;
        object-position: left;
    }
}

.video-open:after{
    content: "";
    display: block;
    width: 118px;
    height: 118px;
    position: absolute;
    background-image: url(./assets/images/play-button.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: calc(50% - 59px);
    left: calc(50% - 59px);
    transition: all 0.3s ease;
    cursor: pointer;
}

.video-open:hover:after{
    filter: brightness(0.7);
}

.video-open.playing:after{
    display: none;
}


.video-open video{
    width:100%
}

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


    .video-open:after{
        width: 68px;
        height: 68px;
        top: calc(50% - 34px);
        left: calc(50% - 34px);
    }

}


.video-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.30);
    justify-content: center;
    align-items: center;
}

.video-modal.show {
    display:flex;
}


.video-modal-content {
    max-width: 100%;
    max-height: 100%;
    padding: 32px;
    border-radius: 24px;
    background: var(--Primary-white, #FFF);
    width: 90%;
    height: auto;
    position: relative;
}

.video-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    background: url("./assets/images/close.svg");
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.video-modal-inner{
    border-radius: 24px;
    width: 100%;
    height: 100%;
}

.video-modal-inner video {
    width: 100%;
    height: auto;
    border-radius: 24px;
}

@media screen and (min-width: 1640px) {

    .video-modal-content {
        width: 75%;

    }


}

@media screen and (max-width: 1000px) {
    .video-modal-content {
        margin-left: 16px;
        margin-right: 16px;
        padding:24px;
    }

    .video-modal-close {
        top: 12px;
        right: 12px;
        height: 12px;
        width: 12px;
        background-size: contain;
        background-repeat: no-repeat;
    }

}




.solution-action h2{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;

    /* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    max-width: 616px;
    margin-bottom: 80px;

}

.solution-action .item{
    margin-left: 64px;
    padding-right: 64px;
    border-right: 1px solid #E6E8E9;
    max-width: 25%;
}

.solution-action .item .image{
    min-height: 60px;
}

.solution-action .item img{
   height: 41px;

}

.solution-action .item:nth-child(1) img{
    height: 38px;
}

.solution-action .item:nth-child(2) img{
    height: 41px;
}

.solution-action .item:nth-child(3) img{
    height: 52px;
    margin-top: -6px;
}

.solution-action .item:nth-child(4) img{
    height: 28px;
}

.solution-action .item h5{
    font-size:25px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 32px;
}

.solution-action .item:last-child{
    border-right: none;
}

.solution-action .item:first-child{
    margin-left: 0;
}



.solution-action .item p{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    max-width: 214px;
    /* Desktop/body-copy */
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
}


.solution-action a{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
}

.solution-action a:hover{
    color: #BC0070;
}

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

    .solution-action .container:first-of-type{
        padding-top:80px;
        padding-bottom: 0px;
    }

    .challenges-section .container > .flex > div > p{
        font-size: 20px;
    }

    .challenges-section .flex .item{

        max-width: 100%;

    }

    .video-open{

        height: 234px;

    }

    .how-section.solutions-section{
        margin-top: 0;
        padding-top: 0;
    }


    .how-section.solutions-section .container{
        padding-top: 0;
    }

    .how-section.solutions-section .container > p{
        padding-left:16px;
    }

    .challenges-section .container > .flex{
        flex-direction: column;
        gap:32px;
    }

    .solution-action .item{
        max-width: 100%;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #E6E8E9;
        margin-left: 0px;
        margin-bottom: 32px;
        padding-right: 0px;
        padding-bottom: 32px;

    }
    .solution-action h2{
        font-size:32px;
        margin-bottom: 48px;
    }

    .solution-action .item p{
        max-width: 213px;
    }

    .solution-action .item:last-child{
        border-bottom: none;
    }

    .solution-action .flex{
        flex-wrap: wrap;
    }
}


/* Solutions Landing */

.header-section.solutions.single .back{
    position: relative;
    padding-top:0;
}

.header-section.solutions.single .button-wrap:not(.mob-show) {
    position: absolute;
    right: 32px;
    bottom: 36px;
    padding-top: 20px;
    display: flex;
    border-top-left-radius: 24px;
    gap: 7px;
    height: 82px;
    box-sizing: border-box;
    padding-right: 0px;
    padding-bottom: 0px;
    align-items: flex-end;
}

.header-section.solutions.single img:nth-child(1){
    height: 520px;
    object-position: right;
}



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

    .header-section.solutions.single .flex {
        justify-content: space-between;
        align-items: flex-start;
        gap:32px;
    }


    .header-section.solutions.single .button-wrap:not(.mob-show) {
        display: none;

    }

    .header-section.solutions.single img:nth-child(1){
        height: 480px;
        object-position: left;
    }


}


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

    .header-section.solutions.single .button-wrap:not(.mob-show) {
     display: none;

    }

    .header-section.solutions.single img:nth-child(1){
        height: 178px;
        object-position: left;
    }


}

.header-section.solutions.single  .back-button{
    color:#69747C;
    leading-trim: both;
    text-edge: cap;

    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    top: 0px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}

.header-section.solutions.single .back-button:hover{
    color: var(--Primary-pink, #BC0070);
}

.header-section.solutions.single .back-button:before{
    content: "";
    width: 10px;
    height: 14px;
    background: url(./assets/images/chevron-back.svg);
    display: inline-flex;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transition: all 0.5s ease;
}


.header-section.solutions.single  .back-button:before{
    filter: saturate(0) brightness(2);

}

.header-section.solutions.single  .back-button:hover:before{
    filter: none;
}



.about-carousel.solutions-carousel .flex{
    border-radius: 24px;
    background: var(--stats-bar-gradient, linear-gradient(259deg, #4871C5 -6.74%, #BC0070 100.48%));
    justify-content: flex-start;
    align-items: flex-start;
    gap:0px;
}


.about-carousel.solutions-carousel .item h5{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-2 */
    font-family: Sora;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 36px */
    margin-top: 0px;
    margin-bottom: 16px;
}

.about-carousel.solutions-carousel .item p{
    color: var(--Primary-white, #FFF);
    leading-trim: both;
    text-edge: cap;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 21.6px */
    min-width: 160px;
}

.about-carousel.solutions-carousel .item{
    border-right: 1px solid rgba(255, 255, 255, 0.50);
}

.about-carousel.solutions-carousel .item:last-of-type{
    border-right: none;
}

.about-carousel.solutions-carousel .slick-dots li button:before{
    border: 1px solid #fff;
}



.header-section.solutions .container-inner > p{
    margin-top:0px;
}

.header-section.solutions.single .bg{
    position: relative;
}

.header-section.solutions.single .logo{
    position: absolute!important;
    bottom: 56px;
    left: 56px;
    border-radius: 0;
    display: none;
}


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

    .about-carousel.solutions-carousel {
        margin-top: 16px;
    }

    .header-section.solutions.single .logo{
        display: none;
    }

}


.recs-section .flex{
    justify-content: space-between;
}

.recs-section .container{
    padding-top: 96px;
    padding-bottom: 56px;
}

.recs-section h2{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    font-variant-numeric: lining-nums proportional-nums;

    /* Desktop/title-1 */
    font-family: Sora;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    max-width: 646px;
}

.recs-section .item h4{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;

    /* Desktop/title-3 */
    font-family: Sora;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 30px */
}

.recs-section a{
    color: var(--Primary-black, #000);
    leading-trim: both;
    text-edge: cap;
    text-decoration: none;
    /* Desktop/buttons */
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.recs-section a:hover{
    color:#BC0070
}

.header-section.solutions.single .container-inner > p{
    max-width: 1000px;
}

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

    .recs-section .container{
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .recs-section .flex{
        flex-direction: column;
        gap:48px;
    }

    .recs-section h2{
        font-size: 30px;
    }
}

.slick-dotted.slick-slider{
    margin-bottom: 0;
}