.elementor-5 .elementor-element.elementor-element-9fedff9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5 .elementor-element.elementor-element-9fedff9:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-9fedff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5 .elementor-element.elementor-element-9e33c2e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5 .elementor-element.elementor-element-1d341ef{text-align:center;}.elementor-5 .elementor-element.elementor-element-1d341ef .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-6d7eadc );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5 .elementor-element.elementor-element-416b1ac .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-d6dd309{text-align:center;}.elementor-5 .elementor-element.elementor-element-d6dd309 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-07bba69 );}.elementor-5 .elementor-element.elementor-element-2cfb6e2 .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-700c649{--display:flex;}.elementor-5 .elementor-element.elementor-element-489bc8b{text-align:center;}.elementor-5 .elementor-element.elementor-element-489bc8b .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-07bba69 );}.elementor-5 .elementor-element.elementor-element-c048cc2{--display:flex;}.elementor-5 .elementor-element.elementor-element-b7ae9e1{--display:flex;}.elementor-5 .elementor-element.elementor-element-e414d18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-e414d18:not(.elementor-motion-effects-element-type-background), .elementor-5 .elementor-element.elementor-element-e414d18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5 .elementor-element.elementor-element-fbf4238{text-align:center;}.elementor-5 .elementor-element.elementor-element-fbf4238 .elementor-heading-title{color:var( --e-global-color-cd9f8b3 );}.elementor-5 .elementor-element.elementor-element-b328baa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5 .elementor-element.elementor-element-dce771f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5 .elementor-element.elementor-element-f8a647a{text-align:center;}.elementor-5 .elementor-element.elementor-element-f8a647a .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5 .elementor-element.elementor-element-b4a7962 .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-b4a7962 .elementor-icon{font-size:132px;}.elementor-5 .elementor-element.elementor-element-b4a7962 .elementor-icon svg{height:132px;}.elementor-5 .elementor-element.elementor-element-6d43e42{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5 .elementor-element.elementor-element-cd93da3{text-align:center;}.elementor-5 .elementor-element.elementor-element-cd93da3 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5 .elementor-element.elementor-element-ab56ff4 .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-992c70b .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-feeb069 .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-3ebfcb3 .elementor-icon-wrapper{text-align:center;}.elementor-5 .elementor-element.elementor-element-f6b827f{--display:flex;--justify-content:flex-start;}.elementor-5 .elementor-element.elementor-element-f734ffc.elementor-element{--align-self:center;}.elementor-5 .elementor-element.elementor-element-f734ffc{text-align:center;}.elementor-5 .elementor-element.elementor-element-f734ffc .elementor-heading-title{color:var( --e-global-color-cd9f8b3 );}.elementor-5 .elementor-element.elementor-element-8bc1302{--e-image-carousel-slides-to-show:7;}body.elementor-page-5:not(.elementor-motion-effects-element-type-background), body.elementor-page-5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-5 .elementor-element.elementor-element-8bc1302{--e-image-carousel-slides-to-show:6;}}@media(max-width:767px){.elementor-5 .elementor-element.elementor-element-b328baa{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5 .elementor-element.elementor-element-8bc1302{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for container, class: .elementor-element-9fedff9 */.main-banner{
    min-height: 600px;
    overflow: hidden;
}
.main-banner::after{
    content: "";
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--orange);
}

.main-banner .text-container{
    position: absolute;
    top: 30%;
}

/* Default behaviour (design ratio / normal screens) */
.main-banner .people-text{
    width: 490px;
}

.main-banner .people-text svg{
    width: 100%;
    height: auto;
}

/* When viewport becomes wider or taller than the design ratio */
@media (max-aspect-ratio: 1728/997),
       (min-aspect-ratio: 1728/997){

    .main-banner .people-text{
        width: min(490px, 49vmin);
    }
}

.main-banner .made-to-order-text{
    z-index: 2;
    position: absolute;
    bottom: 60px;
    padding: 0 24px;
}

.main-banner .made-to-order-text h1{
    font-size: 22px !important;
    text-shadow:
        0 2px 4px var(--dark-blue),
        0 6px 12px var(--dark-blue),
        0 10px 24px var(--dark-blue);
}

.banner-mobile-image-left,
.banner-mobile-image-right,
.banner-mobile-image-center{
    position: absolute;
    bottom: 0;
    height: 100%;
}
.banner-mobile-image-left img,
.banner-mobile-image-right img,
.banner-mobile-image-center img{
    height: 100%;
}

.banner-mobile-image-center{
    left: auto;
    right: auto;
}
.banner-mobile-image-left{
    left: 0;
}
.banner-mobile-image-right{
    right: 0;
}

.main-banner .banner-image{
    position: absolute;
    width: 100%;
    height: calc(100% - 120px) !important;
    top: 84px;
    left: 0;
    
}
.main-banner .banner-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.down-arrow{
    position: absolute;
    bottom: 12px;
    z-index: 999;
    transform: rotate(90deg);
    width: 40px;
    height: 40px;
}
.down-arrow .elementor-icon{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
}

.down-arrow svg {
    width: 16px;
    height: 40px;

}
.down-arrow::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--orange);
    border-radius: 50%;
    transition: all 320ms cubic-bezier(.34, 1.56, .64, 1);
    pointer-events: none;
}

.down-arrow:hover::before{
    transform: scale(1.2);
    background: white;
}

@media only screen and (min-height: 559px) and (min-width: 1024px) {
    .main-banner{
        min-height: 100vh;
    }
    .main-banner .text-container{
        transform: translateY(-80%);
        position: absolute;
        top: 50%;
    }
    .main-banner .made-to-order-text{
        z-index: 2;
        position: absolute;
        bottom: 100px;
        padding: 0 24px;
    }
    .main-banner .made-to-order-text h1{
        font-size: 30px !important;
    }
}
@media only screen and (max-width: 479px) {
    .banner-image {
        display: none;
    }
}
@media only screen and (min-width: 480px) {
    .banner-mobile-image-left,
    .banner-mobile-image-right,
    .banner-mobile-image-center{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e414d18 */.clients-candidates{
    min-height: calc(100vh - 105px);
    gap: 72px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.clients-candidates .title{
    max-width: 1000px !important;
}

.clients-candidates .client-candidate-container{
    gap: 24px;
    padding: 48px;
    align-content: center;
    align-items: center;
}
.clients-candidates .client,
.clients-candidates .candidate{
    width: auto;
    gap: 24px;
}

.clients-candidates .client .title,
.clients-candidates .candidate .title{
    padding: 48px;
}
.clients-candidates .client .title::before,
.clients-candidates .candidate .title::before {
    content: url("https://blue-spark.org.uk/wp-content/uploads/sites/5/2026/02/border-01.svg");
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clients-candidates .or-icon,
.clients-candidates .or-icon .elementor-icon,
.clients-candidates .or-icon .elementor-icon-wrapper,
.clients-candidates .or-icon svg{
    height: 72px !important;
    width: 72px !important;
}


.clients-candidate-icon{
    position: absolute;
    top: 5%;
    left: 10%;
    width: 72px;
    height: 72px;
}
.clients-candidate-icon svg{
    transform: rotate(-15deg);
    width: 72px;
    height: 72px;
}
.jigsaw-icon{
    top: 5%;
    left: auto;
    right: 10% !important;
    width: 96px;
    height: 96px;
}
.jigsaw-icon svg{
    transform: rotate(15deg);
    width: 96px;
    height: 96px;
}

.list-icon{
    top: auto;
    bottom: 40%;
    left: auto;
    right: 5% !important;
    width: 96px;
    height: 96px;
}
.chat-icon{
    top: auto;
    bottom: 45%;
    left: 13%;
    width: 96px;
    height: 96px;
}

.chat-icon svg{
    transform: rotate(10deg);

}

/* Hover states */

.clients-candidates .client:hover .title,
.clients-candidates .candidate:hover .title{
    transform: translateY(-16px);
}
.clients-candidates .client:hover .text,
.clients-candidates .candidate:hover .text{
    transform: translateY(8px);
}


@media only screen and (min-width: 1024px) {
    .clients-candidates .client-candidate-container{
        gap: 48px ;
    }    
    .clients-candidates .client-candidate-container{
        gap: 24px;
        padding: 48px;
        align-items: flex-start;
    }
    .clients-candidates .or-icon,
    .clients-candidates .or-icon .elementor-icon,
    .clients-candidates .or-icon .elementor-icon-wrapper,
    .clients-candidates .or-icon svg{
        height: 120px !important;
        width: 120px !important;
    }
}

@media only screen and (max-width: 767px) {
    .clients-candidates .title{
        padding: 0 24px;
    }
    .clients-candidate-icon{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6b827f */.client-logos{
    overflow: hidden;
    gap: 24px;
    padding: var(--padding-md) 0;
    background: var(--almost-white);
}

.client-logos::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--dark-blue);
    border-radius: 48px 48px 0 0 ;
}

.client-logos .title{
    padding: 24px !important;
}

/** 
 * Making the logos continuously scroll
 */
.client-logos .swiper-wrapper{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important; 
    gap: 120px;
    height: 33.3333vw;
}

@media only screen and (min-width: 768px) {
    /** 
     * Sizing the logos
     */
    .client-logos .swiper-wrapper{
        height: 16.6666666667vw;
    }
}

@media only screen and (min-width: 1024px) {
    .client-logos{
        gap: 48px;
    }
    /** 
     * Sizing the logos
     */
    .client-logos .swiper-wrapper{
        height: 16.6666666667vw;
    }
}/* End custom CSS */