/* _content/SLWebsiteV4/Components/Carousel.razor.rz.scp.css */
/* _content/SLWebsiteV4/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-x9f95t90q4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x9f95t90q4] {
    flex: 1;
}

.sidebar[b-x9f95t90q4] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-x9f95t90q4] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-x9f95t90q4]  a, .top-row[b-x9f95t90q4]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-x9f95t90q4]  a:hover, .top-row[b-x9f95t90q4]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-x9f95t90q4]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-x9f95t90q4] {
        justify-content: space-between;
    }

    .top-row[b-x9f95t90q4]  a, .top-row[b-x9f95t90q4]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-x9f95t90q4] {
        flex-direction: row;
    }

    .sidebar[b-x9f95t90q4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x9f95t90q4] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-x9f95t90q4]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-x9f95t90q4], article[b-x9f95t90q4] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-x9f95t90q4] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-x9f95t90q4] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/SLWebsiteV4/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-poghr1ylcw] {
    z-index:500000;
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-poghr1ylcw] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-poghr1ylcw] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.logo img[b-poghr1ylcw] {
    height: 6vh;
    width: auto;
    background-color: white;
    /*height: 8vh;*/
}

.logo[b-poghr1ylcw] {
    display: flex;
    align-items: center;
}

.navbar-brand[b-poghr1ylcw] {
    font-size: 1.1rem;
}

.bi[b-poghr1ylcw] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-poghr1ylcw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-poghr1ylcw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-poghr1ylcw] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-poghr1ylcw] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-poghr1ylcw] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-poghr1ylcw] {
        padding-bottom: 1rem;
    }

    .nav-item[b-poghr1ylcw]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-poghr1ylcw]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.active[b-poghr1ylcw] {
    text-decoration: underline;
}

.nav-item[b-poghr1ylcw]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-poghr1ylcw] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-poghr1ylcw] {
    display: block;
}




@media (min-width: 641px) {
    .navbar-toggler[b-poghr1ylcw] {
        display: none;
    }

    .nav-scrollable[b-poghr1ylcw] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/SLWebsiteV4/Components/Layout/ThemeSwitcher.razor.rz.scp.css */
.theme-toggle[b-7ds23qt4sf] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

    .theme-toggle input[type="checkbox"][b-7ds23qt4sf] {
        display: none;
    }

    .theme-toggle .slider[b-7ds23qt4sf] {
        width: 40px;
        height: 20px;
        background: #ccc;
        border-radius: 20px;
        position: relative;
        margin-right: 8px;
        transition: background 0.3s;
    }

    .theme-toggle input[type="checkbox"]:checked + .slider[b-7ds23qt4sf] {
        background: #333;
    }

    .theme-toggle .slider[b-7ds23qt4sf]::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        left: 1px;
        top: 1px;
        background: #fff;
        border-radius: 50%;
        transition: transform 0.3s;
    }

    .theme-toggle input[type="checkbox"]:checked + .slider[b-7ds23qt4sf]::before {
        transform: translateX(20px);
    }

    .theme-toggle .theme-label[b-7ds23qt4sf] {
        margin-left: 8px;
        font-size: 1rem;
    }

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .theme-toggle .theme-label[b-7ds23qt4sf] {
    color: var(--text-color-light);
}
/* _content/SLWebsiteV4/Components/Pages/About.razor.rz.scp.css */
body[b-kw4wll3h5e] {
    margin: 0;
    padding: 0;
}

.image-container[b-kw4wll3h5e] {
    position: absolute;
    width: 100%;
    height: 100vh;
}

    .image-container img[b-kw4wll3h5e] {
        width: 100px;
        height: auto;
    }

/* Right Image */
.right-image[b-kw4wll3h5e] {
    position: absolute;
    top: 10%;
    right: 0;
}

.left-image[b-kw4wll3h5e] {
    position: absolute;
    left: 0;
}

.left-image-1[b-kw4wll3h5e] {
    top: 10%;
}

.left-image-2[b-kw4wll3h5e] {
    top: 40%;
}

.left-image-3[b-kw4wll3h5e] {
    top: 40%;
}


.Hero[b-kw4wll3h5e] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-kw4wll3h5e] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-kw4wll3h5e] {
    padding-top: 3em;
    padding-right: 2em !important;
}

.h2-container[b-kw4wll3h5e] {
    position: relative;
    padding: 10px;
    display: inline-block;
    margin-bottom: 0.5em;
    font-size: 40pt;
}

    .h2-container[b-kw4wll3h5e]::before {
        top: -5px;
        left: -5px;
    }

    .h2-container[b-kw4wll3h5e]::after {
        bottom: -5px;
        left: -5px;
    }

.Hero-text h2[b-kw4wll3h5e]::before {
    top: -5px;
    right: -5px;
}

/* Bottom-right corner square */
.Hero-text h2[b-kw4wll3h5e]::after {
    bottom: -5px;
    right: -5px;
}
.h2-container h2[b-kw4wll3h5e]{
    font-size: 40pt;
}
.Hero-content h2[b-kw4wll3h5e] {
    margin-bottom: 0;
    font-family: var(--font-bold);
    color: black !important;
}

.Hero-content p[b-kw4wll3h5e] {
    font-family: var(--font-regular);
    padding-left: 10px;
    font-size: 20pt;
    color: #4D4D4F;
}

.Hero-small[b-kw4wll3h5e] {
}

.Hero-image[b-kw4wll3h5e] {
    max-width: 50%;
    border-bottom-left-radius: 320px;
    /*flex: 1;*/
}

    .Hero-image img[b-kw4wll3h5e] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.Hero-insights[b-kw4wll3h5e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.Hero-insights-stat[b-kw4wll3h5e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.Hero-insights-number[b-kw4wll3h5e] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.Hero-insights-bold[b-kw4wll3h5e] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.Hero-insights-text[b-kw4wll3h5e] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}

/*DRIVE*/
.drive-timeline[b-kw4wll3h5e] {
    width: 100%;
    padding: 50px 0;
    --outer-animation-duration: 7.5s;
    --inner-animation-duration: 7.5s;
    --outer-scale: 1.2;
    --inner-scale: 1.3;
    --animation-interval: 1.5s;
}

    .drive-timeline h2[b-kw4wll3h5e] {
        padding-left: 6%;
        padding-bottom: 50px;
        font-weight: bold;
        font-family: var(--font-inter);
        font-size: 28px;
    }
/* Icons Row */
.drive-icons-row[b-kw4wll3h5e] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    align-items: center;
}

    .drive-icons-row[b-kw4wll3h5e]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: gray;
        transform: translateY(-50%);
        z-index: -1;
    }

.drive-icon[b-kw4wll3h5e] {
    text-align: center;
}

    .drive-icon img[b-kw4wll3h5e] {
        display: block;
        margin: 0 auto;
        background-color: var(--background-color);
    }

.drive-small img[b-kw4wll3h5e] {
}

.drive-large img[b-kw4wll3h5e] {
    width: 93px;
    height: 93px;
}

/* Text Row */
.drive-text-row[b-kw4wll3h5e] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.drive-icon:nth-child(1)[b-kw4wll3h5e] {
    grid-column: 1 / 2;
}

.drive-icon:nth-child(2)[b-kw4wll3h5e] {
    grid-column: 2 / 3;
}

.drive-icon:nth-child(3)[b-kw4wll3h5e] {
    grid-column: 3 / 4;
}

.drive-icon:nth-child(4)[b-kw4wll3h5e] {
    grid-column: 4 / 5;
}

.drive-icon:nth-child(5)[b-kw4wll3h5e] {
    grid-column: 5 / 6;
}

.drive-icon:nth-child(6)[b-kw4wll3h5e] {
    grid-column: 6 / 7;
}

.drive-icon:nth-child(7)[b-kw4wll3h5e] {
    grid-column: 7 / 8;
}

.drive-icon:nth-child(8)[b-kw4wll3h5e] {
    grid-column: 8 / 9;
}

.drive-icon:nth-child(9)[b-kw4wll3h5e] {
    grid-column: 9 / 10;
}

.drive-text-item[b-kw4wll3h5e] {
    text-align: center;
    flex: 1;
}

.drive-text-row[b-kw4wll3h5e] {
    display: grid;
    grid-template-columns: repeat(18, 1fr);
    margin-top: 20px;
    text-align: center;
}


.drive-text-item-1[b-kw4wll3h5e] {
    grid-column: 2 / 6;
}

.drive-text-item-2[b-kw4wll3h5e] {
    grid-column: 6 / 10;
}

.drive-text-item-3[b-kw4wll3h5e] {
    grid-column: 10 / 14;
}

.drive-text-item-4[b-kw4wll3h5e] {
    grid-column: 14 / 18;
}


.drive-title[b-kw4wll3h5e] {
    font-family: var(--font-inter);
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    padding-inline: 20%;
    height: 50px;
    color: var(--text-color-dark);
}

.drive-description[b-kw4wll3h5e] {
    font-family: var(--font-regular);
    margin-top: 10px;
    width: 20vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 14px;
    color: var(--text-color-dark);
}

/* Apply animations with infinite iteration */
.drive-inner-circle[b-kw4wll3h5e],
.drive-outer-circle[b-kw4wll3h5e] {
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    position: absolute;
}

.drive-outer-circle[b-kw4wll3h5e] {
    left: 0;
    top: 0;
    width: 43px;
    height: 43px;
}

.drive-inner-circle[b-kw4wll3h5e] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    z-index: 1;
    border-radius: 50%;
}

.drive-pulse-container[b-kw4wll3h5e] {
    position: relative;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}


/* Sequencing animations using animation-delay */
.drive-icons-row .drive-icon.drive-small:nth-child(1) .drive-pulse-container .drive-outer-circle[b-kw4wll3h5e] {
    animation: drive-pulseOuter-b-kw4wll3h5e var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 0s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(1) .drive-pulse-container .drive-inner-circle[b-kw4wll3h5e] {
    animation: drive-pulseInner-b-kw4wll3h5e var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 0s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(3) .drive-pulse-container .drive-outer-circle[b-kw4wll3h5e] {
    animation: drive-pulseOuter-b-kw4wll3h5e var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 1.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(3) .drive-pulse-container .drive-inner-circle[b-kw4wll3h5e] {
    animation: drive-pulseInner-b-kw4wll3h5e var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 1.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(5) .drive-pulse-container .drive-outer-circle[b-kw4wll3h5e] {
    animation: drive-pulseOuter-b-kw4wll3h5e var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 3s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(5) .drive-pulse-container .drive-inner-circle[b-kw4wll3h5e] {
    animation: drive-pulseInner-b-kw4wll3h5e var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 3s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(7) .drive-pulse-container .drive-outer-circle[b-kw4wll3h5e] {
    animation: drive-pulseOuter-b-kw4wll3h5e var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 4.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(7) .drive-pulse-container .drive-inner-circle[b-kw4wll3h5e] {
    animation: drive-pulseInner-b-kw4wll3h5e var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 4.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(9) .drive-pulse-container .drive-outer-circle[b-kw4wll3h5e] {
    animation: drive-pulseOuter-b-kw4wll3h5e var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 6s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(9) .drive-pulse-container .drive-inner-circle[b-kw4wll3h5e] {
    animation: drive-pulseInner-b-kw4wll3h5e var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 6s;
}


@keyframes drive-pulseOuter-b-kw4wll3h5e {
    0%, 13.3%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    6.7% {
        transform: scale(var(--outer-scale));
        opacity: 1;
    }
}

@keyframes drive-pulseInner-b-kw4wll3h5e {
    0%, 13.3%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    6.7% {
        transform: translate(-50%, -50%) scale(var(--inner-scale));
    }
}




/*VISION*/
.our-vision[b-kw4wll3h5e] {
    width: 100%;
    min-height: 450px;
    background-color: var(--card-grey);
}

/* Container to hold all vision elements */
.vision-container[b-kw4wll3h5e] {
    width: 100%;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

/* Text Container: Flex Column */
.vision-text-container[b-kw4wll3h5e] {
    display: flex;
    padding: 2%;
    flex-direction: column;
    width: 70%;
    max-width: 70%;
    z-index: 1;
}

/* Top Text: Our Vision */
.vision-text[b-kw4wll3h5e] {
    margin-bottom: 1%;
}


    .vision-text h4[b-kw4wll3h5e] {
        margin-bottom: 2%;
        font-size: 20pt;
        line-height: 1.8;
        font-family: var(--font-bold);
        font-weight: bold;
    }

    .vision-text p[b-kw4wll3h5e] {
        margin-bottom: 2%;
        font-size: 20pt;
        line-height: 1.8;
        font-family: var(--font-regular);
        color: var(--text-color-dark);
    }

.vision-text-container h3[b-kw4wll3h5e] {
    font-size: 28px;
    font-family: var(--font-inter);
    font-weight: 800;
    color: var(--deco2-sl);
    margin-bottom: 2%;
}

.vision-bottom-text p[b-kw4wll3h5e] {
    margin-bottom: 2%;
    font-size: 20pt;
    line-height: 1.8;
    font-family: var(--font-regular);
    color: var(--text-color-dark);
}

/* Images Positioned Absolutely */

.vision-graphic[b-kw4wll3h5e] {
    width: 45%;
    max-width: 45%;
    padding: 5%;
    background-color: white;
    border-bottom-right-radius: 200px;
}

    /*.vision-graphic img {
        width: 100%;
        height: auto;*/
        /*background-color: var(--lightbg-sl);*/
    /*}*/
    .vision-graphic .img-container[b-kw4wll3h5e] {
        content: url("/images/about/3DrivingForcesLight.png");
        display: block;
        width: 80% !important;
        background-size: cover;
        background-position: center;
    }


/*Values*/
.Values-section[b-kw4wll3h5e] {
    position: relative;
    padding-inline: 6%;
    /*margin-top: 8%;*/
    padding-top: 3%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    /*z-index: 2;*/
    /*background: var(--lightbg-sl);*/
}

    /* Create a pseudo-element for the top 80% background */
    .Values-section[b-kw4wll3h5e]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80%;
        background: var(--lightbg-sl);
        z-index: -1;
    }

.Values-text[b-kw4wll3h5e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .Values-text h2[b-kw4wll3h5e] {
        font-size: 30pt;
        font-family: var(--font-inter);
        font-weight: 900;
        margin-bottom: 1%;
        color: #010101;
    }

    .Values-text h3[b-kw4wll3h5e] {
        font-size: 20pt;
        line-height: 2;
        font-family: var(--font-bold);
        font-weight: 700;
        width: 90%;
        margin-bottom: 0;
    }


    .Values-text p[b-kw4wll3h5e] {
        font-size: 20pt;
        line-height: 2;
        font-family: var(--font-regular);
        width: 97%;
        color: #4D4D4F;
    }


.Values-list[b-kw4wll3h5e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5%;
    font-family: Arial, sans-serif;
}

.values-row[b-kw4wll3h5e] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-inline: 25px;
    z-index: 1;
}

    .values-row[b-kw4wll3h5e]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%;
        height: 90%;
        background: white;
        z-index: -1;
    }


/*.values-hart {
    width: 100%;
    padding-right: 6vw;
}*/

.values-bullet[b-kw4wll3h5e] {
    width: 125px;
    height: 105px;
    padding: 20px;
    margin-bottom: 1em;
    flex-shrink: 0;
    /*background: var(--lightbg-sl);*/
    background-color: white;

    border-radius: 10px;
}


.values-content[b-kw4wll3h5e] {
    display: flex;
    flex-direction: column;
    color: #4D4D4F;
    align-items: center;
    text-align: center;
}


    .values-content h2[b-kw4wll3h5e] {
        margin-block: 10%;
        font-family: var(--font-inter);
        font-size: 18px;
        font-weight: 900;
    }


    .values-content p[b-kw4wll3h5e] {
        font-family: var(--font-regular);
        font-size: 14px;
        line-height: 1.5;
        color: var(--text-color-dark);
    }

.exceeding[b-kw4wll3h5e] {
    color: #EB2227;
}

.humility[b-kw4wll3h5e] {
    color: #F18A00;
}

.teamwork[b-kw4wll3h5e] {
    color: #B9BB16;
}

.integrity[b-kw4wll3h5e] {
    color: #0075A9;
}


/*Socail*/
.Social-text[b-kw4wll3h5e] {
    margin-top: 17%;
    /*margin-top: 2%;*/
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    padding: 2em;
    /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);*/
}

/*.social-section {
    position: relative;
    z-index: 3;
    justify-items: center;
    margin-top: -200px;
}*/
.social-section[b-kw4wll3h5e] {
    position: relative;
    z-index: 3;
    margin-top: -200px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* The pseudo-element background image */
.Values-list[b-kw4wll3h5e]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 73%;
    /*background: url('images/about/WorldGreen.webp') no-repeat center/cover;*/
    background-color: var(--card-grey);
    z-index: 1;
    transform: translateY(110%);
    /* Link the animation to the view timeline */
    /*animation: move-image linear forwards;*/
/*    animation-timeline: view();
    animation-range: entry;*/
}


/*@keyframes move-image {

    to {
        transform: translateY(-80%);
    }
}
*/
.Social-text h2[b-kw4wll3h5e] {
    font-size: 28px;
    font-family: var(--font-inter);
    font-weight: 800;
    margin-bottom: 3%;
    color: #010101;
}

.Social-text h3[b-kw4wll3h5e] {
    font-size: 28px;
    font-family: var(--font-bold);
    font-weight: 800;
    color: #672666;
}


.Social-text p[b-kw4wll3h5e] {
    font-size: 16px;
    line-height: 2;
    font-family: var(--font-regular);
    margin-bottom: 0;
    color: #4D4D4F;
}

.social-parent-container[b-kw4wll3h5e] {
    position: relative;
    width: 100%;
    height: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -0px;
    margin-top: 50px;
}

.social-semi-circle-container[b-kw4wll3h5e] {
    position: relative;
    width: 850px;
    height: 375px; /* Half of 750px for a semi-circle view */
}

    /* Create a full circle with uniform border thickness and show only the bottom half */
    .social-semi-circle-container[b-kw4wll3h5e]::before {
        content: "";
        position: absolute;
        width: 850px;
        height: 825px;
        border: 15px solid #EBEDE7;
        border-radius: 50%;
        top: -750px; /*Move circle up so only bottom half is visible in the container */
        left: 0;
        box-sizing: border-box;
    }

/* Small circles (fixed size, no shrinking) */
.small-circle[b-kw4wll3h5e] {
    position: absolute;
    width: 243px;
    height: 243px;
    background-color: var(--card-grey);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
}

    .small-circle h3[b-kw4wll3h5e] {
        font-size: 14px;
        font-weight: 900;
        margin-bottom: 8px;
        color: inherit;
    }

    .small-circle p[b-kw4wll3h5e] {
        font-size: 13px;
        font-family: var(--font-regular);
        color: #4D4D4F;
        margin: 0;
    }

/* 
   Positioning the circles along the arc:
   The bottom half of the circle arcs downward, so the middle circles are placed lower (higher 'top' value),
   and the outer ones a bit higher (smaller 'top' value) to suggest they follow the curve.
*/

/* Left-most circle (somewhat up on the arc) */
.circle1[b-kw4wll3h5e] {
    border: solid 5px #0075A9;
    color: #0075A9;
    top: -62%;
    left: -8%;
}

/* Next circle, further along arc, more downward */
.circle2[b-kw4wll3h5e] {
    border: solid 5px #B9BB16;
    color: #B9BB16;
    top: -62%;
    left: 78%;
}

/* Third circle, mirroring the second circle on the right side */
.circle3[b-kw4wll3h5e] {
    /*border: solid 5px #64296C;*/
    border: solid 5px var(--color-vibrant-purple);
    color: var(--color-vibrant-purple);
    top: -15%;
    left: 52%;
}

/* Right-most circle, mirroring the first circle */
.circle4[b-kw4wll3h5e] {
    border: solid 5px #8B2533;
    color: #8B2533;
    top: -15%;
    left: 17%;
}

/* Divider dots between the circles (also positioned along the arc line) */
.divider-dot[b-kw4wll3h5e] {
    position: absolute;
    width: 30px;
    height: 30px;
}

/* Adjust these as needed for aesthetics */
.dot1[b-kw4wll3h5e] {
    top: -10%;
    left: 17%;
}

.dot2[b-kw4wll3h5e] {
    top: 14%;
    left: 47%;
}

.dot3[b-kw4wll3h5e] {
    top: -8%;
    left: 78%;
}

.footer[b-kw4wll3h5e] {
    margin-top: -300px;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-kw4wll3h5e],
body.dark .Hero p[b-kw4wll3h5e]{
    background-color: var(--card-grey);
    color: var(--text-color-light);
}

    body.dark .Hero .Hero-content .Hero-image img[b-kw4wll3h5e] {
        background-color: var(--background-color);
    }

body.dark .primry-header[b-kw4wll3h5e] {
    /*background-color: transparent;*/
    background-color: white !important;
}

body.dark .drive-title[b-kw4wll3h5e],
body.dark .drive-description[b-kw4wll3h5e],
body.dark .vision-text p[b-kw4wll3h5e],
body.dark .vision-bottom-text p[b-kw4wll3h5e] {
    color: var(--text-color-light);
}

body.dark .Values-list .values-row[b-kw4wll3h5e]:before,
body.dark .Values-list .values-row .values-bullet[b-kw4wll3h5e] {
    background-color: var(--background-color);
}

body.dark .Hero-content h2[b-kw4wll3h5e] {
    color: var(--text-color-light) !important;
}

body.dark .social-parent-container[b-kw4wll3h5e],
body.dark .Social-text[b-kw4wll3h5e] {
    background-color: var(--background-color);
}


@media (max-width: 500px) {
    .vision-text-container[b-kw4wll3h5e] {
        z-index: auto;
        width: 100% !important;
        max-width: 100% !important;
    }
        .vision-text h4[b-kw4wll3h5e],
        .vision-text p[b-kw4wll3h5e],
        .vision-text-container h3[b-kw4wll3h5e],
        .vision-text-container p[b-kw4wll3h5e]{
            font-size: 14pt !important;
        }
        .values-container[b-kw4wll3h5e] {
        width: 95%;
    }

    .values-bullet[b-kw4wll3h5e] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .values-content h2[b-kw4wll3h5e] {
        font-size: 1em;
    }

    .values-content p[b-kw4wll3h5e] {
        font-size: 0.9em;
    }

    .Hero-text[b-kw4wll3h5e] {
        padding-top: 2em;
        padding-right: 0 !important;
    }

        .Hero-text p[b-kw4wll3h5e] {
            padding-right: 2em;
            font-size: 16pt;
        }

    .Hero-content[b-kw4wll3h5e] {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
        position: relative;
    }

    .h2-container[b-kw4wll3h5e] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex;
        align-content: flex-start;
        font-size: 16pt;
    }
        .h2-container h2[b-kw4wll3h5e] {
            font-size: 20pt;
        }

    .Hero-image[b-kw4wll3h5e] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }


    .Hero-insights[b-kw4wll3h5e] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3%;
        padding-left: 1%;
        padding-top: 1vh;
        padding-bottom: 4vh;
        background-color: var(--lightbg-sl);
    }

        .Hero-insights > *:last-child[b-kw4wll3h5e] {
            grid-column: 1 / -1;
        }

    .Hero-insights-stat[b-kw4wll3h5e] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Hero-insights-number[b-kw4wll3h5e] {
        font-family: var(--font-bold);
        font-size: 56px;
        font-weight: bold;
        margin-bottom: 0;
        color: #64296C;
    }

    .Hero-insights-bold[b-kw4wll3h5e] {
        font-family: var(--font-bold);
        font-weight: bold;
        margin-bottom: 0;
        color: black;
        max-width: 75%;
    }

    .Hero-insights-text[b-kw4wll3h5e] {
        font-family: var(--font-regular);
        line-height: 1.5;
        color: black;
        max-width: 75%;
    }


    .drive-timeline-mobile[b-kw4wll3h5e] {
        display: grid;
        grid-template-columns: auto auto 0.5fr auto 0.5fr;
        grid-template-rows: repeat(2, auto);
        max-width: 100%;
    }

        .drive-timeline-mobile .drive-icons-row[b-kw4wll3h5e] {
            grid-row: 1;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .drive-timeline-mobile .drive-text-row[b-kw4wll3h5e] {
            grid-row: 2;
            display: flex;
        }

            .drive-timeline-mobile
            .drive-text-row
            .drive-text-item-1[b-kw4wll3h5e] {
                flex-direction: column;
            }

            .drive-timeline-mobile
            .drive-text-row
            .drive-description[b-kw4wll3h5e] {
                width: 75% !important;
            }

            .drive-timeline-mobile
            .drive-text-row
            .drive-text-item-2[b-kw4wll3h5e] {
                flex-direction: column;
            }

    .our-vision .vision-container[b-kw4wll3h5e] {
        display: flex;
        flex-direction: column;
    }

        .our-vision
        .vision-container
        .vision-graphic[b-kw4wll3h5e] {
            max-width: 100%;
            
        }
            .our-vision
            .vision-container
            .vision-graphic[b-kw4wll3h5e] 
            {
                width: 100%;
                max-width: 100%;
                border-bottom-right-radius: 150px;
            }
            .our-vision
            .vision-container
            .vision-text-container[b-kw4wll3h5e] {
                max-width: 70%;
                padding: 10%;
            }

    .Values-section[b-kw4wll3h5e] {
        z-index: auto;
        height: 115%;
        max-width: 100%;
    }

        .Values-section[b-kw4wll3h5e]::before {
            height: 115%;
        }

        .Values-section
        .Values-text[b-kw4wll3h5e] {
            max-width: 100% !important;
            width: 100%;
            padding: 5%;
            
        }
            .Values-section
            .Values-text h2[b-kw4wll3h5e] {
                font-size: 18pt;
            }
            .Values-section
            .Values-text h3[b-kw4wll3h5e] {
                font-size: 16pt;
            }
            .Values-section
            .Values-text p[b-kw4wll3h5e] {
                font-size: 14pt;
            }
            .Values-list[b-kw4wll3h5e] {
                display: grid;
            }

        .Values-list[b-kw4wll3h5e]::before {
            background: none !important;
            position: relative !important;
        }

    .values-row .values-bullet[b-kw4wll3h5e] {
        width: 85px;
        height: 75px;
        margin-top: 20px;
        margin-bottom: 0em;
        flex-shrink: 0;
        background: var(--lightbg-sl);
        border-radius: 10px;
    }

    .social-section[b-kw4wll3h5e] {
        margin-top: 250px !important;
        z-index: auto !important;
    }

    .Social-text[b-kw4wll3h5e] {
        margin-top: 30%;
        max-width: 80%;
        display: flex;
        justify-content: space-between;
        padding: 2em;
    }

    .social-semi-circle-container[b-kw4wll3h5e]::before {
        border: none;
        max-width: 100%;
    }

    .social-parent-container[b-kw4wll3h5e] {
        min-height: fit-content;
        margin-bottom: 100px;
    }
    .social-parent-container .social-semi-circle-container[b-kw4wll3h5e] {
        display: flex;
        flex-direction: column;
        min-height: fit-content;
        margin: auto;
        align-items: center;
        max-width: 100%;
    }

    .small-circle[b-kw4wll3h5e] {
        margin: 5%;
    }

    .divider-dot[b-kw4wll3h5e] {
        display: none;
    }

    .social-parent-container
    .social-semi-circle-container
    .small-circle[b-kw4wll3h5e] {
        position: relative;
    }

    .circle1[b-kw4wll3h5e], .circle2[b-kw4wll3h5e], .circle3[b-kw4wll3h5e], .circle4[b-kw4wll3h5e] {
        left: initial;
        top: initial;
    }

    .footer[b-kw4wll3h5e] {
        z-index: auto !important;
        margin-top: 250px !important;
        max-width: 100%;
    }
}
/* _content/SLWebsiteV4/Components/Pages/BrandSlider.razor.rz.scp.css */
.brand-slider[b-38vgk18rtg] {
    max-width: 88%;
    height:220px;
    /*outline: 3px solid lime;*/ /*Comment in to see boarders for testing 
*/}

    .brand-slider img[b-38vgk18rtg] {
        max-height: 220px;
        max-width: 200px;
        width: auto;
        height: auto;
        object-fit: contain;
        background-color: transparent;
    }

.slider_inner[b-38vgk18rtg] {
    padding-block: 1rem;
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    height: 120px;
}

.brand-slider[data-animated="true"][b-38vgk18rtg] {
    overflow: hidden;
}

    .brand-slider[data-animated="true"] .slider_inner[b-38vgk18rtg] {
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll-b-38vgk18rtg 90s linear infinite;
    }


@keyframes scroll-b-38vgk18rtg {
    to {
        transform: translate(calc(-50% - 1rem));
    }
}
/* _content/SLWebsiteV4/Components/Pages/Careers.razor.rz.scp.css */
.Hero[b-8vq3w82vm5] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-8vq3w82vm5] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-8vq3w82vm5] {
    padding-top: 2em;
    padding-right: 2em;
    /*flex:.8;*/
    max-width: 50%;
}

.Hero-content .Hero-text span[b-8vq3w82vm5] {
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-8vq3w82vm5] {
    font-size: 20pt;
    color: var(--text-color-dark);
}

.Hero-image[b-8vq3w82vm5] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-8vq3w82vm5] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.careers-section[b-8vq3w82vm5] {
    padding-inline: 6%;
    margin-bottom: 5%;
}


    .careers-section h2[b-8vq3w82vm5] {
        padding-top: 2rem;
        font-size: 40pt;
        font-weight: 900;
    }

    .careers-section p[b-8vq3w82vm5] {
        color: var(--text-color-dark);
        font-size: 20pt;
    }



.job-cards[b-8vq3w82vm5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.job-card[b-8vq3w82vm5] {
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    min-width: 320px;
    max-width: 400px;
    margin: 5rem auto 1rem auto;
    /*background-color: white;*/
    /*padding-top: 10px;*/
    max-height: 33rem;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.job-cards .job-card .job-card-icon[b-8vq3w82vm5] {
    position: absolute;
    left: 70%;
    top: -60px;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-light);
    z-index: -1;
}

    .job-cards .job-card .job-card-icon img[b-8vq3w82vm5] {
        width: 35px;
        height: 35px;
        margin-bottom: 45px;
    }

.job-cards .job-card .job-card-body[b-8vq3w82vm5] {
    font-family: var(--font-regular);
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

    .job-cards .job-card .job-card-body p[b-8vq3w82vm5] {
        position: relative;
        margin-bottom: 2rem;
        font-size: 0.98rem;
        line-height: 1.5;
        color: var(--text-color-dark);
        padding: 15px;
        background-color: white;
        height: 280px;
    }


.job-cards .job-card .job-card-body .job-card-header[b-8vq3w82vm5] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    color: var(--text-color-light);
    width: 100%;
    background-color: var(--card-grey);
}

.job-card-title[b-8vq3w82vm5] {
    margin-left: 20px;
    font-family: var(--font-inter);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 1rem 0;
}


.job-card-title.red[b-8vq3w82vm5] {
    color: var(--color-red);
}

.job-card-icon.red[b-8vq3w82vm5] {
    background-color: var(--color-red);
}

.job-card-title.purple[b-8vq3w82vm5] {
    color: var(--color-purple);
}

.job-card-icon.purple[b-8vq3w82vm5] {
    background-color: var(--color-purple);
}

.job-card-title.blue[b-8vq3w82vm5] {
    color: var(--color-blue);
}

.job-card-icon.blue[b-8vq3w82vm5] {
    background-color: var(--color-blue);
}

.job-card-title.green[b-8vq3w82vm5] {
    color: var(--color-light-green);
}

.job-card-icon.green[b-8vq3w82vm5] {
    background-color: var(--color-light-green);
}

.job-card-title.yellow[b-8vq3w82vm5] {
    color: var(--color-yellow);
}

.job-card-icon.yellow[b-8vq3w82vm5] {
    background-color: var(--color-yellow);
}

.job-card-title.olive[b-8vq3w82vm5] {
    color: var(--color-army-green);
}

.job-card-icon.olive[b-8vq3w82vm5] {
    background-color: var(--color-army-green);
}


.thought-btn[b-8vq3w82vm5] {
    text-decoration: none;
    color: var(--text-color-light);
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 80%;
    max-width: 80%;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-8vq3w82vm5] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-8vq3w82vm5] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .Hero-image img[b-8vq3w82vm5] {
    background-color: var(--background-color);
}

body.dark .job-card .job-card-body[b-8vq3w82vm5] {
    background-color: var(--card-grey);
}
body.dark .job-card-body p[b-8vq3w82vm5] {
    color: var(--text-color-light);
}
body.dark .job-cards .job-card .job-card-body p[b-8vq3w82vm5] {
    background-color: var(--card-grey);
    color: var(--text-color-light);
}

body.dark .careers-section p[b-8vq3w82vm5] {
    color: var(--text-color-light);
}

@media(max-width: 500px) {
    .Hero-content[b-8vq3w82vm5] {
        position: relative;
    }

        .Hero-content .Hero-image[b-8vq3w82vm5] {
            position: absolute;
            top: 0;
            right: 0;
            max-width: 50%;
            border-bottom-left-radius: 150px;
            background-color: var( --lightbg-sl);
        }

        .Hero-content .Hero-text[b-8vq3w82vm5] {
            padding: 1rem;
            max-width: 100%;
        }
            .Hero-content .Hero-text span[b-8vq3w82vm5] {
                font-size: 20pt;
            }

            .Hero-content .Hero-text span:first-of-type[b-8vq3w82vm5] {
                display: flex;
                flex-wrap: wrap;
                /*padding-top: 1em;*/
                max-width: 45% !important;

            }

            .Hero-content .Hero-text p[b-8vq3w82vm5] {
                margin-top: 1rem;
                font-size: 18pt;
            }

    .job-cards[b-8vq3w82vm5] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin: 1rem 0;
    }

        .job-cards .job-card .job-card-icon[b-8vq3w82vm5] {
            left: 63.5%;
        }
        .job-cards .job-card .job-card-body p[b-8vq3w82vm5] {
            height: fit-content;
        }

        .thought-btn[b-8vq3w82vm5] {
            width: 100%;
        }
}
/* _content/SLWebsiteV4/Components/Pages/ContactUs.razor.rz.scp.css */
.box[b-9yot7jovdm] {
    position: relative;
    width: 100%;
    height: 90dvh;
    overflow: hidden;
}

.Hero[b-9yot7jovdm] {
    position: absolute;
    justify-content: flex-start;
    display: flex;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url('/images/home/HeroBackground_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-inline: 6%;
    padding-bottom: 8%;
    align-items: flex-end;
    z-index: 2;
}
.Hero-content[b-9yot7jovdm] {
    --hero-font: 3.1vw;
    color: var(--black1-sl);
    max-width: 27%;
    /*padding: 2%;*/
    text-align: left;
    position: relative;
}


.team-head[b-9yot7jovdm] {
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 36px;
    margin-inline-start: 6%;
    margin-block-end: 2dvh;
}
.card-container[b-9yot7jovdm] {
    display: flex;
    flex-wrap: wrap;
    margin-inline: 1%;
}

.card-pf[b-9yot7jovdm] {
    /*    flex: 0 1 calc(33.333% - 4vw);*/
    /*    margin: 20px 2vw;*/
    flex: 0 1 calc(25% - 6vw);
    margin: 20px 3vw;
    box-sizing: border-box;
    position: relative;
    color: #fff;
}

    .card-pf[b-9yot7jovdm]::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80%;
        /*        background-color: #64296C;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;*/
        z-index: 1;
    }


    .card-img[b-9yot7jovdm],
    .card-pf .card-body[b-9yot7jovdm] {
        position: relative;
        z-index: 2;
    }


.image-container[b-9yot7jovdm] {
    position: relative;
    width: 100%;
}

.icon-container[b-9yot7jovdm] {
    display: flex;
    justify-content: center;
    z-index: 3;
    gap: 1px;
}

.card-img[b-9yot7jovdm] {
    margin-inline: 2.5%;
    width: 95%;
    height: auto;
    display: block;
    margin-bottom: 5%;
    border-radius: 50%;
}

.card-text-container[b-9yot7jovdm] {
}



.card-title[b-9yot7jovdm] {
    text-align: center;
    font-family: var(--font-inter);
    font-weight: 900;
    color: black;
    font-size: 20pt;
}

.card-text[b-9yot7jovdm] {
    text-align: center;
    margin-top: 4%;
    font-family: var(--font-inter);
    font-weight: 500;
    font-size: 16pt;
    color: black;
    /*white-space:nowrap;*/
}

.card-icon[b-9yot7jovdm] {
}

.card-icon-pl[b-9yot7jovdm] {
    margin-left: -4px !important;
}

.card-email[b-9yot7jovdm] {
    text-align: center;
    font-family: var(--font-light);
    color: black;
    font-size: 12px;
    margin-top: 1%;
}
    .card-email a[b-9yot7jovdm] {
        text-decoration: none;
        color: var(--text-color-dark);
    }

.contact-details-section[b-9yot7jovdm] {
    /*background: #141414;*/
    padding: 2.5rem 2rem 2rem 2rem;
    border-radius: 0 0 12px 12px;
    margin-bottom: 2rem;
}

.contact-details-header[b-9yot7jovdm] {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem;
    gap: 1.5rem;
}

.contact-details-title[b-9yot7jovdm] {
    font-family: var(--font-inter);
    font-size: 2.5rem;
    font-weight: 700;
    /*color: var(--text-color-light);*/
    margin-right: 1rem;
    white-space: nowrap;
}

.contact-details-line[b-9yot7jovdm] {
    flex: 1;
    height: 2px;
    background: #D32C4A;
    margin-right: 1.5rem;
}

.contact-details-socials[b-9yot7jovdm] {
    display: flex;
    gap: 1rem;
}

.social-icon[b-9yot7jovdm] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    /*background: none;*/
    background-color: var(--color-red);
    transition: background 0.2s;
}
    .social-icon img[b-9yot7jovdm]{
        width:50%;
    }
    .social-icon:hover[b-9yot7jovdm] {
        background: #fff1;
    }

.contact-details-cards[b-9yot7jovdm] {
    display: flex;
    gap: 2rem;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.contact-card[b-9yot7jovdm] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    border-radius: 22px;
    padding: 1.2rem 2.2rem;
    min-width: 320px;
    max-width: 390px;
    width: 390px;
    flex: 1 1 0;
    box-sizing: border-box;
}

.email-card[b-9yot7jovdm] {
    background: #D32C4A;
}

.phone-card[b-9yot7jovdm] {
    background: #1196B5;
}

.address-card[b-9yot7jovdm] {
    background: #C2D04F;
}

.contact-card-icon[b-9yot7jovdm] {
    background: var(--background-color);
    border-radius: 16px;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    min-height: 56px;
}
    .contact-card-icon.red img[b-9yot7jovdm] {
        border-radius: 50%;
        height: 40px;
        width: 40px;
    }
    .contact-card-icon.blue img[b-9yot7jovdm] {
        border-radius: 50%;
        padding: 5px;
        border: 3px solid var(--color-blue);
        height: 40px;
        width: 40px;
    }
    .contact-card-icon.green img[b-9yot7jovdm] {
        border-radius: 50%;
        padding: 5px;
        border: 3px solid var(--color-light-green);
        height: 40px;
        width: 40px;
    }

    .contact-card-text[b-9yot7jovdm] {
        font-family: var(--font-inter);
        font-size: 1.2rem;
        color: var(--text-color-light);
        font-weight: 700;
        line-height: 1.3;
        word-break: break-word;
    }

.email-card .contact-card-text[b-9yot7jovdm],
.phone-card .contact-card-text[b-9yot7jovdm],
.address-card .contact-card-text[b-9yot7jovdm] {
    color: var(--text-color-light) ;
}


/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-9yot7jovdm] {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.95) 100%), url('/images/home/HeroBackground_2.webp');
}
body.dark .cap-row .cap-card .flip-card-inner .flip-card-front .cap-card-footer a[b-9yot7jovdm] {
    color: var(--text-color-light);
}

body.dark .cap-row .cap-card .flip-card-inner .flip-card-front[b-9yot7jovdm] {
    background-color: var(--card-grey);
    color: var(--text-color-light);
}

    body.dark .cap-row .cap-card .flip-card-inner .flip-card-front .icon[b-9yot7jovdm] {
        background-color: var(--card-grey);
    }

body.dark .card-container .image-container img[b-9yot7jovdm] {
    background-color: var(--background-color);
}

body.dark .card-container .card-pf .card-body .card-title[b-9yot7jovdm],
body.dark .card-container .card-pf .card-body .card-text[b-9yot7jovdm],
body.dark .card-container .card-pf .card-body .card-email a[b-9yot7jovdm] {
    color: var(--text-color-light);
}

body.dark .contact-details-title[b-9yot7jovdm] {
    color: var(--text-color-light);
}
body.dark .card-container .card-pf .card-body .icon-container img[b-9yot7jovdm] {
    background-color: var(--background-color);
}

body.dark .contact-details-section[b-9yot7jovdm] {
    background-color: var(--background-color);
}

body.dark .email-card .contact-card-text[b-9yot7jovdm],
body.dark .phone-card .contact-card-text[b-9yot7jovdm],
body.dark .address-card .contact-card-text[b-9yot7jovdm] {
    color: var(--text-color-dark);
}

/*===============================================
   RESPONSIVENESS
=================================================*/
@media (max-width: 500px) {
    body .dark .Hero .Hero-content[b-9yot7jovdm] {
        color: var(--text-color-light);
    }

    .box[b-9yot7jovdm] {
        height: 50dvh;
    }

    .Hero[b-9yot7jovdm] {
        /*background-size: contain;*/
        background-size: 200% auto; /* Zooms in to show half the width */
        background-position: center top;
    }

    .Hero-content[b-9yot7jovdm] {
        --hero-font: 3.1vw;
        color: var(--black1-sl);
        max-width: 100%;
        text-align: center;
        /*position: relative;*/
    }

        .Hero-content h2[b-9yot7jovdm] {
            font-size: 18px !important;
        }

        .Hero-content h1[b-9yot7jovdm] {
            font-size: 35px;
            font-weight: bold;
            white-space: nowrap;
            margin-block-end: 0;
        }

    .team-head[b-9yot7jovdm] {
        font-size: 28px;
    }
    .card[b-9yot7jovdm] {
        flex: 0 1 calc(100% -4vw);
    }

    .cap-row[b-9yot7jovdm] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(7, 200px) !important;
        gap: .5em;
        margin: 0 6%;
    }

    .large-card[b-9yot7jovdm] {
        grid-row: 1 !important;
        grid-column: 1;
    }

    .cap-card-header[b-9yot7jovdm] {
        padding-top: 15px;
    }

    .cap-card h2[b-9yot7jovdm] {
        font-family: var(--font-inter);
        font-weight: bold;
        font-size: 14px;
        margin: 0;
        line-height: 1.2;
        padding-inline: 20%;
    }

    .cap-card p[b-9yot7jovdm] {
        font-family: var(--font-light);
        font-size: 12px;
        padding-inline: 7% !important;
    }

    .flip-card-front .cap-card-footer a[b-9yot7jovdm] {
        font-size: 12px;
    }

    .icon[b-9yot7jovdm] {
        width: auto;
        height: 55px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        padding: 5px;
        border-bottom-right-radius: 10px
    }

    .card-container .card-pf[b-9yot7jovdm] {
        /*margin: 20px 0.5vw;*/
        margin: 20px 0.5vw;
        max-width: 48%;
    }

    .contact-details-section[b-9yot7jovdm] {
        flex-direction: column;
        gap: 1.5rem;
        align-items: flex-start;
    }

    .contact-details-header[b-9yot7jovdm]{
        display: none;
    }

    .card-title[b-9yot7jovdm] {
        font-size: 18px;
        height:50px;
    }
    .card-text[b-9yot7jovdm] {
        font-size: 16px;
        height: 55px;
    }

}
/* _content/SLWebsiteV4/Components/Pages/FooterSection.razor.rz.scp.css */
h2[b-5qoce278jz] {
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 28px;
    color: #ffffff;
    margin-bottom:26px
}
h3[b-5qoce278jz] {
    font-family: var(--font-bold);
    font-size: 20px;
    color: #ffffff;
}

.footer-container[b-5qoce278jz] {
    background-color: var(--black1-sl);
    /*    background-image: url('/images/Footer/FooterBG.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    padding-block: 4vw;
    padding-inline: calc(6% - 20px);
}

.footer-top-pad[b-5qoce278jz] {
    padding-top: 52px !important;
   
}

.centered-column[b-5qoce278jz] {
    padding-inline-start:2%!important;
    width: 50%;
    max-width: 50%;
}

.footer-detail[b-5qoce278jz] {
    width: 30%;
    max-width: 30%;
}

.footer-row[b-5qoce278jz] {
    display: flex;
    flex-wrap: nowrap;
    color: #ffffff;
}

.footer-column[b-5qoce278jz] {
    flex: 1;
    padding: 20px;
    padding-top: 50px;
    padding-left: 20px;
    box-sizing: border-box;
}

    .footer-column h3[b-5qoce278jz] {
        margin-bottom: 15px;
    }

    .footer-column ul[b-5qoce278jz] {
        list-style: none;
        padding: 0;
    }

        .footer-column ul li[b-5qoce278jz] {
            margin-bottom: 10px;
        }

/* Form Styles */
form[b-5qoce278jz] {
    margin-top: 20px;
 
}
label[b-5qoce278jz] {
    font-family: var(--font-bold);
    font-size:15px;
}


input[b-5qoce278jz], textarea[b-5qoce278jz] {
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #ffffff;
    font-family: var(--font-regular);
    color: #ffffff;
    padding: 10px;
    outline: none;
}

.form-button[b-5qoce278jz] {
    font-family: var(--font-bold);
    font-size: 15px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
}


    .form-button:hover[b-5qoce278jz] {
        background-color: rgba(255, 255, 255, 0.5); 

    }


.form-row[b-5qoce278jz] {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}

.form-group[b-5qoce278jz] {
    flex: 1;
    margin-right: 20px;
}

    .form-group:last-child[b-5qoce278jz] {
        margin-right: 0;
    }

.form-row-full[b-5qoce278jz] {
    display: block;
    margin-bottom: 15px;
}
.form-group label[b-5qoce278jz] {
    display: block;
    margin-bottom: 5px;
}

.form-group input[b-5qoce278jz],
.form-group textarea[b-5qoce278jz] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

button[type="submit"][b-5qoce278jz] {
    padding: 10px 20px;
    margin-top: 10px;
}

.contact-info[b-5qoce278jz] {
    font-family: var(--font-bold);
    font-size: 18px;
    width: 75%;
    color: #ffffff;
}
.icon-wrapper[b-5qoce278jz] {
    width: 24px; 
    height: 24px; 
    margin-right: 10px;
    display: flex;
    align-items: center; 
    justify-content: center; 
}
    .contact-info li[b-5qoce278jz] {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }

        .contact-info li img[b-5qoce278jz] {
            margin-right: 10px;
        }

        .contact-info li span[b-5qoce278jz] {
            flex: 1; 
        }



.Light-list[b-5qoce278jz] {
    font-family: var(--font-regular);
    font-size: 16px;
    margin-top: 15px;
    color: #ffffff;
}

    .Light-list a[b-5qoce278jz]{
        text-decoration: none;
        color: var(--text-color-light);
    }

    .footer-columns-3-4[b-5qoce278jz] {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

.footer-columns-row[b-5qoce278jz] {
    display: flex;
    flex-wrap: nowrap;
}

.footer-subrow[b-5qoce278jz] {
    display: flex;
    align-items: center;
    margin-top: auto;
    margin-left:20px;
    margin-bottom:20px;
}

.company-logo[b-5qoce278jz] {
    margin-right: 20px;
}

.social-icons[b-5qoce278jz] {
    display: flex;
    margin-top: 25%;
    padding-left:10px;
}

    .social-icons a[b-5qoce278jz] {
        margin-right: 10px;
    }

    .social-icons img[b-5qoce278jz] {
        width: 24px;
        height: 24px;
    }

.footer-column-info[b-5qoce278jz]{
    justify-content:center;
}

@media (max-width: 1024px) {
    .footer-row[b-5qoce278jz] {
        flex-wrap: wrap;
    }
    .footer-columns-3-4[b-5qoce278jz] {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        
    }

    .footer-columns-3-4 .footer-column[b-5qoce278jz] {
        flex: 1 1 50%;
        box-sizing: border-box;
    }

    .footer-column[b-5qoce278jz]{
        flex: 1 1 100%;
    }

    .footer-columns-row[b-5qoce278jz] {
        flex-wrap: wrap;
    }

    .footer-subrow[b-5qoce278jz] {
        justify-content: center;
        flex-direction:column
    }
    .social-icons[b-5qoce278jz]{
        margin-top: 1rem;
    }

    .footer-detail[b-5qoce278jz]{
        display: none;
    }

    .centered-column[b-5qoce278jz] {
        padding-inline-start: 2rem !important;
        width: 100%;
        max-width: 100%;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Home.razor.rz.scp.css */
body[b-35f9iyf8ra] {
    margin: 0;
    padding: 0;
}



.box[b-35f9iyf8ra] {
    position: relative;
    width: 100%;
    height: 90dvh;
    overflow: hidden;
}

.Hero[b-35f9iyf8ra] {
    position: absolute;
    justify-content: flex-start;
    display: flex;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url('/images/home/HeroBackground_2.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-inline: 6%;
    /*padding-bottom: 8%;*/
    
    /*align-items: flex-end;*/
    align-items: center;
    padding-top: 5%;
    z-index: 2;
}


.Hero-bar[b-35f9iyf8ra] {
    width: 50%;
    height: auto;
    margin-bottom: 1rem;
}

.Heropurple[b-35f9iyf8ra] {
    color: var(--deco2-sl);
}

.Hero-content h1[b-35f9iyf8ra] {
    font-size: 40pt;
    font-weight: bold;
    font-family: var(--font-inter);
    white-space: nowrap;
    margin-block-end: 0;
}

.h1-container[b-35f9iyf8ra]{
    padding-bottom: 20px;
}

.h1-container[b-35f9iyf8ra]::before {
    top: -5px;
    left: -5px;
}

    .h1-container[b-35f9iyf8ra]::after {
        bottom: -5px;
        left: -5px;
    }

.Hero-content h1[b-35f9iyf8ra]::before {
    top: -5px;
    right: -5px;
   
}

/* Bottom-right corner square */
.Hero-content h1[b-35f9iyf8ra]::after {
    bottom: -5px;
    right: -5px;
}

.Hero-content h2[b-35f9iyf8ra] {
    font-size: 24pt;
    font-weight: bold;
    font-family: var(--font-inter);
}

.Hero-content[b-35f9iyf8ra] {
    --hero-font: 3.1vw;
    color: var(--black1-sl);
    max-width: 30%;
    /*padding: 2%;*/
    text-align: left;
    position: relative;
}

.Hero-btn[b-35f9iyf8ra] {
    background-color: var(--deco2-sl);
    color: #fff;
    font-family: var(--font-bold);
    font-weight: bold;
    border: none;
    padding: .8rem 3rem;
    margin-top: var(--hero-font);
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}

    .Hero-btn:hover[b-35f9iyf8ra] {
        background-color: hsl(from var(--deco2-sl) h s l /0.8);
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.9);
    }


.what-section[b-35f9iyf8ra] {
    display: flex;
    margin-top: 2.5rem;
    justify-content: center;
}

.what-content[b-35f9iyf8ra] {
    max-width: 70%;
    display: flex;
    margin-top: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .what-content h2[b-35f9iyf8ra] {
        font-weight: bold;
        font-family: var(--font-inter);
        font-size: 26pt;
        white-space: nowrap;
    }

    .what-content p[b-35f9iyf8ra] {
        font-size: 18pt;
        text-align: center;
        font-family: var(--font-regular);
        color: var(--text-color-dark);
    }
/* Capacity */
.flip-card-inner[b-35f9iyf8ra] {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}



/* Front and back sides */
.flip-card-front[b-35f9iyf8ra],
.flip-card-back[b-35f9iyf8ra] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    overflow: hidden;
    padding-top: 4%;
    background: var(--card-grey);
}

/* Front side styles */
.flip-card-front[b-35f9iyf8ra] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
    .flip-card-front p[b-35f9iyf8ra] {
        color: var(--text-color-dark);
    }

    .large-card .flip-card-front[b-35f9iyf8ra] {
        /*    padding-top:0px!important;
    justify-content: flex-start;*/
    }

.large-card p[b-35f9iyf8ra] {
    padding-inline: 25% !important;
}

.front-icon[b-35f9iyf8ra] {
    height: 72%;
}


.back-heading-row h2[b-35f9iyf8ra] {
    padding-inline: 0 !important;
}

.back-heading-row[b-35f9iyf8ra] {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #000000;
}

.flip-card-front .cap-card-footer[b-35f9iyf8ra] {
    text-align: right;
}

    .flip-card-front .cap-card-footer a[b-35f9iyf8ra] {
        color: #000000;
        text-decoration: none;
        font-family: var(--font-light);
    }

        .flip-card-front .cap-card-footer a:hover[b-35f9iyf8ra] {
            text-decoration: underline;
        }

.cap-card-header[b-35f9iyf8ra] {
    margin-bottom: 15px;
    max-width: 50%;
}

.cap-row[b-35f9iyf8ra] {
    display: grid;
    grid-template-columns: 1fr 1.6fr repeat(2, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: .5em;
    margin: 0 6%;
}


.cap-card[b-35f9iyf8ra] {
    --card-font: 0.8em;
    text-align: center;
    height: 100%;
    color: #000000;
    position: relative;
    perspective: 100000px;
}

.large-card[b-35f9iyf8ra] {
    grid-row: 1 / span 2;
    grid-column: 2;
}

.cap-card h2[b-35f9iyf8ra] {
    font-family: var(--font-inter);
    font-weight: bold;
    /*        font-size: clamp(0.1em, .3vw + .5em, 4em);*/
    font-size: 16px;
    margin: 0;
    line-height: 1.2;
    /*padding-inline: 20%;*/
}

.cap-card p[b-35f9iyf8ra] {
    font-family: var(--font-light);
    /*    font-size: clamp(0.1em, .1vw + .5em, 4em);*/
    font-size: 14px;
    padding-inline: 7%;
}

.icon[b-35f9iyf8ra] {
    width: auto;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    padding: 5px;
    border-bottom-right-radius: 10px
}

/*PARTNER*/
.partner-section[b-35f9iyf8ra] {
    display: flex;
    align-items: start;
    justify-content: start;
    margin-block: 5%;
    margin-inline-start: 6%;
    padding-inline-end: 6%;
    margin-inline-end: 6%;
    gap: 10%;
    /*background-color: #E0D4E2;*/
    /*#F0EAF0*/
    background-color: var(--deco5-sl)
}


.partner-image-container[b-35f9iyf8ra] {
    flex: 1;
    max-width: 40%;
    padding-right: 50px;
    border-bottom-right-radius: 200px;
}

    .partner-image-container img[b-35f9iyf8ra] {
        border-bottom-right-radius: 200px;
    }


.partner-content[b-35f9iyf8ra] {
    flex: 1;
    padding-block-start: 2%;
    max-width: 65%;
}

.partner-highlight[b-35f9iyf8ra] {
    font-family: var(--font-extra-bold);
    color: #000000;
}

.partner-content h2[b-35f9iyf8ra] {
    font-weight: 900;
    font-family: var(--font-inter);
    font-size: 28px;
    color: #000000;
}

.partner-content p[b-35f9iyf8ra] {
    font-family: var(--font-regular);
    font-size: 16px;
    width: 100%;
    color: #4D4D4F;
    margin-bottom: 2.5%;
}

.partner-content h4[b-35f9iyf8ra] {
    font-family: var(--font-extra-bold);
    font-size: 18px;
    margin-block: 5%;
    color: #000000;
}

.partner-custom-list[b-35f9iyf8ra] {
    list-style: none;
    padding: 0;
    padding-inline-end: 7%;
}

    .partner-custom-list li[b-35f9iyf8ra] {
        display: flex;
        align-items: center;
        margin-bottom: 7px;
        font-family: var(--font-regular);
        font-size: 16px;
        color: #4D4D4F;
        line-height: 1.4;
        padding-block: 1.5vh;
    }


        .partner-custom-list li .bullet[b-35f9iyf8ra] {
            margin-right: 20px;
            width: 40px;
            height: 40px;
            flex-shrink: 0;
        }

        .partner-custom-list li span[b-35f9iyf8ra] {
            flex: 1;
        }


/*Team*/


.team-head[b-35f9iyf8ra] {
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 36px;
    margin-inline-start: 6%;
    margin-block-end: 2dvh;
}

.card-container[b-35f9iyf8ra] {
    display: flex;
    flex-wrap: wrap;
    margin-inline: 1%;
}

.card-pf[b-35f9iyf8ra] {
    /*    flex: 0 1 calc(33.333% - 4vw);*/
    /*    margin: 20px 2vw;*/
    flex: 0 1 calc(25% - 6vw);
    margin: 20px 3vw;
    box-sizing: border-box;
    position: relative;
    color: #fff;
}

    .card-pf[b-35f9iyf8ra]::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 80%;
        /*        background-color: #64296C;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;*/
        z-index: 1;
    }


    .card-img[b-35f9iyf8ra],
    .card-pf .card-body[b-35f9iyf8ra] {
        position: relative;
        z-index: 2;
    }


.image-container[b-35f9iyf8ra] {
    position: relative;
    width: 100%;
}

.icon-container[b-35f9iyf8ra] {
    display: flex;
    justify-content: center;
    z-index: 3;
    gap: 1px;
}

.card-img[b-35f9iyf8ra] {
    margin-inline: 2.5%;
    width: 95%;
    height: auto;
    display: block;
    margin-bottom: 5%;
    border-radius: 50%;
}

.card-text-container[b-35f9iyf8ra] {
}



.card-title[b-35f9iyf8ra] {
    text-align: center;
    font-family: var(--font-inter);
    font-weight: 900;
    color: black;
    font-size: 20pt;
}

.card-text[b-35f9iyf8ra] {
    text-align: center;
    margin-top: 4%;
    font-family: var(--font-inter);
    font-weight: 500;
    font-size: 16pt;
    color: black;
    /*white-space:nowrap;*/
}

.card-icon[b-35f9iyf8ra] {
}

.card-icon-pl[b-35f9iyf8ra] {
    margin-left: -4px !important;
}

.card-email[b-35f9iyf8ra] {
    text-align: center;
    font-family: var(--font-light);
    color: black;
    font-size: 14pt;
    margin-top: 1%;
}
    .card-email a[b-35f9iyf8ra]{
        text-decoration: none;
        color: var(--text-color-dark);
    }

    /*Thought Leasdership section*/
.thought-section[b-35f9iyf8ra] {
    display: flex;
    margin-top: 2.5rem;
    height: 60dvh;
    min-height: 370px;
    max-height: 450px;
    justify-content: space-between;
    align-content: flex-start;
    position: relative;
    z-index: 2;
    background-color: var(--deco5-sl) !important;
}


.thought-content[b-35f9iyf8ra] {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    padding-left: 6%;
}

    .thought-content h2[b-35f9iyf8ra] {
        color: #000000;
        font-weight: bold;
        font-family: var(--font-inter);
        font-size: clamp(0.1em, 2vw + .5em, 4em);
        text-align: left;
        line-height: 1.5;
        margin-bottom: 4vh;
    }

    .thought-content p[b-35f9iyf8ra] {
        color: #000000;
        /*font-size: clamp(.1em, .9vw + .5em, 2em);*/
        font-size: 36pt;
        text-align: left;
        margin-bottom: 6.75vh;
        font-family: var(--font-regular);
    }

.though-btn-container[b-35f9iyf8ra] {
}

.thought-btn[b-35f9iyf8ra] {
    background-color: var(--deco2-sl);
    color: #fff;
    font-family: var(--font-bold);
    font-weight: bold;
    border: none;
    padding: .8rem 3rem;
    margin-top: var(--hero-font);
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}

    .thought-btn:hover[b-35f9iyf8ra] {
        background-color: hsl(from var(--deco2-sl) h s l /0.7);
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.9);
    }

.thought-btn-2[b-35f9iyf8ra] {
    margin-left: 1rem;
    background-color: #fff;
    color: var(--deco2-sl);
    font-family: var(--font-bold);
    font-weight: bold;
    border: none;
    padding: .8rem 3rem;
    margin-top: var(--hero-font);
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
}

    .thought-btn-2:hover[b-35f9iyf8ra] {
        background-color: hsl(from var(--deco2-sl) h s l /0.7);
        color: #fff;
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.9);
    }

.thought-img[b-35f9iyf8ra] {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.thought-image-container[b-35f9iyf8ra] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 52%;
    /*padding-left: 90px;*/
    /*padding-right: 50px;*/
    /*padding-block: 50px;*/
    border-bottom-left-radius: 200px;
}
    
    /*Network Section*/
    .network-section[b-35f9iyf8ra] {
        display: flex;
        flex-direction: column;
        margin-top: 10vh;
        padding-block: 5vh;
        justify-content: center;
        align-items: center;
    }

.network-content[b-35f9iyf8ra] {
    max-width: 40%;
    display: flex;
    margin-top: 2.5rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .network-content h2[b-35f9iyf8ra] {
        font-weight: bold;
        font-family: var(--font-inter);
        /*      font-size: 2.5vw;*/
        font-size: 26px;
        margin-block-end: 2vh;
    }

    .network-content p[b-35f9iyf8ra] {
        font-family: var(--font-bold);
        font-size: 16px;
        /*font-size: 1.1vw;*/
        text-align: center;
        color: var(--text-color-dark);
    }

/*Client section*/
.client-section[b-35f9iyf8ra] {
    margin-inline: 5%;
}

.client-heading[b-35f9iyf8ra] {
    font-family: var(--font-bold);
    font-size: 28px;
    margin-top: 4%;
    margin-block-end: 3%;
    padding-inline-start: 1%
}

.client-card-grid[b-35f9iyf8ra] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.client-card[b-35f9iyf8ra] {
    background-color: var(--card-grey);
    min-height: 30vh;
    flex: 1 1 calc(33.333% - 2vw);
    margin: 1vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: var(--font-bold);
    font-size: 16px;
}


.client-card[b-35f9iyf8ra] {
    flex: 1 1 calc(33.333% - 2vw);
}

.client-icon-right[b-35f9iyf8ra] {
    top: 0;
    left: 0;
    background-color: white;
    padding: 5px;
    border-bottom-left-radius: 10px;
    margin: -24px;
    margin-top: -40px;
    padding-block-start: 40px;
    padding-block-end: 24px;
    padding-inline: 24px;
}


.client-card-header[b-35f9iyf8ra] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 24px;
    padding-inline: 24px;
}

.client-header-left[b-35f9iyf8ra] {
}

.client-card-title[b-35f9iyf8ra] {
    flex-grow: 1;
    text-align: center;
    margin-inline-start: 1vw;
}

.quote-icon-life[b-35f9iyf8ra] {
    fill: #1179A9;
}

.quote-icon-MomentCons[b-35f9iyf8ra] {
    fill: #FCB52D;
}

.quote-icon-absa[b-35f9iyf8ra] {
    fill: #EB2227;
}

.quote-icon-Netbank[b-35f9iyf8ra] {
    fill: #B0B836;
}

.quote-icon-Momentum[b-35f9iyf8ra] {
    fill: #1179A9;
}

.quote-icon-XLink[b-35f9iyf8ra] {
    fill: #64296C;
}

.client-card-content[b-35f9iyf8ra] {
    flex-grow: 1;
    padding-bottom: 32px;
    padding-inline: 24px;
    color: var(--text-color-dark);
}


/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-35f9iyf8ra] {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.95) 100%), url('/images/home/HeroBackground_2.webp');
}

body.dark .partner-section .partner-image-container[b-35f9iyf8ra] {
    background-color: var(--section-purple) !important;
}

body.dark .thought-section[b-35f9iyf8ra] {
    background-color: var(--section-purple) !important;
}
body.dark .though-section .thought-image-container[b-35f9iyf8ra] {
    background-color: var(--section-purple) !important;
}
body.dark .though-section .thought-image-container .thought-img[b-35f9iyf8ra]{
    background-color: var(--section-purple);
}

body.dark .thought-section .thought-content h2[b-35f9iyf8ra] {
    color: var(--text-color-light);
}

    body.dark .thought-section .thought-content p[b-35f9iyf8ra] {
        color: var(--text-color-light);
    }

body.dark .cap-row .cap-card .flip-card-inner .flip-card-front .cap-card-footer a[b-35f9iyf8ra] {
    color: var(--text-color-light);
}

body.dark .cap-row .cap-card .flip-card-inner .flip-card-front[b-35f9iyf8ra] {
    background-color: var(--card-grey);
    color: var(--text-color-light);
}

    body.dark .cap-row .cap-card .flip-card-inner .flip-card-front .icon[b-35f9iyf8ra] {
        background-color: var(--card-grey);
    }

body.dark .card-container .image-container img[b-35f9iyf8ra]{
    background-color: var(--background-color);
}
body.dark .card-container .card-pf .card-body .card-title[b-35f9iyf8ra],
body.dark .card-container .card-pf .card-body .card-text[b-35f9iyf8ra],
body.dark .card-container .card-pf .card-body .card-email a[b-35f9iyf8ra] {
    color: var(--text-color-light);
}
body.dark .card-container .card-pf .card-body .icon-container img[b-35f9iyf8ra]{
    background-color: var(--background-color);
}

body.dark .network-content p[b-35f9iyf8ra],
body.dark .client-card-content[b-35f9iyf8ra],
body.dark .what-content p[b-35f9iyf8ra],
body.dark .flip-card-front p[b-35f9iyf8ra] {
    color: var(--text-color-light);
}


@media (max-width: 1024px) {
    .partner-section[b-35f9iyf8ra] {
        flex-direction: column;
        align-items: flex-start;
    }

    .partner-image-container[b-35f9iyf8ra],
    .partner-content[b-35f9iyf8ra] {
        max-width: 100%;
    }

    .partner-content[b-35f9iyf8ra] {
        padding-left: 0;
        padding-top: 20px;
    }
}

@media (max-width: 1024px) {
    .client-card[b-35f9iyf8ra] {
        flex: 1 1 calc(50% - 2vw);
    }
}

@media (max-width: 768px) {
    .card[b-35f9iyf8ra] {
        flex: 0 1 calc(50% -4vw);
    }
}

@media (max-width: 800px) {
    .thought-section[b-35f9iyf8ra] {
        flex-direction: column;
    }

        .thought-section[b-35f9iyf8ra]::before {
            height: 100%;
        }

    .thought-content[b-35f9iyf8ra] {
        margin-top: 3vh;
        max-width: 100%;
    }


    .thought-image-container[b-35f9iyf8ra] {
        position: relative;
        z-index: 2;
        height: 50%
    }

    .thought-btn[b-35f9iyf8ra] {
        width: 90%;
    }

    .thought-content p[b-35f9iyf8ra] {
        margin-bottom: 1.75vh;
    }

    .phone-link[b-35f9iyf8ra] {
        width: 22%;
        clip-path: inset(0% round 20px);
        /*   background-color: rgba(255, 0, 0, 0.3);*/
    }

    .phone1[b-35f9iyf8ra] {
        top: 3%;
        left: 14%;
    }

    .phone2[b-35f9iyf8ra] {
        top: 6%;
        left: 34%;
    }
}

@media (max-width: 768px) {
    .client-card-grid[b-35f9iyf8ra] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-left: -1vw;
    }

    .client-card[b-35f9iyf8ra] {
        flex: 0 0 calc(100% - 2vw);
        scroll-snap-align: start;
        margin: 0 1vw;
    }
}

@media (max-width: 500px) {
    body.dark .Hero .Hero-content[b-35f9iyf8ra] {
        color: var(--text-color-light);
    }

    .box[b-35f9iyf8ra] {
        height: 100dvh;
    }
    .Hero[b-35f9iyf8ra] {
        /*background-size: contain;*/
        background-size: 200% auto; /* Zooms in to show half the width */
        background-position: center top;
        padding-top: 0;
        padding-bottom: 8%;
        align-items: flex-end;
    }

    .Hero-content[b-35f9iyf8ra] {
        --hero-font: 3.1vw;
        color: var(--black1-sl);
        max-width: 100%;
        text-align: center;
        /*position: relative;*/
    }

        .Hero-content h2[b-35f9iyf8ra] {
            font-size: 18px !important;
        }

        .Hero-content h1[b-35f9iyf8ra] {
            font-size: 35px;
            font-weight: bold;
            white-space: nowrap;
            margin-block-end: 0;
        }


    .card[b-35f9iyf8ra] {
        flex: 0 1 calc(100% -4vw);
    }

    .cap-row[b-35f9iyf8ra] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(7, 200px) !important;
        gap: .5em;
        margin: 0 6%;
    }

    .large-card[b-35f9iyf8ra] {
        grid-row: 1 !important;
        grid-column: 1;
    }

    .cap-card-header[b-35f9iyf8ra] {
        padding-top: 15px;
    }

    .cap-card h2[b-35f9iyf8ra] {
        font-family: var(--font-inter);
        font-weight: bold;
        font-size: 14px;
        margin: 0;
        line-height: 1.2;
        padding-inline: 20%;
    }

    .cap-card p[b-35f9iyf8ra] {
        font-family: var(--font-light);
        font-size: 12px;
        padding-inline: 7% !important;
    }

    .card-container .card-pf .card-body .card-title[b-35f9iyf8ra] {
        font-size: 18px;
        height:50px;
    }
    .card-container .card-pf .card-body .card-text[b-35f9iyf8ra] {
        font-size: 16px;
        height: 55px;
    }
    .card-container .card-pf .card-body .card-email a[b-35f9iyf8ra] {
        font-size: 12px;
        margin-top: auto;
    }

    .flip-card-front .cap-card-footer a[b-35f9iyf8ra] {
        font-size: 12px;
    }

    .icon[b-35f9iyf8ra] {
        width: auto;
        height: 55px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        padding: 5px;
        border-bottom-right-radius: 10px
    }

/*    .cap-row > *:last-child {
        grid-column: 1 / -1;
    }*/
    .card-container .card-pf[b-35f9iyf8ra] {
        margin: 20px 0.5vw;
        max-width: 48%;
    }

    .partner-image-container[b-35f9iyf8ra] {
        flex: 1;
        width: 100%;
        background-color: var(--section-purple) !important;
        border-bottom-right-radius: 150px;
    }

    .partner-image-container img[b-35f9iyf8ra] {
        width: 100% !important;
        
    }

    .thought-img[b-35f9iyf8ra] {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        border-bottom-left-radius: 200px;
    }
    .thought-content p[b-35f9iyf8ra]{
        font-size: 28px;
    }

    .thought-image-container[b-35f9iyf8ra] {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 70%;
        max-height: 34%;
        margin-top: 265px;
        /*        padding-left: 90px;
        padding-right: 20px;
        padding-block: 80px;*/
        /*background-color: white;*/
        border-bottom-left-radius: 150px;
        /*border-top-left-radius: 150px;*/
    }

    .though-btn-container[b-35f9iyf8ra] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 95%;
    }

        .though-btn-container .thought-btn[b-35f9iyf8ra],
        .though-btn-container .thought-btn-2[b-35f9iyf8ra] {
            width: 100%;
            max-width: 350px;
            margin: 0.5rem 0;
        }

    
    .partner-section[b-35f9iyf8ra] {
        margin-block: 5%;
        margin-inline-start: 0;
        padding: 6%;
    }


    /*HACK to align social media buttons*/
    /*.grerley, 
    .wole, 
    .michelle
    .card-body
    .card-text {
        display: block;
        line-height: 2.8;
    }*/
}
/* _content/SLWebsiteV4/Components/Pages/Products.razor.rz.scp.css */
.Hero[b-jh89bkak1o] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-jh89bkak1o] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-jh89bkak1o] {
    padding-top: 2em;
    padding-right: 1em;
    /*flex:.8;*/
    max-width: 50%;
}

.Hero-content .Hero-text h2[b-jh89bkak1o] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-jh89bkak1o] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
    margin-top: 2rem;
}

.Hero-image[b-jh89bkak1o] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-jh89bkak1o] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }


.products-section[b-jh89bkak1o] {
    padding-inline: 6%;
    padding-bottom: 5%;
    background-color: var(--card-grey);
}

    .products-section h2[b-jh89bkak1o] {
        padding-top: 2rem;
        font-family: var(--font-inter);
        font-size: 40px;
        font-weight: 900;
    }

.products-list[b-jh89bkak1o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-family: Arial, sans-serif;
    gap: 2rem;
}


    .products-list .products-row[b-jh89bkak1o] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5%;
        z-index: 1;
        background: linear-gradient(to top, white 85%, transparent 20%);
    }

        .products-list .products-row img[b-jh89bkak1o] {
            background-color: var(--card-grey);
            border-radius: 25px;
        }


        /*.products-row .products-bullet {
    width: 125px;
    height: 105px;
    padding: 20px;
    margin-bottom: 1em;
    flex-shrink: 0;
    background: var(--lightbg-sl);
    border-radius: 10px;
}*/


        .products-list .products-row .products-content[b-jh89bkak1o] {
            display: flex;
            flex-direction: column;
            /*color: #4D4D4F;*/
            align-items: center;
            text-align: center;
        }

            .products-list .products-row .products-content h2[b-jh89bkak1o] {
                margin-block: 5%;
                font-family: var(--font-inter);
                font-size: 24px;
                font-weight: 900;
                color: var(--text-color-dark);
            }

            .products-list .products-row .products-content p[b-jh89bkak1o] {
                font-family: var(--font-regular);
                font-size: 14px;
                line-height: 1.5;
                color: var(--text-color-dark);
            }


.thought-btn[b-jh89bkak1o] {
    text-decoration: none;
    transition: none;
    margin-top: auto;
    font-weight: normal;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-jh89bkak1o] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-jh89bkak1o] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .products-list .products-row[b-jh89bkak1o] {
    background: linear-gradient(to top, var(--background-color) 85%, transparent 20%);
}

    body.dark .products-list .products-row .products-content h2[b-jh89bkak1o],
    body.dark .products-list .products-row .products-content p[b-jh89bkak1o] {
        color: var(--text-color-light);
    }

@media(max-width: 500px) {
    .Hero-content[b-jh89bkak1o] {
        position: relative;
    }

        .Hero-content .Hero-image[b-jh89bkak1o] {
            position: absolute;
            top: 0;
            right: 0;
            max-width: 50%;
            border-bottom-left-radius: 150px;
            background-color: var( --lightbg-sl);
        }

        .Hero-content .Hero-text[b-jh89bkak1o] {
            padding: 1rem;
            max-width: 100%;
        }
            .Hero-content .Hero-text h2[b-jh89bkak1o]{
                font-size: 20pt;
            }

            .Hero-content .Hero-text h2 span:first-of-type[b-jh89bkak1o] {
                display: flex;
                flex-wrap: wrap;
                padding-top: 2em;
                max-width: 45% !important;
            }

            .Hero-content .Hero-text p[b-jh89bkak1o] {
                margin-top: 1rem;
                font-size: 18pt;
            }

    .products-list[b-jh89bkak1o] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
}
/* _content/SLWebsiteV4/Components/Pages/ServicesMain.razor.rz.scp.css */
.Hero[b-gykz4vl635] {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    background: var(--card-grey);
    /*    background: linear-gradient(to bottom, #F6F6F6 80%, transparent 20%);*/
    margin-top: 15vh;
    padding-inline-start: 6%;
    margin-bottom: 5%;
}



.Hero-left[b-gykz4vl635], .key-head[b-gykz4vl635] {
    padding-block: 1em;
}

.Hero-left[b-gykz4vl635] {
    flex: 1 1 38%;
}

    .Hero-left h2[b-gykz4vl635] {
        font-family: var(--font-regular);
        font-size: 40pt;
        margin-bottom: 0;
        padding-top: .5rem;
        width: 95%;
    }

    .Hero-left p[b-gykz4vl635] {
        font-size: 1.2rem;
        margin-bottom: 30px;
        color: #666;
    }

.diff-section[b-gykz4vl635] {
    margin-inline: 6%;
    background-color: #fff;
}

.diff-cards-wrapper[b-gykz4vl635] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2rem;
}

.diff-card[b-gykz4vl635] {
    flex: 1 1 0;
    position: relative;
    background-color: #f9f9f9;
    padding: 1.5rem;
    box-sizing: border-box;
    min-width: 0;
}

.diff-card-title[b-gykz4vl635] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 28px;
    width: 70%;
    height: 67.2px;
    color: #FFFFFF;
    font-family: var(--font-extra-bold);
}

.diff-card-text[b-gykz4vl635] {
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
    width: 70%;
    color: #FFFFFF;
    font-family: var(--font-regular);
}

.diff-card-image[b-gykz4vl635] {
    position: absolute;
    top: 1rem;
    right: 0;
}

    .diff-card-image img[b-gykz4vl635] {
        display: block;
        max-width: 150px;
        height: auto;
        border-top-left-radius: 10%;
        border-bottom-left-radius: 10%;
    }

.diff-card:nth-child(1)[b-gykz4vl635] {
    background-color: #D61D45;
}

.diff-card:nth-child(2)[b-gykz4vl635] {
    background-color: #B0B836;
}

.diff-card:nth-child(3)[b-gykz4vl635] {
    background-color: #0075A9;
}

.diff-section .services-focus-message[b-gykz4vl635] {
    margin-top: 3%;
    max-width: 50%;
}

    .diff-section .services-focus-message p[b-gykz4vl635] {
        color: var(--text-color-dark);
        font-size: 18pt;
    }

/*Key Section*/
.key-section[b-gykz4vl635] {
    position: relative;
    margin-top: 5%;
}

.earthbg[b-gykz4vl635] {
    position: absolute;
    top: 10%;
    right: 50%;
    z-index: -1;
    width: fit-content;
    transform: translateX(50%);
}

    .earthbg .earth-image[b-gykz4vl635] {
        /* Pin expansion to the right edge */
        /* transform-origin: right center;
        transform: scale(1.08);*/
        content: url('/images/services/earthBG.svg') !important;
    }

.key-head[b-gykz4vl635] {
    flex: 1 1 62%;
    background: linear-gradient( to bottom, #64296C calc(40px + (var(--circle-diameter) / 2)), transparent calc(40px + (var(--circle-diameter) / 2)) );
    padding: 40px;
    padding-inline: 10%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}


.circle-pair[b-gykz4vl635] {
    position: relative;
    width: 350px; /* Set a fixed width for layout control, adjust as needed */
    margin-left: 0; /* Align to left */
    margin-right: auto;
    min-height: 320px; /* Ensure enough height for all circles */
}

.big-circle[b-gykz4vl635] {
    width: 250px; /* Reduced size */
    height: 250px;
    background-color: #fff;
    border: solid #D61D45 3px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50px; /* Adjust for desired offset */
    top: 30px;
    z-index: 2;
    font-size: 18pt; /* Slightly smaller font */
    box-sizing: border-box;
    overflow: visible; /* Ensure text is visible */
}

.small-circle[b-gykz4vl635] {
    width: 76px;
    height: 76px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50px; /* Overlap left edge of big-circle */
    top: 25px; /* Overlap top edge of big-circle */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #D61D45;
    z-index: 3;
}


    .small-circle span[b-gykz4vl635] {
        font-size: 36px;
        color: #64296C;
        font-weight: bold;
        font-family: var(--font-bold);
    }


.circle-pair .image-circle[b-gykz4vl635] {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    position: absolute;
    left: 140px; /* Offset left below big-circle */
    top: 240px; /* Just below big-circle */
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(214, 29, 69, 0.2); /* Example background */
}

.circle-pair img[b-gykz4vl635] {
    opacity: 1; /* Ensure image is fully opaque */
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: transparent;
    z-index: 99;
    position: static;
}

.circle-pair:nth-child(1) .image-circle[b-gykz4vl635] {
    background-color: rgba(214, 29, 69, 0.5) !important;
}

.circle-pair:nth-child(1) img[b-gykz4vl635] {
    background-color: #D61D45;
}

.circle-pair:nth-child(2) .image-circle[b-gykz4vl635] {
    background-color: rgba(176, 184, 54, 0.5) !important;
}

.circle-pair:nth-child(2) img[b-gykz4vl635] {
    background-color: #B0B836
}

.circle-pair:nth-child(3) .image-circle[b-gykz4vl635] {
    background-color: rgba(17, 121, 169, 0.5) !important;
}

.circle-pair:nth-child(3) img[b-gykz4vl635] {
    background-color: #1179A9;
}


.circle-text[b-gykz4vl635] {
    position: absolute;
    top: 290px; /* Just below the big-circle */
    left: 0;
    width: 100%;
    z-index: 3;
    margin-top: 40px;

    justify-items: center;
    text-align: center;
}

    .circle-text p[b-gykz4vl635] {
        color: var(--text-color-dark);
        font-weight: bold;
        width: 80%;
    }

.circle-pair:nth-child(1) .big-circle[b-gykz4vl635],
.circle-pair:nth-child(1) .small-circle[b-gykz4vl635] {
    border-color: #D61D45;
}

    .circle-pair:nth-child(1) .small-circle span[b-gykz4vl635] {
        color: #D61D45;
    }


.circle-pair:nth-child(2) .big-circle[b-gykz4vl635],
.circle-pair:nth-child(2) .small-circle[b-gykz4vl635] {
    border-color: #B0B836;
}

    .circle-pair:nth-child(2) .small-circle span[b-gykz4vl635] {
        color: #B0B836;
    }


.circle-pair:nth-child(3) .big-circle[b-gykz4vl635],
.circle-pair:nth-child(3) .small-circle[b-gykz4vl635] {
    border-color: #1179A9;
}

    .circle-pair:nth-child(3) .small-circle span[b-gykz4vl635] {
        color: #1179A9;
    }


.carousel-section[b-gykz4vl635] {
    position: relative;
    margin-top: 200px; /* Increased from 5% to 180px for more space */
}

.carousel-head[b-gykz4vl635],
.carousel-head h2[b-gykz4vl635] {
    margin-left: 10%;
    font-size: 24pt;
}

.carousel-inner-section[b-gykz4vl635] {
    margin-left: 10%;
    /*    overflow: hidden;*/
}

.carousel-button[b-gykz4vl635] {
    margin-right: 20px;
    font-family: var(--font-bold);
    font-size: 36px;
    width: 70px;
    height: 70px;
    border: none;
    cursor: pointer;
    color: var(--white-sl);
    border-radius: 50%;
}

.carousel-container[b-gykz4vl635] {
    width: 1292px;
    height: 475px;
    margin: 0 6px;
    overflow: hidden;
    position: relative;
}

.carousel-body[b-gykz4vl635] {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.3s ease;
}

.carousel-card[b-gykz4vl635] {
    flex: 0 0 auto;
    width: 313px;
    height: 455px;
    border: 1px solid #ddd;
    margin-right: 10px;
    background-color: #fff;
}

.carousel-top-section[b-gykz4vl635] {
    padding: 20px;
    background-color: #f9f9f9;
    height: 50%;
}

    .carousel-top-section h2[b-gykz4vl635] {
        font-size: 16px;
        font-family: var(--font-inter);
        font-weight: bold;
        margin-bottom: 10px;
    }

    .carousel-top-section p[b-gykz4vl635] {
        font-size: 14px;
        font-family: var(--font-light);
        color: var(--text-color-dark);
    }


.banner-section[b-gykz4vl635] {
    text-align: center;
    padding: 15px 10px;
}

    .banner-section span[b-gykz4vl635] {
        font-weight: bold;
        color: #fff;
    }

.bottom-section[b-gykz4vl635] {
    padding: 20px;
    background-color: #fff;
    height: 40%;
}

    .bottom-section p[b-gykz4vl635] {
        font-size: 14px;
        font-family: var(--font-light);
        margin-bottom: 15px;
        color: var(--text-color-dark);
    }

.button-line-container[b-gykz4vl635] {
    position: relative; /* so we can use absolute positioning inside */
    width: 100%; /* span the full width of its parent (the section) */
    margin-top: 3rem;
    margin-bottom: 1rem;
}

    /* The horizontal line that stretches behind the buttons */
    .button-line-container[b-gykz4vl635]::before {
        content: "";
        position: absolute;
        /* Position it so it sits at the vertical center of the buttons.
       For 70px-high buttons, half is 35px. */
        top: 35px;
        right: 0; /* start from the very left of the container */
        width: 100%; /* cover the entire container width */
        height: 2px; /* thickness of the line */
        background-color: #ccc;
        z-index: 0; /* behind the buttons */
    }

/* The container for the buttons themselves */
.button-row[b-gykz4vl635] {
    position: relative;
    z-index: 1; /* on top of the line */
    /* If you want them left-aligned, you can keep text-align:start or do inline-block, etc. */
    text-align: start;
    /* or display: flex, etc., whichever layout you prefer */
}

/* Tweak your carousel-button as desired */
.carousel-button[b-gykz4vl635] {
    margin-right: 20px;
    font-family: var(--font-bold);
    font-size: 36px;
    width: 70px;
    height: 70px;
    border: none;
    cursor: pointer;
    color: var(--white-sl);
    border-radius: 50%;
    position: relative;
    z-index: 2;
}


.unique-info-section[b-gykz4vl635] {
    margin-top: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient( to bottom, var(--card-grey) 40%, transparent 40% );
    padding-block: 5em;
    position: relative;
}


/* The white card */
.unique-card[b-gykz4vl635] {
    background: #ffffff;
    width: 88%;
    padding: 20px 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.unique-card-heading[b-gykz4vl635] {
    font-family: var(--font-inter);
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
}

.unique-card-content[b-gykz4vl635] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.unique-content-item[b-gykz4vl635] {
    border-radius: 6px;
    padding: 15px;
    flex: 1;
    min-width: 250px;
}

.unique-content-heading[b-gykz4vl635] {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: var(--font-inter);
    font-weight: bold;
    padding-bottom: 5px;
    position: relative; /* Make sure we can absolutely position the pseudo-element */
}

    /* Pseudo-element to draw an 80% width "border" */
    .unique-content-heading[b-gykz4vl635]::after {
        content: "";
        position: absolute;
        bottom: 0;
        /* Center the border by shifting 50% left, then translating back 50% of its width */
        left: 0;
        width: 80%; /* Only 80% of the heading's width */
        height: 2px; /* Border thickness */
        background: #eee; /* Border color */
    }

.unique-card-content .unique-content-item:nth-child(1) .unique-content-heading[b-gykz4vl635]::after {
    background: #0075A9;
}

.unique-card-content .unique-content-item:nth-child(2) .unique-content-heading[b-gykz4vl635]::after {
    background: #F18A00;
}

.unique-card-content .unique-content-item:nth-child(3) .unique-content-heading[b-gykz4vl635]::after {
    background: #AA89AE;
}

.unique-icon-text[b-gykz4vl635] {
    display: flex;
    align-items: flex-start;
}


.unique-icon[b-gykz4vl635] {
    margin-top: .5em;
    margin-right: 2em;
}

.unique-icon-text p[b-gykz4vl635] {
    font-family: var(--font-regular);
    font-size: 16px;
    flex: 1;
    line-height: 1.5;
    color: #555;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-gykz4vl635] {
    background-color: var(--card-grey);
    color: var(--text-color-light);
}

body.dark .diff-section h2[b-gykz4vl635],
body.dark .diff-section .services-focus-message p[b-gykz4vl635] {
    color: var(--text-color-light);
}

body.dark .circle-text p[b-gykz4vl635] {
    color: var(--text-color-light);
}

body.dark .carousel-top-section p[b-gykz4vl635],
body.dark .bottom-section p[b-gykz4vl635] {
    color: var(--text-color-light);
}
/* Responsive Design */
@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .Hero[b-gykz4vl635] {
        flex-direction: column;
        text-align: center;
    }

    .Hero-left[b-gykz4vl635], .key-head[b-gykz4vl635] {
        max-width: 100%;
    }

    .key-head[b-gykz4vl635] {
        margin-top: 40px;
    }
}

@media (max-width: 500px) {
    .Hero .Hero-left[b-gykz4vl635], h2[b-gykz4vl635] {
        font-size: 24px !important;
    }


    .diff-section[b-gykz4vl635] {
        margin-inline: 0;
        padding: 1rem;
    }

        .diff-section
        .diff-cards-wrapper[b-gykz4vl635] {
            display: flex;
            flex-direction: column;
        }

            .diff-section
            .diff-cards-wrapper
            .diff-card
            .diff-card-image[b-gykz4vl635] {
                max-width: 100px;
            }

    .diff-card-image[b-gykz4vl635] {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

        .diff-card-image img[b-gykz4vl635] {
            max-width: 100px;
            padding-inline-end: 5%;
        }

    .diff-section .services-focus-message[b-gykz4vl635] {
        padding: 3%;
        max-width: 80%;
    }

    .key-section
    .earthbg img[b-gykz4vl635] {
        display: none;
    }

    .key-section
    .key-head[b-gykz4vl635] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .circle-pair[b-gykz4vl635] {
        margin-bottom: 200px; /* Adjust this value as needed for enough space */
        width: 100%;
        max-width: 100%;
    }

    .big-circle[b-gykz4vl635] {
        left: 25px;
    }

    /*Carousel*/
    .carousel-section[b-gykz4vl635] {
        padding: 3%;
    }

    .carousel-head[b-gykz4vl635] {
        margin-left: 2%;
        padding-right: 2%;
    }


    /*remove for horizontal carousel - this display carousel in single column - vertical scrolling*/
    .carousel-section[b-gykz4vl635] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .carousel-inner-section[b-gykz4vl635] {
        margin-left: 2%;
        width: 100%;
        /*remove for horizontal carousel - this display carousel in single column - vertical scrolling*/
        /*overflow-x: auto;*/ /* Enables horizontal scrolling */
        /*-webkit-overflow-scrolling: touch;*/
    }

        .carousel-inner-section
        .carousel-container[b-gykz4vl635] {
            min-height: fit-content;
            max-width: 100%;
        }

    .carousel-body[b-gykz4vl635] {
        /*remove for horizontal carousel - this display carousel in single column - vertical scrolling*/
        display: flex;
        flex-direction: column;
        align-items: center;
        /*Add for carousel - horizontal scrolling*/
        /*display: flex;
        flex-wrap: nowrap;
        min-width: max-content;*/
        gap: 1.5rem;
    }

    .button-row[b-gykz4vl635] {
        width: 100%;
    }

    .carousel-card[b-gykz4vl635] {
        margin-bottom: 2%;
    }

    .carousel-button[b-gykz4vl635] {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .image-circle[b-gykz4vl635] {
        left: 37% !important;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/Advisory.razor.rz.scp.css */
.Hero[b-ynoucgkgn3] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-ynoucgkgn3] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-ynoucgkgn3] {
    padding-top: 2em;
    padding-right: 1em;
    max-width: 50%;
    align-self: center;
}

.h2-container[b-ynoucgkgn3] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 1em;
}

.Hero-content h2[b-ynoucgkgn3] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-ynoucgkgn3] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
    max-width: 90%;
}

.Hero-image[b-ynoucgkgn3] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-ynoucgkgn3] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.hero-insights[b-ynoucgkgn3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.hero-insights-stat[b-ynoucgkgn3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-insights-number[b-ynoucgkgn3] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.hero-insights-bold[b-ynoucgkgn3] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.hero-insights-text[b-ynoucgkgn3] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}

.services-container[b-ynoucgkgn3] {
    display: flex;
    flex-direction: column;
    padding-right: 35%;
    padding-left: 6%;
    padding-block-start: 6%;
    background: var(--card-grey);
}

    .services-container h2[b-ynoucgkgn3] {
        font-size: 28px;
        font-family: var(--font-inter);
        font-weight: bold;
    }

    .services-container p[b-ynoucgkgn3] {
        font-size: 16pt;
        color: var(--text-color-dark);
        font-weight: normal !important;
    }

        .services-container p:nth-of-type(1)[b-ynoucgkgn3] {
            font-family: var(--font-bold);
            font-weight: bold;
            margin-block: 3%;
        }

        .services-container p:nth-of-type(2)[b-ynoucgkgn3] {
            font-family: var(--font-regular);
        }



.services-grid-container[b-ynoucgkgn3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 20px;
    padding-inline: 6%;
    margin: 0 auto;
    background: var(--card-grey);
}

.services-grid-item[b-ynoucgkgn3] {
    padding-block: 20px;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

.services-number[b-ynoucgkgn3] {
    font-size: 64px;
    font-weight: bold;
    color: var(--deco2-sl);
    /*    padding-right: 20px;*/
    align-self: center;
    width: 120px;
    text-align: left;
    /* Enable tabular numbers to ensure equal digit widths */
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}

.services-text[b-ynoucgkgn3] {
    flex: 1;
    padding-left: 20px;
    height: 100%;
    border-left: solid gray 2px;
}

    .services-text p[b-ynoucgkgn3] {
        margin: 0;
        line-height: 1.4em;
        font-family: var(--font-regular), monospaced;
        color: var(--text-color-dark);
    }

        .services-text p:first-child[b-ynoucgkgn3] {
            width: 90%;
            height: 45px;
        }


.service-head[b-ynoucgkgn3] {
    font-family: var(--font-inter) !important;
    font-weight: bold;
}

.service-head-1[b-ynoucgkgn3],
.services-text .service-head .service-head-1[b-ynoucgkgn3]{
    color: var(--color-yellow) !important;
}

.service-head-2[b-ynoucgkgn3],
.services-text.service-head.service-head-2[b-ynoucgkgn3] {
    color: var(--color-orange) !important;
}

.service-head-3[b-ynoucgkgn3],
.services-text.service-head.service-head-3[b-ynoucgkgn3] {
    color: var(--color-red) !important;
}

.service-head-4[b-ynoucgkgn3],
.services-text.service-head.service-head-4[b-ynoucgkgn3] {
    color: var(--color-purple) !important;
}

.service-head-5[b-ynoucgkgn3],
.services-text.service-head.service-head-5[b-ynoucgkgn3] {
    color: var(--color-vibrant-purple) !important;
}

.service-head-6[b-ynoucgkgn3],
.services-text.service-head.service-head-6[b-ynoucgkgn3] {
    color: var(--color-blue) !important;
}

.service-head-7[b-ynoucgkgn3],
.services-text.service-head.service-head-7[b-ynoucgkgn3] {
    color: var(--color-green) !important;
}

.service-head-8[b-ynoucgkgn3],
.services-text.service-head.service-head-8[b-ynoucgkgn3] {
    color: var(--color-army-green) !important;
}

.service-head-9[b-ynoucgkgn3],
.services-text.service-head.service-head-9[b-ynoucgkgn3] {
    color: var(--color-light-green) !important;
}

.service-head-10[b-ynoucgkgn3],
.services-text.service-head.service-head-10[b-ynoucgkgn3] {
    color: var(--color-yellow) !important;
}

.service-head-11[b-ynoucgkgn3],
.services-text.service-head.service-head-11[b-ynoucgkgn3] {
    color: var(--color-orange) !important;
}

.service-head-12[b-ynoucgkgn3],
.services-text.service-head.service-head-12[b-ynoucgkgn3] {
    color: var(--color-red) !important;
}

/* Container styles */
.approach-container[b-ynoucgkgn3] {
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
    justify-content: space-between;
    margin: 0 auto;
    padding-block: 1rem;
    box-sizing: border-box;
    margin-inline: 6%;
}

    .approach-container span:first-of-type[b-ynoucgkgn3]{
        margin-top: 2rem;
    }
        .approach-container span:first-of-type h2[b-ynoucgkgn3],
        .approach-container span:first-of-type p[b-ynoucgkgn3] {
            font-size: 20pt;
            color: var(--text-color-dark);
        }

    /* Each column */
.approach-column[b-ynoucgkgn3] {
    position: relative;
    flex: 1 1 calc(50% - 3.5rem);
    border-radius: 4px;
    box-sizing: border-box;
    min-width: 250px;
    display: flex;
    flex-direction: row;
    /*box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    padding: 2rem;
}


/* Number + title header */
.approach-header[b-ynoucgkgn3] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-family: var(--font-bold);
    font-size: 20px;
}

.approach-header-1[b-ynoucgkgn3] {
    color: #0075A9;
}

.approach-header-2[b-ynoucgkgn3] {
    color: #B8BE14;
}

.approach-header-3[b-ynoucgkgn3] {
    color: #067969;
}

.approach-header-4[b-ynoucgkgn3] {
    color: #80883B;
}

.approach-number[b-ynoucgkgn3] {
    /*    width: 40px;
    height: 40px;
    background-color: #0075A9;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 0.75rem;
    flex-shrink: 0;*/
    position: absolute;
    top: -20px; /* Adjust as needed for how much it floats above */
    left: -20px; /* Adjust as needed for horizontal alignment */
    width: 50px;
    height: 50px;
    background-color: #0075A9;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.approach-number-2[b-ynoucgkgn3] {
    background-color: #B8BE14;
}

.approach-number-3[b-ynoucgkgn3] {
    background-color: #067969;
}

.approach-number-4[b-ynoucgkgn3] {
    background-color: #80883B;
}

.approach-title[b-ynoucgkgn3] {
    font-size: 20px;
    margin: 0;
}

.approach-text[b-ynoucgkgn3] {
    font-size: 15px;
    margin: 0 0 1rem;
    line-height: 1.5;
    color: var(--text-color-dark);
}

.approach-list[b-ynoucgkgn3] {
}

    .approach-list li[b-ynoucgkgn3] {
    }

        .approach-list li strong[b-ynoucgkgn3] {
            font-weight: 600;
        }
/*Key Section*/
.key-section[b-ynoucgkgn3] {
    margin-top: 5%;
    margin-inline: 6%;
    margin-bottom: 2%;
}

.key-heading[b-ynoucgkgn3] {
    font-family: var(--font-bold);
    width: 40%;
    /*      font-size: 2.5vw;*/
    font-size: 28px;
    margin-bottom: 2em;
}

/*.key-heading-pr {
    color: hsl(293, 45%, 29%);
}*/

.key-cards-container[b-ynoucgkgn3] {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.key-card[b-ynoucgkgn3] {
    flex: 1 1 20%;
    max-width: 23%;
    padding-inline: 10px;
    text-align: center;
/*    color: #fff;*/
    padding-bottom: .1em;
    text-align: center;
    font-weight: bold;
}

    .key-card h3[b-ynoucgkgn3] {
        font-family: var(--font-inter);
        font-weight: bold;
        font-size: 20px;
    }

    .key-card p[b-ynoucgkgn3] {
        font-family: var(--font-light);
        font-size: 16px;
        line-height: 2;
    }

.key-card-1[b-ynoucgkgn3] {
    /*background: linear-gradient(to top, #64296C 90%, transparent 20%);*/
    background: linear-gradient(to top, var(--color-vibrant-purple) 90%, transparent 20%);
}

.key-card-2[b-ynoucgkgn3] {
    /*background: linear-gradient(to top,#885A8E 90%, transparent 20%);*/
    background: linear-gradient(to top,var(--color-light-green) 90%, transparent 20%);
}

.key-card-3[b-ynoucgkgn3] {
    /*background: linear-gradient(to top, #AA89AE 90%, transparent 20%);*/
    background: linear-gradient(to top, var(--color-blue) 90%, transparent 20%);
}

.key-card-4[b-ynoucgkgn3] {
    /*background: linear-gradient(to top, #C7ACCA 90%, transparent 20%);*/
    background: linear-gradient(to top, var(--color-red) 90%, transparent 20%);
}


.key-img-1[b-ynoucgkgn3] {
    background: var(--color-vibrant-purple);
}

.key-img-2[b-ynoucgkgn3] {
    background: var(--color-light-green);
}

.key-img-3[b-ynoucgkgn3] {
    background: var(--color-blue);
}

.key-img-4[b-ynoucgkgn3] {
    background: var(--color-red);
}

.key-card-image[b-ynoucgkgn3] {
    justify-self: center;
    width: 190px;
    height: 190px;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 100px;
    border: solid var(--background-color) 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.inner-img[b-ynoucgkgn3] {
    width: 110px;
    height: 110px;
    background-color: transparent;
}

.key-card-title[b-ynoucgkgn3] {
    height: 48px;
    font-size: 1.5em;
    margin-bottom: 10px;
    font-family: var(--font-bold);
    color: var(--text-color-light);
}

.key-card-description[b-ynoucgkgn3] {
    font-size: 1em;
    font-family: var(--font-bold);
    text-align: center;
    margin-top: 10% !important;
}

.key-card-title[b-ynoucgkgn3] {
    text-align: center;
    margin-block: 5%;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-ynoucgkgn3] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-ynoucgkgn3] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .services-container p[b-ynoucgkgn3],
body.dark .services-text p[b-ynoucgkgn3],
body.dark .approach-text[b-ynoucgkgn3] {
    color: var(--text-color-light);
}

body.dark .approach-container span:first-of-type h2[b-ynoucgkgn3],
body.dark .approach-container span:first-of-type p[b-ynoucgkgn3] {
    color: var(--text-color-light);
}

@media (max-width: 500px) {
    .Hero-content[b-ynoucgkgn3] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-ynoucgkgn3] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

        .Hero-text
        .h2-container[b-ynoucgkgn3] {
            margin-bottom: 2em;
            max-width: 50%;
            display: flex !important;
            align-content: flex-start !important;
        }

        .Hero-text p[b-ynoucgkgn3] {
            padding: 1em;
            max-width: 100%;
        }

        .Hero-text
        .h2-container h2[b-ynoucgkgn3] {
            font-size: 26px;
            padding-inline-start: 1em;
        }

    .Hero-image[b-ynoucgkgn3] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }

    .services-container[b-ynoucgkgn3]{
        min-width: 100%;
    }
    .services-container[b-ynoucgkgn3], h2[b-ynoucgkgn3], p[b-ynoucgkgn3] {
        padding: 2%;
        width: 100%;
        max-width: 100%;
    }
    .services-grid-container[b-ynoucgkgn3] {
        display: flex !important;
        flex-direction: column !important;
        padding-inline: 2%;
    }

        .services-grid-container
        .services-number[b-ynoucgkgn3] {
            font-size: 40px;
            width: 65px;
        }

    .key-section[b-ynoucgkgn3] {
        margin-inline: 0;
        padding-inline: 0;
    }

        .key-section
        .key-heading[b-ynoucgkgn3] {
            width: 80%;
            padding-inline: 5%;
        }

        .key-section
        .key-cards-container[b-ynoucgkgn3] {
            display: flex;
            flex-direction: column;
            margin-inline: 0;
            justify-content: center;
        }

    .key-section
    .key-cards-container
    .key-card[b-ynoucgkgn3] {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 5%;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/Data.razor.rz.scp.css */
.Hero[b-4x6ww7ef5u] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-4x6ww7ef5u] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-4x6ww7ef5u] {
    padding-top: 2em;
    padding-right: 2rem;
    max-width: 50%;
}

.h2-container[b-4x6ww7ef5u] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    padding-bottom: 0;
    display: inline-block;
    margin-bottom: 25px;
}

.Hero-content h2[b-4x6ww7ef5u] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-4x6ww7ef5u] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: var(--text-color-dark);
    display: inline-block;
    margin-bottom: 25px;
}

.hero-small[b-4x6ww7ef5u] {
}

.Hero-image[b-4x6ww7ef5u] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
}

    .Hero-image img[b-4x6ww7ef5u] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }


.hero-insights[b-4x6ww7ef5u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.hero-insights-stat[b-4x6ww7ef5u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-insights-number[b-4x6ww7ef5u] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.hero-insights-bold[b-4x6ww7ef5u] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.hero-insights-text[b-4x6ww7ef5u] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}

.services-container[b-4x6ww7ef5u] {
    display: flex;
    flex-direction: column;
    padding: 6%;
    background: var(--card-grey);
}

    .services-container h2[b-4x6ww7ef5u] {
        font-size: 28px;
        font-family: var(--font-inter);
        font-weight: bold;
        padding-bottom: 0;
        display: inline-block;
        margin-bottom: 25px;
        
    }

    .services-container p[b-4x6ww7ef5u] {
        font-size: 16pt;
        padding-bottom: 0;
        display: inline-block;
        color: var(--text-color-dark);
    }

        .services-container p:nth-of-type(1)[b-4x6ww7ef5u] {
            font-family: var(--font-bold);
            /*font-weight: bold;*/
            margin-bottom: 25px;
            margin-top: 1%;
        }

        .services-container p:nth-of-type(2)[b-4x6ww7ef5u] {
            font-family: var(--font-regular);
        }



.services-grid-container[b-4x6ww7ef5u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 20px;
    padding-inline: 6%;
    margin: 0 auto;
    background: var(--card-grey);
}

.services-grid-item[b-4x6ww7ef5u] {
    padding: 20px;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

.services-number[b-4x6ww7ef5u] {
    font-size: 64pt;
    font-family: var(--font-inter);
    font-weight: bold;
    color: var(--deco2-sl);
    margin-right: 20px;
    padding-right: 20px;
    border-right: solid gray 2px;
    width: 120px;
    text-align: left;
    /* Enable tabular numbers to ensure equal digit widths */
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}


.services-text p[b-4x6ww7ef5u] {
    margin: 0;
    line-height: 1.4em;
    font-family: var(--font-regular), monospaced;
    color: var(--text-color-dark);
}

    .services-text p:first-child[b-4x6ww7ef5u] {
        width: 90%;
        height: 45px;
    }


.service-head[b-4x6ww7ef5u] {
    font-family: var(--font-inter) !important;
    font-weight: bold;
}

.service-head-1[b-4x6ww7ef5u],
.services-text .service-head .service-head-1[b-4x6ww7ef5u] {
    color: var(--color-vibrant-purple) !important;
}

.service-head-2[b-4x6ww7ef5u],
.services-text .service-head .service-head-2[b-4x6ww7ef5u] {
    color: var(--color-blue) !important;
}

.service-head-3[b-4x6ww7ef5u],
.services-text .service-head .service-head-3[b-4x6ww7ef5u] {
    color: var(--color-orange) !important;
}

.service-head-4[b-4x6ww7ef5u],
.services-text .service-head .service-head-4[b-4x6ww7ef5u] {
    color: var(--color-light-green) !important;
}

.service-head-5[b-4x6ww7ef5u],
.services-text .service-head .service-head-5[b-4x6ww7ef5u] {
    color: var(--color-green) !important;
}

.service-head-6[b-4x6ww7ef5u],
.services-text .service-head .service-head-6[b-4x6ww7ef5u] {
    color: var(--color-yellow) !important;
}

.service-head-7[b-4x6ww7ef5u],
.services-text .service-head .service-head-7[b-4x6ww7ef5u] {
    color: var(--color-red) !important;
}

.service-head-8[b-4x6ww7ef5u],
.services-text .service-head .service-head-8[b-4x6ww7ef5u] {
    color: var(--color-purple) !important;
}

.service-head-9[b-4x6ww7ef5u],
.services-text .service-head .service-head-9[b-4x6ww7ef5u] {
    color: var(--color-army-green) !important;
}

.service-head-10[b-4x6ww7ef5u],
.services-text .service-head .service-head-10[b-4x6ww7ef5u] {
    color: var(--color-vibrant-purple) !important;
}

.service-head-11[b-4x6ww7ef5u],
.services-text .service-head .service-head-11[b-4x6ww7ef5u] {
    color: var(--color-blue) !important;
}

.service-head-12[b-4x6ww7ef5u],
.services-text .service-head .service-head-12[b-4x6ww7ef5u] {
    color: var(--color-orange) !important;
}

/*Client Section*/
.client-section[b-4x6ww7ef5u] {
    margin-inline: 5%;
}

.client-heading[b-4x6ww7ef5u] {
    font-family: var(--font-bold);
    font-size: 28px;
    margin-top: 4%;
    margin-block-end: 1%;
    padding-inline-start: 1%;
}

.client-card-grid[b-4x6ww7ef5u] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.client-card[b-4x6ww7ef5u] {
    width: 30%;
    background-color: var(--card-grey);
    margin: 1vw;
    margin-inline-end: 3vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: var(--font-bold);
    font-size: 16px;
}

.client-card-header[b-4x6ww7ef5u] {
    position: relative;
    padding: 1rem;
    padding-bottom: 0;
}

.client-header-left .client-card-title[b-4x6ww7ef5u] {
    display: block;
}

.client-icon-right[b-4x6ww7ef5u] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    border-bottom-left-radius: 10px;
    padding: 40px 24px 24px 24px;
    margin-top: -20px;
}

.client-card-content[b-4x6ww7ef5u] {
    padding: 1rem;
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 1.5;
    flex: 1 1 auto;
    
}
    .client-card-content p[b-4x6ww7ef5u] {
        color: var(--text-color-dark);
    }

    .client-card-title[b-4x6ww7ef5u] {
        width: 80%;
    }

.quote-icon[b-4x6ww7ef5u] {
    fill: #64296C;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-4x6ww7ef5u] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-4x6ww7ef5u],
    body.dark .services-container p[b-4x6ww7ef5u],
    body.dark .services-text p[b-4x6ww7ef5u],
    body.dark .client-card-content p[b-4x6ww7ef5u] {
        color: var(--text-color-light);
    }

@media (max-width: 500px) {
    .Hero-content[b-4x6ww7ef5u] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-4x6ww7ef5u] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-4x6ww7ef5u] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-4x6ww7ef5u] {
        padding: 1em;
        max-width: 100%;
    }

    .Hero-text
    .h2-container h2[b-4x6ww7ef5u] {
        font-size: 26px;
        padding-inline-start: 1em;
    }

    .Hero-image[b-4x6ww7ef5u] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }

    .services-grid-container[b-4x6ww7ef5u] {
        display: flex;
        flex-direction: column;
    }

    .client-section
    .client-card-grid[b-4x6ww7ef5u] {
        display: flex;
        flex-direction: column;
    }

    .client-card[b-4x6ww7ef5u] {
        width: 100%;
    }

    .thought-section
    .thought-content[b-4x6ww7ef5u] {
        display: flex;
        flex-direction: column;
    }

    .thought-contact-container[b-4x6ww7ef5u] {
        width: 100%;
    }

    .thought-contact-inner[b-4x6ww7ef5u] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .thought-content-right[b-4x6ww7ef5u] {
        height: max-content !important;
        padding-bottom: 2em;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/Digital.razor.rz.scp.css */
.Hero[b-t57x6mniv4] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-t57x6mniv4] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-t57x6mniv4] {
    padding-top: 2em;
    padding-right: 5em;
    flex: .8;
}

.h2-container[b-t57x6mniv4] {
    position: relative;
    padding: 20px;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 1em;
}

.Hero-content h2[b-t57x6mniv4] {
    font-family: var(--font-regular);
    /*      font-size: 2.5vw;*/
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-t57x6mniv4] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
}

.hero-small[b-t57x6mniv4] {
}

.Hero-image[b-t57x6mniv4] {
    max-height: 50%;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-t57x6mniv4] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.hero-insights[b-t57x6mniv4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.hero-insights-stat[b-t57x6mniv4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-insights-number[b-t57x6mniv4] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.hero-insights-bold[b-t57x6mniv4] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.hero-insights-text[b-t57x6mniv4] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}

.key-services h2[b-t57x6mniv4] {
    font-size: 28px;
    font-weight: bold;
    font-family: var(--font-inter);
    margin-left: 6%;
    padding-block: 1em;
}

.key-row[b-t57x6mniv4] {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-inline: 6%;
    gap: 2em;
}

.key-img[b-t57x6mniv4] {
    justify-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /*    background-color: #FCB52D;*/
    width: 100px;
    height: 100px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}

    .key-img img[b-t57x6mniv4] {
        align-self: center;
        justify-self: center;
        width: 80px;
        height: 80px;
    }

.key-item[b-t57x6mniv4] {
    flex: 1;
    text-align: center;
}

.key-text[b-t57x6mniv4] {
}

    .key-text h3[b-t57x6mniv4] {
        font-size: 20px;
        font-family: var(--font-inter);
        font-weight: bold;
        margin-block: 1em;
        height: 48px;
    }

    .key-text p[b-t57x6mniv4] {
        font-size: 16px;
        color: var(--text-color-dark);
    }

.key-item:nth-child(1) .key-img[b-t57x6mniv4] {
    background-color: #FCB52D;
}

.key-item:nth-child(2) .key-img[b-t57x6mniv4] {
    background-color: #F78D22;
}

.key-item:nth-child(3) .key-img[b-t57x6mniv4] {
    background-color: #D61D45;
}

.key-item:nth-child(4) .key-img[b-t57x6mniv4] {
    background-color: #7E354F;
}

.key-item:nth-child(5) .key-img[b-t57x6mniv4] {
    background-color: #64296C;
}

.key-item:nth-child(6) .key-img[b-t57x6mniv4] {
    background-color: #1179A9;
}

.solution-section h2[b-t57x6mniv4] {
    font-size: 28px;
    font-weight: bold;
    font-family: var(--font-inter);
    padding-left: 6%;
    padding-block: 1em;
    background-color: var(--lightbg-sl);
}



.solution-circle-line[b-t57x6mniv4] {
    margin-left: 50%;
    margin-top: 40px;
    margin-bottom: -65px;
    transform: translate(-50%, -100%);
    width: 2px;
    height: 64px;
    background-color: var(--color-orange);
}

.solution-container[b-t57x6mniv4] {
    width: 100%;
    background: linear-gradient(to top,var(--card-grey) 55%, transparent 50%);
    min-height: fit-content;
    height: fit-content;
}

.solution-row[b-t57x6mniv4] {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-inline: 20%;
    gap: 2em;
}

.solution-item[b-t57x6mniv4] {
    padding: 1rem;
    text-align: center;
    flex: 1;
    background-color: white;
}

    .solution-item h1[b-t57x6mniv4] {
        font-size: 48px;
        font-weight: bold;
        font-family: var(--font-inter);
        justify-self: center;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: var(--color-orange);
        width: 90px;
        height: 90px;
        margin-left: auto;
        margin-right: auto;
    }

    .solution-item p[b-t57x6mniv4] {
        color: var(--text-color-dark);
        margin-top: 2rem;
    }

.industry-section[b-t57x6mniv4] {
}

    .industry-section h2[b-t57x6mniv4] {
        font-size: 28px;
        font-weight: bold;
        font-family: var(--font-inter);
        margin-left: 6%;
        padding-block: 1em;
    }

.industry-row[b-t57x6mniv4] {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-inline: 6%;
    gap: 8em;
}

.industry-item[b-t57x6mniv4] {
    flex: 1;
}

.grid-container[b-t57x6mniv4] {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: 35% 65%;
    height: 100%;
}

    .grid-container p[b-t57x6mniv4] {
        color: var(--text-color-dark);
    }

.grid-item[b-t57x6mniv4] {
    font-family: var(--font-inter);
    font-size: 20px;
    font-weight: bold;
}

    .grid-item p[b-t57x6mniv4] {
        font-family: var(--font-light);
        font-size: 16px;
    }

.industry-num[b-t57x6mniv4] {
    color: white;
    font-size: 20px;
    /*    width: 40px;*/
    height: 80%;
    aspect-ratio: 1/1;
    background-color: #0075A9;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
    background-color: var(--color-orange)
}

/*.industry-item:nth-child(1) .industry-num {
    background-color: #64296C;
}

.industry-item:nth-child(2) .industry-num {
    background-color: #0075A9;
}

.industry-item:nth-child(3) .industry-num {
    background-color: #067969;
}
*/



.approach-section[b-t57x6mniv4] {
    padding: 40px 0 60px 0;
}

    .approach-section h2[b-t57x6mniv4] {
        font-size: 28px;
        font-weight: bold;
        font-family: var(--font-inter);
        margin-left: 6%;
        padding-block: 1em;
    }

    .approach-section .approach-carousel-wrapper[b-t57x6mniv4] {
        position: relative;
        width: 90vw;
        max-width: 90vw;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .approach-section .approach-carousel[b-t57x6mniv4] {
        display: flex;
        align-items: center;
        gap: 16px;
        /*width: 80vw;
        max-width: 80vw;*/
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

.carousel-arrow[b-t57x6mniv4] {
    position: absolute;
    background-color: var(--color-purple);
    border: none;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

    .carousel-arrow.left[b-t57x6mniv4] {
        left: 10px;
    }

    .carousel-arrow.right[b-t57x6mniv4] {
        right: 10px;
    }

    .carousel-arrow:hover[b-t57x6mniv4] {
        background: #3a2e4e;
    }

.approach-card[b-t57x6mniv4] {
    position: relative;
    height: 350px;
    box-sizing: border-box;
    border-radius: 8px;
    min-width: 220px;
    max-width: 220px;
    margin: 0 5px;
    padding: 80px 18px 24px 18px; /* Extra top padding for icon space */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    height: 350px; /* Fixed height for all cards */

    background: linear-gradient(to top,var(--card-grey) 76%, transparent 50%);
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
}


/* Icon alignment: absolutely position at the top center of the card */
.approach-icon[b-t57x6mniv4] {
    width: 120px;
    height: 60px;
    border-radius: 60px 60px 0 0 / 60px 60px 0 0;
    border: 6px solid currentColor;
    border-bottom: none;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    z-index: 99 !important;
}

    .approach-icon[b-t57x6mniv4]::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90px;
        height: 45px;
        border-radius: 60px 60px 0 0 / 60px 60px 0 0;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

.approach-card img[b-t57x6mniv4] {
    width: 80px;
    height: 80px;
    position: relative;
    object-fit: scale-down;
    margin-top: -40px;
    /*background: var(--card-grey);*/
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

.approach-card h3[b-t57x6mniv4] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 25px 0 10px 0;
    line-height: 1.2;
    height: 70px;
}

.approach-card p[b-t57x6mniv4] {
    font-size: 0.98rem;
    color: var(--text-color-dark);
    margin: 0;
    line-height: 1.5;
    margin-bottom: auto !important;
}


.client-section[b-t57x6mniv4] {
    padding: 40px 0 60px 0;
}

    .client-section h2[b-t57x6mniv4] {
        font-size: 28px;
        font-weight: bold;
        font-family: var(--font-inter);
        margin-left: 6%;
        padding-block: 1em;
    }

    .client-section .intro[b-t57x6mniv4] {
        color: var(--text-color-dark);
        font-size: 16px;
        margin-left: 6%;
        margin-bottom: 30px;
    }

    .client-section .client-carousel-wrapper[b-t57x6mniv4] {
        position: relative;
        width: 100vw;
        max-width: 90vw;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .client-section .client-carousel[b-t57x6mniv4] {
        display: flex;
        align-items: center;
        gap: 16px;
        width: 90vw;
        max-width: 90vw;
        overflow-x: hidden;
        scroll-behavior: smooth;
        background-color: var(--card-grey)
    }



        .client-section .client-carousel .content-card[b-t57x6mniv4] {
            /*background-color: var(--background-color);*/
            border-radius: 8px;
            padding: 20px 40px;
            position: relative;
            display: flex;
            gap: 20px;
            align-items: flex-start;
            min-width: 90vw;
            max-width: 90vw;
            flex: 0 0 90vw;
            box-sizing: border-box;
            margin: 0;
        }

            .client-section .client-carousel .content-card .index[b-t57x6mniv4] {
                font-size: 48px;
                font-weight: bold;
                color: var(--color-vibrant-purple);
                flex-shrink: 0;
                background-color: white;
                background-color: var(--background-color);
                flex-shrink: 0;
                font-weight: bold;
                color: var(--deco2-sl);
                margin-top: -20px;
                margin-left: -40px;
                margin-bottom: 20px;
                margin-right: 20px;
                padding: 20px;
                padding-left: 40px;
                width: 120px;
                text-align: left;
                border-bottom-right-radius: 40px;
            }

            .client-section .client-carousel .content-card .main-content[b-t57x6mniv4] {
                flex: 1;
            }

                .client-section .client-carousel .content-card .main-content h3[b-t57x6mniv4] {
                    font-size: 20px;
                    margin-bottom: 10px;
                }

                .client-section .client-carousel .content-card .main-content .description[b-t57x6mniv4] {
                    font-size: 14px;
                    color: var(--text-color-dark);
                    margin-bottom: 20px;
                    padding-bottom: 20px;
                    border-bottom: 1px solid;
                }

                .client-section .client-carousel .content-card .main-content .topic[b-t57x6mniv4] {
                    display: flex;
                    margin-bottom: 15px;
                    align-items: flex-start;
                    gap: 0.75rem; /* space between checkmark and text */
                    margin-top: 1rem;
                    position: relative;
                    left: -35px;
                }

                    .client-section .client-carousel .content-card .main-content .topic img[b-t57x6mniv4] {
                        width: 24px; /* or your preferred size */
                        height: 24px;
                        flex-shrink: 0;
                        margin-top: 2px; /* aligns checkmark with heading text */
                    }


                    .client-section .client-carousel .content-card .main-content .topic > div[b-t57x6mniv4] {
                        display: flex;
                        flex-direction: column;
                    }

                    /*.client-section .client-carousel .content-card .main-content .topic strong {
                        display: block;*/
                    /*color: #fff;*/
                    /*margin-bottom: 5px;
                    }

                    .client-section .client-carousel .content-card .main-content .topic p {
                        font-size: 14px;
                        color: var(--text-color-dark);
                    }*/
                    .client-section .client-carousel .content-card .main-content .topic strong[b-t57x6mniv4] {
                        font-size: 1rem;
                        font-weight: bold;
                        color: var(--text-color-dark);
                        margin-bottom: 0.25rem;
                        /* No left margin, so aligns with story.heading */
                    }

                    .client-section .client-carousel .content-card .main-content .topic p[b-t57x6mniv4] {
                        font-size: 0.98rem;
                        color: var(--text-color-dark);
                        margin: 0;
                        line-height: 1.5;
                        /* No left margin, so aligns with story.description */
                    }

.nav-arrow[b-t57x6mniv4] {
    position: absolute;
    background-color: var(--color-purple);
    border: none;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

    .nav-arrow.left[b-t57x6mniv4] {
        left: 10px;
    }

    .nav-arrow.right[b-t57x6mniv4] {
        right: 10px;
    }

    .nav-arrow:hover[b-t57x6mniv4] {
        background: #3a2e4e;
    }

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-t57x6mniv4] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-t57x6mniv4] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .solution-section h2[b-t57x6mniv4] {
    background-color: var(--section-purple);
}

body.dark .solution-item[b-t57x6mniv4] {
    background: var(--background-color) !important;
}

body.dark .approach-card[b-t57x6mniv4] {
    background: linear-gradient(to top,var(--card-grey) 76%, transparent 50%);
}
body.dark .approach-card img[b-t57x6mniv4] {
    background-color: var(--background-color) !important;
}

    body.dark .key-text p[b-t57x6mniv4],
    body.dark .solution-item p[b-t57x6mniv4],
    body.dark .grid-container p[b-t57x6mniv4],
    body.dark .approach-card p[b-t57x6mniv4],
    body.dark .client-section .intro[b-t57x6mniv4],
    body.dark .client-section .client-carousel .content-card .main-content .description[b-t57x6mniv4],
    body.dark .client-section .client-carousel .content-card .main-content .topic p[b-t57x6mniv4] {
        color: var(--text-color-light);
    }


@media (max-width: 500px) {
    .Hero-content[b-t57x6mniv4] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-t57x6mniv4] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-t57x6mniv4] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-t57x6mniv4] {
        padding: 1em;
        max-width: 100%;
    }

    .Hero-text
    .h2-container h2[b-t57x6mniv4] {
        font-size: 26px;
        padding-inline-start: 1em;
    }

    .Hero-image[b-t57x6mniv4] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }

    .key-services
    .key-row[b-t57x6mniv4] {
        display: flex;
        flex-direction: column;
    }

    .solution-section
    .solution-container
    .solution-row[b-t57x6mniv4] {
        display: flex;
        flex-direction: column;
        background-image: none;
        padding-inline: 5%;
    }

    .industry-section
    .industry-row[b-t57x6mniv4] {
        display: flex;
        flex-direction: column;
        padding-inline: 5%;
        gap: 1em;
    }

    .approach-section .approach-carousel-wrapper[b-t57x6mniv4],
    .approach-section .approach-carousel[b-t57x6mniv4] {
        width: 100vw;
        max-width: 100vw;
    }

    .approach-card[b-t57x6mniv4] {
        width: 90%;
        max-width: 90%;
    }

    .carousel-arrow[b-t57x6mniv4],
    .nav-arrow[b-t57x6mniv4] {
        display: none;
    }

    client-section .client-carousel-wrapper[b-t57x6mniv4],
    .client-section .client-carousel[b-t57x6mniv4] {
        /*.overflow-x: auto;*/
        flex-direction: column
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/Innovation.razor.rz.scp.css */
.Hero[b-jnxo7e8paa] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-jnxo7e8paa] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-jnxo7e8paa] {
    padding-top: 2em;
    padding-right: 1em;
    max-width: 50%;
}

.h2-container[b-jnxo7e8paa] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 1em;
}

.Hero-content h2[b-jnxo7e8paa] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-jnxo7e8paa] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
    max-width: 90%;
}

/*.Hero-image {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img {
        width: 100%;
        border-bottom-left-radius: 320px;
    }
*/
.Hero-image[b-jnxo7e8paa] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-jnxo7e8paa] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }



/*KEY SERVICES SECTION*/
.key-services[b-jnxo7e8paa] {
    padding: 2% 1% 0 2%;
}

.innovation-steps[b-jnxo7e8paa] {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem;
    padding: 3rem 1rem;
    justify-content: center;
}


.innovation-row[b-jnxo7e8paa] {
    display: flex;
    /*justify-content: center;*/
    margin-bottom: 3rem;
}

    .innovation-row:not(:last-child)[b-jnxo7e8paa] {
        gap: 7rem;
        position: static;
        margin-left: -150px;
    }

    .innovation-row:nth-child(2)[b-jnxo7e8paa] {
        gap: 7rem;
        margin-left: 11.5rem;
    }

.step[b-jnxo7e8paa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 220px;
    margin-top: 2rem;
}

.step-circle[b-jnxo7e8paa] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
}

.step-number[b-jnxo7e8paa] {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: white;
    /*border: 2px solid black;*/
    text-align: center;
    justify-content: center;
    padding-top: 15px;
}

.innovation-row:nth-child(2) .step-number[b-jnxo7e8paa] {
    margin-bottom: 5.5rem;
}

.step-content[b-jnxo7e8paa] {
    border-radius: 50%;
    border: 1px dashed #444;
    padding: 2.5rem 1.2rem 1.2rem 1.2rem;
    margin-top: -60px;
    text-align: center;
    min-height: 250px;
    width: 250px;
    position: relative;
    z-index: 0;
}

    .step-content h3[b-jnxo7e8paa] {
        font-size: 1.1rem;
        font-weight: 600;
        margin-bottom: 0.7rem;
    }

    .step-content p[b-jnxo7e8paa] {
        font-size: 0.95rem;
        color: var(--text-color-dark);
    }

/*first row*/
/*01*/
.innovation-row:not(:last-child) .step:nth-child(1) h3[b-jnxo7e8paa] {
    color: var(--color-vibrant-purple);
}

.step-circle.purple[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-purple.svg');
    width: 300px;
    height: 210px;
    margin-top: -65px;
    color: var(--color-purple);
    background-position: center;
    background-repeat: no-repeat;
}

/*03*/
.innovation-row:not(:last-child) .step:nth-child(2) h3[b-jnxo7e8paa] {
    color: var(--color-yellow);
}

.step-circle.yellow[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-yellow.svg');
    width: 300px;
    height: 210px;
    margin-top: -65px;
    color: var(--color-yellow);
    background-position: center;
    background-repeat: no-repeat;
}

/*05*/
.innovation-row:not(:last-child) .step:nth-child(3) h3[b-jnxo7e8paa] {
    color: var(--color-light-green);
}

.step-circle.lime[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-lime.svg');
    width: 300px;
    height: 210px;
    margin-top: -65px;
    color: var(--color-light-green);
    background-position: center;
    background-repeat: no-repeat;
}

/*07*/
.innovation-row:not(:last-child) .step:nth-child(4) h3[b-jnxo7e8paa] {
    color: var(--color-orange);
}

.step-circle.orange[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-orange.svg');
    width: 300px;
    height: 210px;
    margin-top: -65px;
    color: var(--color-orange);
    background-position: center;
    background-repeat: no-repeat;
}


/*second row*/
/*02*/
.innovation-row:nth-child(2) .step:nth-child(1) h3[b-jnxo7e8paa] {
    color: var(--color-red);
}

.step-circle.red[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-red.svg');
    width: 300px;
    height: 210px;
    margin-top: -320px;
    margin-bottom: -0.35rem;
    background-repeat: no-repeat;
    color: var(--color-red);
    background-position: center;
}

/*04*/
.innovation-row:nth-child(2) .step:nth-child(2) h3[b-jnxo7e8paa] {
    color: var(--color-blue);
}

.step-circle.blue[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-blue.svg');
    width: 300px;
    height: 210px;
    margin-top: -320px;
    margin-bottom: -0.35rem;
    background-repeat: no-repeat;
    color: var(--color-blue);
    background-position: center;
}

/*06*/
.innovation-row:nth-child(2) .step:nth-child(3) h3[b-jnxo7e8paa] {
    color: var(--color-green);
}

.step-circle.teal[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-green.svg');
    width: 300px;
    height: 210px;
    margin-top: -320px;
    margin-bottom: -0.35rem;
    background-repeat: no-repeat;
    color: var(--color-green);
    background-position: center;
}

/*08*/
.innovation-row:nth-child(2) .step:nth-child(4) h3[b-jnxo7e8paa] {
    color: var(--color-army-green);
}

.step-circle.olive[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-army-green.svg');
    width: 300px;
    height: 210px;
    margin-top: -320px;
    margin-bottom: -0.35rem;
    background-repeat: no-repeat;
    color: var(--color-army-green);
    background-position: center;
}


/*INDUSTRY SECTION*/
.industry-section[b-jnxo7e8paa] {
    padding: 2% 2% 0 5%;
    background-color: var( --lightbg-sl);
}

    .industry-section .industry-text p[b-jnxo7e8paa] {
        color: var(--text-color-dark);
    }

    .industry-section .industry-detail[b-jnxo7e8paa] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 1rem;
        padding: 0.5rem;
    }

        .industry-section .industry-detail .industry-card[b-jnxo7e8paa] {
            width: 250px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

.industry-card h3[b-jnxo7e8paa] {
    font-size: 20px;
    height: 50px;
    max-width: 180px;
    padding: 0.5rem;
}

.industry-card .description[b-jnxo7e8paa] {
    color: var(--text-color-dark);
    max-width: 180px;
    margin-top: 1rem;
}

.industry-card img[b-jnxo7e8paa] {
    border-radius: 25%;
    height: 120px;
    padding: 1rem;
    min-width: 120px;
}

.industry-card.yellow img[b-jnxo7e8paa] {
    background-color: var(--color-yellow);
}

.industry-card.orange img[b-jnxo7e8paa] {
    background-color: var(--color-orange);
}

.industry-card.red img[b-jnxo7e8paa] {
    background-color: var(--color-red);
}

.industry-card.maroon img[b-jnxo7e8paa] {
    background-color: #8B2533;
}

.industry-card.purple img[b-jnxo7e8paa] {
    background-color: var(--color-vibrant-purple);
}

.industry-card.blue img[b-jnxo7e8paa] {
    background-color: var(--color-blue);
}


.approach-section[b-jnxo7e8paa] {
    padding: 2% 2% 0 5%;
}

    .approach-section .content-card[b-jnxo7e8paa] {
        background-color: var(--card-grey);
        border-radius: 8px;
        padding: 20px 40px;
        position: relative;
        display: flex;
        gap: 20px;
        align-items: flex-start;
        min-width: 90vw;
        max-width: 90vw;
        flex: 0 0 90vw;
        box-sizing: border-box;
        margin-bottom: 1rem;
    }

        .approach-section .content-card .index[b-jnxo7e8paa] {
            background-color: var(--background-color);
            flex-shrink: 0;
            font-size: 64px;
            font-weight: bold;
            color: var(--deco2-sl);
            margin-top: -20px;
            margin-left: -40px;
            margin-bottom: 20px;
            margin-right: 20px;
            padding: 20px;
            padding-right: 40px;
            width: 120px;
            text-align: left;
            border-bottom-right-radius: 40px;
            font-variant-numeric: tabular-nums;
            -moz-font-feature-settings: "tnum";
            -webkit-font-feature-settings: "tnum";
            font-feature-settings: "tnum";
        }

        .approach-section .content-card .main-content[b-jnxo7e8paa] {
            flex: 1;
        }

            .approach-section .content-card .main-content h3[b-jnxo7e8paa] {
                font-size: 20px;
                margin-bottom: 10px;
            }

            .approach-section .content-card .main-content .description[b-jnxo7e8paa] {
                font-size: 14px;
                margin-bottom: 20px;
                padding-bottom: 20px;
                color: var(--text-color-dark);
            }

        .approach-section .content-card.yellow .index[b-jnxo7e8paa],
        .approach-section .content-card.yellow h3[b-jnxo7e8paa] {
            color: var(--color-yellow);
        }

        .approach-section .content-card.orange .index[b-jnxo7e8paa],
        .approach-section .content-card.orange h3[b-jnxo7e8paa] {
            color: var(--color-orange);
        }

        .approach-section .content-card.red .index[b-jnxo7e8paa],
        .approach-section .content-card.red h3[b-jnxo7e8paa] {
            color: var(--color-red);
        }

        .approach-section .content-card.blue .index[b-jnxo7e8paa],
        .approach-section .content-card.blue h3[b-jnxo7e8paa] {
            color: var(--color-blue);
        }

        .approach-section .content-card.green .index[b-jnxo7e8paa],
        .approach-section .content-card.green h3[b-jnxo7e8paa] {
            color: #cddc39;
        }

/*Client Section*/
.client-section[b-jnxo7e8paa] {
    padding: 2% 2% 0 5%;
}

.client-heading[b-jnxo7e8paa] {
    font-family: var(--font-bold);
    font-size: 28px;
    margin-top: 4%;
    margin-block-end: 1%;
    padding-inline-start: 1%;
}

.client-card-grid[b-jnxo7e8paa] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.client-card[b-jnxo7e8paa] {
    width: 30%;
    background-color: var(--card-grey);
    margin: 1vw;
    margin-inline-end: 3vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: var(--font-bold);
    font-size: 16px;
}

.client-card-header[b-jnxo7e8paa] {
    position: relative;
    padding: 1rem;
    padding-bottom: 0;
}

.client-header-left .client-card-title[b-jnxo7e8paa] {
    display: block;
}

.client-icon-right[b-jnxo7e8paa] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    border-bottom-left-radius: 10px;
    padding: 40px 24px 24px 24px;
    margin-top: -20px;
}

.client-card-content[b-jnxo7e8paa] {
    padding: 1rem;
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 1.5;
    flex: 1 1 auto;
    max-width: 80%;
}

    .client-card-content p[b-jnxo7e8paa] {
        color: var(--text-color-dark);
    }

.client-card-title[b-jnxo7e8paa] {
    width: 90%;
}

.quote-icon[b-jnxo7e8paa] {
    fill: var(--color-vibrant-purple);
}


/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-jnxo7e8paa] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-jnxo7e8paa] {
        color: var(--text-color-light);
    }

body.dark .step-content p[b-jnxo7e8paa],
body.dark .industry-section .industry-text p[b-jnxo7e8paa],
body.dark .industry-card .description[b-jnxo7e8paa],
body.dark .approach-section .content-card .main-content .description[b-jnxo7e8paa],
body.dark .client-card-content p[b-jnxo7e8paa] {
    color: var(--text-color-light);
}

body.dark .step-circle.purple[b-jnxo7e8paa] {
    background: url('/images/innovation/key-services-orange.svg') !important;
    color: var(--color-orange) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
body.dark .innovation-steps .step:nth-child(1) h3[b-jnxo7e8paa] {
    color: var(--color-red) !important;
}

@media (max-width: 500px) {
    .industry-section[b-jnxo7e8paa] {
        padding: 5%;
    }

    .Hero-content[b-jnxo7e8paa] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-jnxo7e8paa] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-jnxo7e8paa] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-jnxo7e8paa] {
        padding: 1em;
        max-width: 80%;
    }

    .Hero-text
    .h2-container h2[b-jnxo7e8paa] {
        font-size: 18pt;
        padding-inline-start: 1em;
        /*max-width: 80%;*/
    }

    /*.Hero-text
    .h2-container
    .fw-bold {
        font-size: 18pt;       
    }
*/
    .Hero-text
    .h2-container span:last-child[b-jnxo7e8paa] {
        font-size: 18pt;
    }

    .Hero-image[b-jnxo7e8paa] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }


    .innovation-steps[b-jnxo7e8paa] {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }

        .innovation-steps .step:nth-child(1)[b-jnxo7e8paa] {
            margin-top: 5rem;
        }

        .innovation-steps .step:nth-child(3) .step-content[b-jnxo7e8paa],
        .innovation-steps .step:nth-child(5) .step-content[b-jnxo7e8paa],
        .innovation-steps .step:nth-child(7) .step-content[b-jnxo7e8paa] {
            margin-top: 0.3rem;
        }

        .innovation-steps .step:nth-child(1) h3[b-jnxo7e8paa] {
            color: var(--color-vibrant-purple);
        }

        .innovation-steps .step:nth-child(2) h3[b-jnxo7e8paa] {
            color: var(--color-red);
        }

        .innovation-steps .step:nth-child(3) h3[b-jnxo7e8paa] {
            color: var(--color-yellow);
        }

        .innovation-steps .step:nth-child(4) h3[b-jnxo7e8paa] {
            color: var(--color-blue);
        }

        .innovation-steps .step:nth-child(5) h3[b-jnxo7e8paa] {
            color: var(--color-light-green);
        }

        .innovation-steps .step:nth-child(6) h3[b-jnxo7e8paa] {
            color: var(--color-green);
        }

        .innovation-steps .step:nth-child(7) h3[b-jnxo7e8paa] {
            color: var(--color-orange);
        }

        .innovation-steps .step:nth-child(8) h3[b-jnxo7e8paa] {
            color: var(--color-army-green);
        }

    .step-circle[b-jnxo7e8paa] {
        background: none !important;
    }

        .step-circle.purple[b-jnxo7e8paa],
        .step-circle.orange[b-jnxo7e8paa],
        .step-circle.yellow[b-jnxo7e8paa],
        .step-circle.lime[b-jnxo7e8paa] {
            align-items: start;
            margin-top: -300px;
        }

        .step-circle.red[b-jnxo7e8paa],
        .step-circle.blue[b-jnxo7e8paa],
        .step-circle.teal[b-jnxo7e8paa],
        .step-circle.olive[b-jnxo7e8paa] {
            margin-top: 0;
        }


    .industry-section .industry-detail[b-jnxo7e8paa] {
        flex-direction: column;
    }

        .industry-section .industry-detail .industry-card[b-jnxo7e8paa] {
            width: 100%;
        }

    .client-section
    .client-card-grid[b-jnxo7e8paa] {
        display: flex;
        flex-direction: column;
    }

    .client-card[b-jnxo7e8paa] {
        width: 100%;
    }


    .step-circle .step-number[b-jnxo7e8paa] {
        border: 1px solid;
        margin-top: 10px !important;
    }

    body.dark .step-circle.purple[b-jnxo7e8paa] {
        background: none !important;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/KnowledgeFactory.razor.rz.scp.css */
.Hero[b-u3g4elb5r4] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 4%;
}

.Hero-content[b-u3g4elb5r4] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-u3g4elb5r4] {
    padding-top: 2em;
    padding-right: 1em;
    max-width: 50%;
}

.h2-container[b-u3g4elb5r4] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    padding-bottom: 0;
    display: inline-block;
    margin-bottom: 25px;
}

.Hero-content h2[b-u3g4elb5r4] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-u3g4elb5r4] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
    display: inline-block;
    margin-bottom: 25px;
}

.hero-small[b-u3g4elb5r4] {
}

.Hero-image[b-u3g4elb5r4] {
    max-height: 50%;
    border-bottom-left-radius: 320px;
}

    .Hero-image img[b-u3g4elb5r4] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.hero-insights[b-u3g4elb5r4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.hero-insights-stat[b-u3g4elb5r4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-insights-number[b-u3g4elb5r4] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.hero-insights-bold[b-u3g4elb5r4] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.hero-insights-text[b-u3g4elb5r4] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}


/*Services*/
.services-container[b-u3g4elb5r4] {
    display: flex;
    flex-direction: column;
    padding: 6%;
    background: var(--card-grey);
}

    .services-container h2[b-u3g4elb5r4] {
        font-size: 28px;
        font-family: var(--font-inter);
        font-weight: bold;
        padding-bottom: 0;
        display: inline-block;
        margin-bottom: 25px;
    }

    .services-container p[b-u3g4elb5r4] {
        font-size: 18px;
        padding-bottom: 0;
        display: inline-block;
        color: var(--text-color-dark);
    }

        .services-container p:nth-of-type(1)[b-u3g4elb5r4] {
            font-family: var(--font-bold);
            font-weight: bold;
            margin-bottom: 25px;
        }

        .services-container p:nth-of-type(2)[b-u3g4elb5r4] {
            font-family: var(--font-regular);
        }


.service-section[b-u3g4elb5r4] {
    background: var(--card-grey);
}

.services-grid-item[b-u3g4elb5r4] {
    display: flex;
    flex-direction: column;
    padding: 20px 0 20px 0;
    background: linear-gradient(to bottom, #FFFFFF 80%, var(--card-grey) 20%);
    margin-inline: 3%;
}

.services-top-row[b-u3g4elb5r4] {
    display: flex;
    align-items: flex-start;
    padding: 0 20px;
    position: relative;
}



.services-number[b-u3g4elb5r4] {
    background-color: var(--card-grey);
    font-size: 64pt;
    font-weight: bold;
    color: var(--deco2-sl);
    margin: -20px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 20px;
    padding-right: 40px;
    width: 150px;
    text-align: left;
    border-bottom-right-radius: 40px;
    font-variant-numeric: tabular-nums;
    -moz-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
}

.services-text p[b-u3g4elb5r4] {
    margin: 0;
    line-height: 1.4em;
    font-family: var(--font-regular), monospaced;
    max-width: 75%;
    color: var(--text-color-dark);
}

    /*Create line/border below each services items*/
    .services-text p[b-u3g4elb5r4]::after {
        content: '';
        position: absolute;
        top: 85%;
        left: 150px;
        width: 90%;
        height: 1px;
        background-color: gray;
        transform: translateY(-50%);
        /*z-index: -1;*/
    }

    .services-text p:first-child[b-u3g4elb5r4] {
        width: 90%;
        height: 45px;
    }

.service-head[b-u3g4elb5r4] {
    font-family: var(--font-inter) !important;
    font-weight: bold;
}

.service-head-1[b-u3g4elb5r4] {
    color: var(--color-red) !important;
}
.service-bg-1[b-u3g4elb5r4] {
    background-color: var(--color-red);
}

.service-head-2[b-u3g4elb5r4] {
    color: var(--color-blue) !important;
}
.service-bg-2[b-u3g4elb5r4] {
    background-color: var(--color-blue);
}

.service-head-3[b-u3g4elb5r4] {
    color: var(--color-orange) !important;
}
.service-bg-3[b-u3g4elb5r4] {
    background-color: var(--color-orange);
}

/* Subcards now span full width of .services-grid-item */
.services-subcards-row[b-u3g4elb5r4] {
    display: flex;
    gap: 20px;
    margin-block: 20px;
    padding: 0 20px;
}

.services-subcard[b-u3g4elb5r4] {
    flex: 1;
    color: #FFFFFF;
    align-content: flex-start;
    justify-items: flex-start;
    height: 220px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    position: relative;
    padding: 30px;
}

    .services-subcard h3[b-u3g4elb5r4] {
        margin-top: 0;
        margin-bottom: 10px;
        font-family: var(--font-bold);
        font-weight: bold;
        font-size: 16px;
        max-width: 70%;
    }

    .services-subcard p[b-u3g4elb5r4] {
        margin: 0;
        font-family: var(--font-light);
        font-size: 14px;
        max-width: 70%;
    }

.services-subcard-image[b-u3g4elb5r4] {
    position: absolute;
    top: 55%;
    right: 0;
    transform: translateY(-55%);
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

    .services-subcard-image img[b-u3g4elb5r4] {
        display: block;
        max-width: 170px;
        height: auto;
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px;
    }

/* Client Section */
.client-section[b-u3g4elb5r4] {
    margin-inline: 5%;
}

.client-heading[b-u3g4elb5r4] {
    font-family: var(--font-bold);
    font-size: 28px;
    margin-top: 4%;
    margin-bottom: 1%;
    padding-inline-start: 1%;
}

.client-card-grid[b-u3g4elb5r4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 2%;
}

.client-card[b-u3g4elb5r4] {
    flex: 0 0 calc((100% - 40px) / 3);
    background-color: var(--card-grey);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: var(--font-bold);
    font-size: 16px;
    padding: 1rem;
    margin-bottom: 20px;
}

.client-card-header[b-u3g4elb5r4] {
    position: relative;
    padding-bottom: 0;
}

.client-header-left .client-card-title[b-u3g4elb5r4] {
    display: block;
}

.client-icon-right[b-u3g4elb5r4] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    border-bottom-left-radius: 10px;
    padding: 24px 24px 24px 24px;
    margin-top: -20px;
    margin-right: -20px;
}

.client-card-content[b-u3g4elb5r4] {
    padding: 1rem;
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 1.5;
    flex: 1 1 auto;
    
}
    .client-card-content p[b-u3g4elb5r4] {
        color: var(--text-color-dark);
    }
    
    .client-card-title[b-u3g4elb5r4] {
        width: 80%;
    }

.quote-icon[b-u3g4elb5r4] {
    fill: #64296C;
}

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-u3g4elb5r4] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-u3g4elb5r4],
    body.dark .services-container p[b-u3g4elb5r4],
    body.dark .services-text p[b-u3g4elb5r4],
    body.dark .client-card-content p[b-u3g4elb5r4] {
        color: var(--text-color-light);
    }
body.dark .services-container[b-u3g4elb5r4] {
    background-color: var(--background-color) !important;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .client-card[b-u3g4elb5r4] {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .client-card[b-u3g4elb5r4] {
        flex: 1 1 100%;
    }
}


@media (max-width: 500px) {
    .Hero-content[b-u3g4elb5r4] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-u3g4elb5r4] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-u3g4elb5r4] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-u3g4elb5r4] {
        padding: 1em;
        max-width: 100%;
    }

    .Hero-text
    .h2-container h2[b-u3g4elb5r4] {
        font-size: 26px;
        padding-inline-start: 1em;
    }

    .Hero-image[b-u3g4elb5r4] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }

    .thought-section
    .thought-content[b-u3g4elb5r4] {
        display: flex;
        flex-direction: column;
    }

    .thought-contact-container[b-u3g4elb5r4] {
        width: 100%;
    }

    .thought-contact-inner[b-u3g4elb5r4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .thought-content-right[b-u3g4elb5r4] {
        height: max-content !important;
        padding-bottom: 2em;
    }

    .services-subcards-row[b-u3g4elb5r4] {
        display: flex;
        flex-direction: column;
    }

    .services-subcard-image img[b-u3g4elb5r4] {
        display: block;
        max-width: 100px;
        height: auto;
    }

    .services-text p[b-u3g4elb5r4]{
        max-width: 100%;
    }
        .services-text p[b-u3g4elb5r4]::after{
            display:none;
        }

}
/* _content/SLWebsiteV4/Components/Pages/Services/Slam.razor.rz.scp.css */
.Hero[b-xg44hq9lqb] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-xg44hq9lqb] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-xg44hq9lqb] {
    padding-top: 2em;
    padding-right: 1em;
    max-width: 50%;
}

.h2-container[b-xg44hq9lqb] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    padding-bottom: 0;
    display: inline-block;
    margin-bottom: 25px;
}

.Hero-content h2[b-xg44hq9lqb] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-xg44hq9lqb] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
    display: inline-block;
    margin-bottom: 25px;
}

.Hero-image[b-xg44hq9lqb] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
}

    .Hero-image img[b-xg44hq9lqb] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.services-container[b-xg44hq9lqb] {
    display: flex;
    flex-direction: column;
    padding-inline: 6%;
    background: var(--card-grey);
    margin-top: 50px;
}

    .services-container h2[b-xg44hq9lqb] {
        font-size: 28px;
        font-family: var(--font-inter);
        font-weight: bold;
        padding-bottom: 0;
        display: inline-block;
        margin-block: 25px;
    }

    .services-container p[b-xg44hq9lqb] {
        font-size: 18px;
        padding-bottom: 0;
        display: inline-block;
        color: var(--text-color-dark);
    }

        .services-container p:nth-of-type(1)[b-xg44hq9lqb] {
            font-family: var(--font-bold);
            font-weight: bold;
            margin-bottom: 25px;
        }

/* Approach Section*/
.approach-section[b-xg44hq9lqb] {
    margin-inline-start: 6%;
    margin-inline-end: 2%;
    padding-block: 4rem;
}

.approach-content[b-xg44hq9lqb] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
}

.approach-paragraph[b-xg44hq9lqb] {
    flex: 0 0 20%;
    font-family: var(--font-regular);
    font-size:20px;
    
}
    .approach-paragraph p[b-xg44hq9lqb] {
        color: var(--text-color-dark);
    }

.approach-circles[b-xg44hq9lqb] {
    flex: 1;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    gap: 2rem;
}

.approach-circle[b-xg44hq9lqb] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.approach-circle[b-xg44hq9lqb] {
    flex: 1;
    aspect-ratio: 1 / 1; 
    min-width: 140px;
    max-width: 500px;
    display: flex; 
    justify-content: center;
    align-items: center;
}

.approach-circle-outer[b-xg44hq9lqb] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffaeb9;
    position: relative;
}

.approach-circle-inner[b-xg44hq9lqb] {
    width: 62.10%;
    height: 62.10%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #f75d82;
}

    .approach-circle-inner p[b-xg44hq9lqb] {
        margin: 0;
        font-size: 24px;
        font-family: var(--font-bold);
    }

.approach-circle-line[b-xg44hq9lqb] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 5px; 
    height: 64px;
    background-color: #000; 
    z-index: 0; 
}

.approach-circle-top[b-xg44hq9lqb] {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 30%;
    border-radius: 50%;
    border: 4px solid #fff;
    background-color: var( --white-sl);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 64px;
    font-family: var(--font-inter);
}

.approach-circle:nth-child(1) .approach-circle-outer[b-xg44hq9lqb] {
    background-color:  hsl(347, 69%, 54%, 0.3);
}

.approach-circle:nth-child(1) .approach-circle-inner[b-xg44hq9lqb] {
    background-color: hsl(347, 69%, 54%, 1);
}


.approach-circle:nth-child(2) .approach-circle-outer[b-xg44hq9lqb] {
    background-color: hsl(293, 30%, 38%,0.3)
}

.approach-circle:nth-child(2) .approach-circle-inner[b-xg44hq9lqb] {
    background-color: hsl(293, 30%, 38%)
}

.approach-circle:nth-child(3) .approach-circle-outer[b-xg44hq9lqb] {
    background-color: hsl(64, 47%, 53%, 0.3)
}

.approach-circle:nth-child(3) .approach-circle-inner[b-xg44hq9lqb] {
    background-color: hsl(64, 47%, 53%)
}

.approach-circle:nth-child(1) .approach-circle-top[b-xg44hq9lqb] {
    border-color: hsl(347, 69%, 54%, 1);
    color: hsl(347, 69%, 54%, 1);
}

.approach-circle:nth-child(2) .approach-circle-top[b-xg44hq9lqb] {
    border-color: hsl(293, 30%, 38%);
    color: hsl(293, 30%, 38%);
}


.approach-circle:nth-child(3) .approach-circle-top[b-xg44hq9lqb] {
    border-color: hsl(64, 47%, 53%); 
    color: hsl(64, 47%, 53%);
}

.approach-circle:nth-child(1) .approach-circle-line[b-xg44hq9lqb] {
    background-color: hsl(347, 69%, 54%);
}

.approach-circle:nth-child(2) .approach-circle-line[b-xg44hq9lqb] {
    background-color: hsl(293, 30%, 38%);
}

.approach-circle:nth-child(3) .approach-circle-line[b-xg44hq9lqb] {
    background-color: hsl(64, 47%, 53%);
}

/*Why Section*/
.why-section[b-xg44hq9lqb] {
    margin-inline: 6%;
    background-color: #fff;
}

    .why-section h2[b-xg44hq9lqb] {
        font-size: 28px;
        font-family: var(--font-inter);
        font-weight: bold;
        padding-bottom: 0;
        display: inline-block;
        margin-block: 25px;
    }

.why-cards-wrapper[b-xg44hq9lqb] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 2rem;
}

.why-card[b-xg44hq9lqb] {
    flex: 1 1 0;
    position: relative;
    background-color: #f9f9f9;
    padding: 1.5rem;
    box-sizing: border-box;
    min-width: 0;
}

.why-card-text[b-xg44hq9lqb] {
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
    width: 70%;
    color: #FFFFFF;
    font-family: var(--font-regular);
}

.why-card-image[b-xg44hq9lqb] {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var( --white-sl);
    border-radius: 100% 0 0 0;
    width: 150px;
    height: 150px;
}

    .why-card-image img[b-xg44hq9lqb] {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
        height: 100px;
    }

.why-card:nth-child(1)[b-xg44hq9lqb] {
    background-color: #1179A9;
}

.why-card:nth-child(2)[b-xg44hq9lqb] {
    background-color: #D61D45;
}

.why-card:nth-child(3)[b-xg44hq9lqb] {
    background-color: #F78D22;
}

.offer-container[b-xg44hq9lqb] {
    margin-top: 1%;
    margin-bottom: 1%;
}
.offer-container h2[b-xg44hq9lqb] {
    margin-inline: 6%;
    font-family: var(--font-inter);
    font-weight: bold;
    font-size: 28px;
}

    .offer-container p[b-xg44hq9lqb] {
        margin-inline: 6%;
        font-family: var(--font-regular);
        font-size: 20px;
        color: var(--text-color-dark);
    }
.portfolio-card-container[b-xg44hq9lqb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-inline: 6%;
}

.portfolio-card[b-xg44hq9lqb] {
    /*border: 1px solid #eee;*/
    background-color: var(--card-grey);
    border-radius: 8px;
    display:flex; 
    flex-direction:row;

}

.portfolio-card-top[b-xg44hq9lqb] {
    flex: 0.7;
    padding: 16px;
}

.portfolio-card-header h4[b-xg44hq9lqb] {
    margin: 0;
    font-family: var(--font-inter);
    font-size: 20px;
    font-weight:bold;
}

.portfolio-card-body p[b-xg44hq9lqb] {
    font-family: var(--font-light);
    font-size: 16px;
    color: var(--text-color-dark);
}

.portfolio-img[b-xg44hq9lqb] {
    flex: 0.2;
}

    .portfolio-img img[b-xg44hq9lqb] {
        height: 120px;
        display: block;
        margin-bottom: 8px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
    }

.portfolio-card:nth-child(12n+1) .portfolio-card-header[b-xg44hq9lqb] {
    color: #F4B223;
}

.portfolio-card:nth-child(12n+2) .portfolio-card-header[b-xg44hq9lqb] {
    color: #D61D45;
}

.portfolio-card:nth-child(12n+3) .portfolio-card-header[b-xg44hq9lqb] {
    color: #64296C;
}

.portfolio-card:nth-child(12n+4) .portfolio-card-header[b-xg44hq9lqb] {
    color: #1179A9;
}

.portfolio-card:nth-child(12n+5) .portfolio-card-header[b-xg44hq9lqb] {
    color: #067969;
}

.portfolio-card:nth-child(12n+6) .portfolio-card-header[b-xg44hq9lqb] {
    color: #80883B;
}

.portfolio-card:nth-child(12n+7) .portfolio-card-header[b-xg44hq9lqb] {
    color: #F78D22;
}

.portfolio-card:nth-child(12n+8) .portfolio-card-header[b-xg44hq9lqb] {
    color: #7E354F;
}

.portfolio-card:nth-child(12n+9) .portfolio-card-header[b-xg44hq9lqb] {
    color: #D61D45;
}

.portfolio-card:nth-child(12n+10) .portfolio-card-header[b-xg44hq9lqb] {
    color: #1179A9;
}

.portfolio-card:nth-child(12n+11) .portfolio-card-header[b-xg44hq9lqb] {
    color: #B0B836;
}

/*.portfolio-card:nth-child(12n) .portfolio-card-header {
    color: ;
}*/

/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-xg44hq9lqb] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-xg44hq9lqb] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .services-container p[b-xg44hq9lqb],
body.dark .approach-paragraph p[b-xg44hq9lqb],
body.dark .offer-container p[b-xg44hq9lqb],
body.dark .portfolio-card-body p[b-xg44hq9lqb] {
    color: var(--text-color-light);
}

@media (max-width: 500px) {
    .Hero-content[b-xg44hq9lqb] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-xg44hq9lqb] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-xg44hq9lqb] {
        margin-bottom: 1em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-xg44hq9lqb] {
        padding: 1em;
        max-width: 100%;
    }

    .Hero-text
    .h2-container h2[b-xg44hq9lqb] {
        font-size: 20pt;
        padding-inline-start: 1em;
    }
    .Hero-content p[b-xg44hq9lqb] {
        margin-bottom: 0;
        font-size: 16pt;
    }

    .Hero-image[b-xg44hq9lqb] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }



    .approach-content[b-xg44hq9lqb] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }
    .approach-circles[b-xg44hq9lqb]{
        margin-top: 2em;
    }
    .approach-circle[b-xg44hq9lqb] {
        min-width: 100px;
        width: 100px !important;
    }
    .approach-circle-top[b-xg44hq9lqb] {
        font-size: 14px;
    }
    .approach-circle-inner p[b-xg44hq9lqb] {
        font-size: 12px;
    }
    .approach-circle-inner[b-xg44hq9lqb] {
        width: 80%;
        height: 80%;
    }

        .why-cards-wrapper[b-xg44hq9lqb]{
        display: flex;
        flex-direction: column;
    }

    .portfolio-card-container[b-xg44hq9lqb]{
        display: flex;
        flex-direction: column;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Services/Talent.razor.rz.scp.css */

.Hero[b-orel1k92lm] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
    /*    justify-content: center;
    align-items: center;*/
}

.Hero-content[b-orel1k92lm] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-orel1k92lm] {
    padding-top: 2em;
    padding-right: 5em;
    max-width: 50%;
}

.h2-container[b-orel1k92lm] {
    position: relative;
    padding: 10px;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 3em;
}

.Hero-content h2[b-orel1k92lm] {
    font-family: var(--font-regular);
    /*      font-size: 2.5vw;*/
    font-size: 40pt;
    margin-bottom: 0;
}

.Hero-content p[b-orel1k92lm] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: #4D4D4F;
}

.hero-small[b-orel1k92lm] {
}

.Hero-image[b-orel1k92lm] {
    max-height: 50%;
    border-bottom-left-radius: 320px;
}

    .Hero-image img[b-orel1k92lm] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.hero-insights[b-orel1k92lm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    padding-left: 6%;
    padding-top: 1vh;
    padding-bottom: 4vh;
    background-color: var(--lightbg-sl);
}

.hero-insights-stat[b-orel1k92lm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-insights-number[b-orel1k92lm] {
    font-family: var(--font-bold);
    font-size: 96px;
    font-weight: bold;
    margin-bottom: 0;
    color: #64296C;
}

.hero-insights-bold[b-orel1k92lm] {
    font-family: var(--font-bold);
    font-weight: bold;
    margin-bottom: 0;
    color: black;
    max-width: 75%;
}

.hero-insights-text[b-orel1k92lm] {
    font-family: var(--font-regular);
    line-height: 1.5;
    color: black;
    max-width: 75%;
}



/*Services*/
.services-container[b-orel1k92lm] {
    display: flex;
    flex-direction: column;
    padding-right: 35%;
    padding-left: 6%;
    padding-block: 6%;
    background: var(--card-grey);
}

    .services-container h2[b-orel1k92lm] {
        font-size: 28pt;
        font-family: var(--font-inter);
        font-weight: bold;
    }

    .services-container p[b-orel1k92lm] {
        font-size: 18pt;
        color: var(--text-color-dark);
    }

        .services-container p:nth-of-type(1)[b-orel1k92lm] {
            font-family: var(--font-bold);
            font-weight: bold;
            margin-top: 6%;
        }

        .services-container p:nth-of-type(2)[b-orel1k92lm] {
            font-family: var(--font-regular);
        }

.talent-service-container[b-orel1k92lm] {
    background-color: var(--card-grey) !important;
    display: flex;
    flex-wrap: nowrap;
    background: white;
}

.talent-service-left-col[b-orel1k92lm], 
.talent-service-right-col[b-orel1k92lm] {
    box-sizing: border-box;
}

/* Adjust column widths as needed */
.talent-service-left-col[b-orel1k92lm] {
    width: 40vw;
    
}

.talent-service-right-col[b-orel1k92lm] {
    width: 60vw;
    background-color: var(--lightbg-sl);
    padding-top: 5%;
    border-top-left-radius: 75px;
}

/* Image bullet list */
.talent-service-image-bullet-list[b-orel1k92lm] {
    list-style: none;
    padding: 0;
    margin: 0;
    background: var(--card-grey);
    padding-left: 6vw;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

    .talent-service-image-bullet-list li:last-child[b-orel1k92lm] {
        margin-bottom: 0;
    }

    .talent-service-image-bullet-list li[b-orel1k92lm] {
        display: flex;
        align-items: center;
        font-family: var(--font-bold);
        font-size: 20pt;
        /*font-size: 20px;*/
    }

        .talent-service-image-bullet-list li img[b-orel1k92lm] {
            margin-right: 10px;
            padding: 4px;
            background: white;
            width: 50px;
            height: 55px;
            border-radius: 44px;
        }
        .talent-service-image-bullet-list li div[b-orel1k92lm] {
            margin-right: 55px;
            color: var(--color-purple);
            font-weight: bold;
            font-size: 64pt;
            /*font-size: 64px;*/
            width: 50px;
        }

/* Title paragraph */
.talent-service-title-paragraph[b-orel1k92lm] {
    margin-bottom: 30px;
}

    .talent-service-title-paragraph h2[b-orel1k92lm] {
        margin-bottom: 10px;
    }

    .talent-service-title-paragraph p[b-orel1k92lm] {
        margin: 0;
    }

/* Text blocks with image on left */
.talent-service-text-block[b-orel1k92lm] {
    display: flex;
    margin-bottom: 80px;
    align-items: center;
}

    .talent-service-text-block:first-of-type[b-orel1k92lm]{
        /*margin-bottom: 120px;*/
        /*margin-bottom: 500px;*/
        font-size: 20pt;
    }

    .talent-service-text-block p[b-orel1k92lm] {
        margin-block-end: 6%;
    }

.talent-service-text-block-image[b-orel1k92lm] {
    flex: 0 0 100px;
    margin-left: 50px;
}

    .talent-service-text-block-image img[b-orel1k92lm] {
        max-width: 100px;
        height: auto;
        display: block;
    }

.talent-service-text-block-content[b-orel1k92lm] {
    width: 72%;
    padding-left: 25px;
    
}

.talent-service-text-block:not(:first-of-type) .talent-service-text-block-content[b-orel1k92lm] {
    border-left: 2px solid gray;
    padding-left: 25px;
}

.talent-service-text-block-content p[b-orel1k92lm] {
    font-family: var(--font-light);
    margin-bottom: 10px;
    font-size: 20pt;
    /*font-size: 18px;*/
}
    .talent-service-text-block-content p:last-of-type[b-orel1k92lm] {
        color: var(--text-color-dark);
    }

    .talent-services-text-head[b-orel1k92lm] {
        font-family: var(--font-bold);
        font-size: 20pt;
        font-weight: bold;
        color: var(--text-color-dark);
    }

.talent-flex[b-orel1k92lm] {
    font-family: var(--font-bold);
    font-weight: bold;
    color: #0075A9;
}

    .talent-stream[b-orel1k92lm] {
        font-family: var(--font-bold);
        font-weight: bold;
        color: #64296C;
    }

.talent-end-to-end[b-orel1k92lm] {
    font-family: var(--font-bold);
    font-weight: bold;
    color: #F18A00;
}

.bottom-services-container[b-orel1k92lm] {
    display: flex;
    flex-direction: column;
    padding-right: 35%;
    padding-left: 6%;
    padding-block: 6%;
    background: var(--lightbg-sl);
}


/*===============================================
    DARK THEME - OVERIDES
=================================================*/
body.dark .Hero[b-orel1k92lm] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-orel1k92lm],
    body.dark .services-container p[b-orel1k92lm],
    body.dark .talent-services-text-head[b-orel1k92lm],
    body.dark .talent-service-text-block-content p:last-of-type[b-orel1k92lm] {
        color: var(--text-color-light);
    }


body.dark .talent-service-image-bullet-list li div[b-orel1k92lm] {
    color: var(--color-orange);
}

body.dark .talent-service-container[b-orel1k92lm] {
    background-color: var(--background--color) !important;
    
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .talent-service-row[b-orel1k92lm] {
        flex-direction: column;
    }

    .talent-service-left-col[b-orel1k92lm], .talent-service-right-col[b-orel1k92lm] {
        flex: 1 1 100%;
    }

    .talent-service-text-block[b-orel1k92lm] {
        flex-direction: column;
    }

    .talent-service-text-block-image[b-orel1k92lm] {
        margin-bottom: 20px;
    }
}


@media (max-width: 500px) {
    .Hero-content[b-orel1k92lm] {
        position: relative;
    }

        .Hero-content
        .Hero-text[b-orel1k92lm] {
            padding-top: 2em;
            padding-right: 0 !important;
            max-width: 100% !important;
        }

    .Hero-text
    .h2-container[b-orel1k92lm] {
        margin-bottom: 2em;
        max-width: 50%;
        display: flex !important;
        align-content: flex-start !important;
    }

    .Hero-text p[b-orel1k92lm] {
        padding: 1em;
        max-width: 100%;
    }

    .Hero-text
    .h2-container h2[b-orel1k92lm] {
        font-size: 26px;
        padding-inline-start: 1em;
    }

    .Hero-image[b-orel1k92lm] {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 50%;
        border-bottom-left-radius: 150px;
        background-color: var( --lightbg-sl);
    }

    .services-container[b-orel1k92lm],
    .services-container h2[b-orel1k92lm],
    .services-container p[b-orel1k92lm] {
        width: 100% !important;
        max-width: 100% !important;

        padding-right: 5%;
    }

    .talent-service-left-col[b-orel1k92lm] {
        width: 100%;
    }

    .talent-service-image-bullet-list[b-orel1k92lm] {
        margin: 0;
        padding-bottom: 2em;
    }

        .talent-service-image-bullet-list li[b-orel1k92lm] {
            font-size: 14px;
        }

        .talent-service-image-bullet-list img[b-orel1k92lm] {
            width: 24px !important;
            height: 24px !important;
            object-fit: contain;
        }

    .talent-service-container[b-orel1k92lm] {
        display: flex;
        flex-direction: column;
    }

    .thought-section
    .thought-content[b-orel1k92lm] {
        display: flex;
        flex-direction: column;
    }

    .thought-contact-container[b-orel1k92lm] {
        width: 100%;
    }

    .thought-contact-inner[b-orel1k92lm] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .thought-content-right[b-orel1k92lm] {
        padding-bottom: 2em;
    }

    .talent-service-right-col[b-orel1k92lm] {
        width: 100%;
    }

    .talent-service-text-block[b-orel1k92lm] {
        width: 100%;
        margin-block-end: 1%;
    }
}
/* _content/SLWebsiteV4/Components/Pages/Test.razor.rz.scp.css */
/* --- Layout for the top navigation buttons --- */
.carousel-nav-top[b-o2thou8l5k] {
    margin-top:20vh;
    text-align: center;
    margin-bottom: 1rem;
}

.nav-btn[b-o2thou8l5k] {
    background-color: #F69322;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0 5px;
    cursor: pointer;
}

/* --- Main Carousel Container --- */
.carousel-container[b-o2thou8l5k] {
    position: relative;
    width: 1480px; /* Enough to show 4 x (350px wide) + margins */
    margin: 0 auto;
}

/* --- Carousel Window (masking overflow) --- */
.carousel-window[b-o2thou8l5k] {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

/* --- Carousel Track (flex container for all cards) --- */
.carousel-track[b-o2thou8l5k] {
    display: flex;
    transition: transform 0.3s ease;
    flex-wrap: nowrap; /* Make sure it doesn’t wrap to a second row */
}

/* --- Service Card Styling --- */
.service-card[b-o2thou8l5k] {
    width: 350px;
    height: 475px;
    border: 1px solid #ddd;
    overflow: hidden;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-right: 10px;
    flex: 0 0 auto; /* Prevent shrinking */
    background-color: #fff;
}

/* Top section */
.service-card-top[b-o2thou8l5k] {
    padding: 20px;
    background-color: #f9f9f9;
    height: 50%;
}

    .service-card-top h2[b-o2thou8l5k] {
        font-size: 16px;
        font-family: 'Inter', sans-serif;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .service-card-top p[b-o2thou8l5k] {
        font-size: 14px;
        font-family: 'AssistantLight', sans-serif;
    }

/* Banner section */
.service-card-banner[b-o2thou8l5k] {
    background-color: #F69322;
    text-align: center;
    padding: 15px 10px;
}

    .service-card-banner span[b-o2thou8l5k] {
        font-weight: bold;
        color: #333;
    }

/* Bottom section */
.service-card-bottom[b-o2thou8l5k] {
    padding: 20px;
    background-color: #fff;
    height: 40%;
}

    .service-card-bottom p[b-o2thou8l5k] {
        font-size: 14px;
        font-family: 'AssistantLight', sans-serif;
        margin-bottom: 15px;
    }
/* _content/SLWebsiteV4/Components/Pages/ThoughtPapers.razor.rz.scp.css */
.Hero[b-6pbc9ubxbj] {
    display: flex;
    flex-direction: column;
    margin-top: 15vh;
    background-color: var( --lightbg-sl);
    padding-left: 6%;
}

.Hero-content[b-6pbc9ubxbj] {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.Hero-text[b-6pbc9ubxbj] {
    padding-top: 2em;
    padding-right: 2em;
    /*flex:.8;*/
    max-width: 50%;
}

.Hero-content .Hero-text h2[b-6pbc9ubxbj] {
    font-family: var(--font-regular);
    font-size: 40pt;
    margin-bottom: 2rem;
}

.Hero-content p[b-6pbc9ubxbj] {
    font-family: var(--font-regular);
    font-size: 20pt;
    color: var( --text-color-dark);
}

.Hero-image[b-6pbc9ubxbj] {
    max-height: 50%;
    background-color: white;
    border-bottom-left-radius: 320px;
    flex: 1;
}

    .Hero-image img[b-6pbc9ubxbj] {
        width: 100%;
        border-bottom-left-radius: 320px;
    }

.drive-timeline[b-6pbc9ubxbj] {
    width: 100%;
    padding: 50px 0;
    --outer-animation-duration: 7.5s;
    --inner-animation-duration: 7.5s;
    --outer-scale: 1.2;
    --inner-scale: 1.3;
    --animation-interval: 1.5s;
}

    .drive-timeline h2[b-6pbc9ubxbj] {
        padding-left: 6%;
        padding-bottom: 50px;
        font-weight: bold;
        font-family: var(--font-inter);
        font-size: 28px;
    }

.drive-icons-row[b-6pbc9ubxbj] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    align-items: center;
}

    .drive-icons-row[b-6pbc9ubxbj]::before {
        display: block;
        margin: 0;
        content: '';
        position: absolute;
        top: 50%;
        /*left: 0;*/
        width: 100%;
        height: 2px;
        background-color: gray;
        transform: translateY(-50%);
        z-index: -1;
    }

.drive-icon[b-6pbc9ubxbj] {
    text-align: center;
}

    .drive-icon img[b-6pbc9ubxbj] {
        display: block;
        margin: 0 auto;
        background-color: var(--background-color);
    }


.drive-large[b-6pbc9ubxbj] {
    border: 1px solid;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    /*margin-left: 90px;*/
}

    .drive-large img[b-6pbc9ubxbj] {
        /*display: block;
        margin: 0;*/
        border-radius: 50%;
        width: 93px;
        height: 93px;
        object-fit: scale-down;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .drive-large.army-green[b-6pbc9ubxbj] {
        color: var(--color-army-green);
    }

    .drive-large.yellow[b-6pbc9ubxbj] {
        color: var(--color-yellow);
    }

    .drive-large.orange[b-6pbc9ubxbj] {
        color: var(--color-orange);
    }

.drive-icon:nth-child(1)[b-6pbc9ubxbj] {
    grid-column: 1 / 3;
}

.drive-icon:nth-child(2)[b-6pbc9ubxbj] {
    grid-column: 3 / 5;
    margin-left: 33%;
}

.drive-icon:nth-child(3)[b-6pbc9ubxbj] {
    grid-column: 5 / 7;
}

.drive-icon:nth-child(4)[b-6pbc9ubxbj] {
    grid-column: 7 / 9;
    margin-left: 33%;
}

.drive-icon:nth-child(5)[b-6pbc9ubxbj] {
    grid-column: 9 / 11;
}

.drive-icon:nth-child(6)[b-6pbc9ubxbj] {
    grid-column: 11 / 13;
    margin-left: 33%;
}

.drive-icon:nth-child(7)[b-6pbc9ubxbj] {
    grid-column: 13 / 15;
}

.drive-inner-circle[b-6pbc9ubxbj],
.drive-outer-circle[b-6pbc9ubxbj] {
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    position: absolute;
}

.drive-outer-circle[b-6pbc9ubxbj] {
    left: 0;
    top: 0;
    width: 43px;
    height: 43px;
}

.drive-inner-circle[b-6pbc9ubxbj] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 17px;
    z-index: 1;
    border-radius: 50%;
}

.drive-pulse-container[b-6pbc9ubxbj] {
    position: relative;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}

.drive-icons-row .drive-icon.drive-small:nth-child(1) .drive-pulse-container .drive-outer-circle[b-6pbc9ubxbj] {
    animation: drive-pulseOuter-b-6pbc9ubxbj var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 0s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(1) .drive-pulse-container .drive-inner-circle[b-6pbc9ubxbj] {
    animation: drive-pulseInner-b-6pbc9ubxbj var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 0s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(3) .drive-pulse-container .drive-outer-circle[b-6pbc9ubxbj] {
    animation: drive-pulseOuter-b-6pbc9ubxbj var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 1.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(3) .drive-pulse-container .drive-inner-circle[b-6pbc9ubxbj] {
    animation: drive-pulseInner-b-6pbc9ubxbj var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 1.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(5) .drive-pulse-container .drive-outer-circle[b-6pbc9ubxbj] {
    animation: drive-pulseOuter-b-6pbc9ubxbj var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 3s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(5) .drive-pulse-container .drive-inner-circle[b-6pbc9ubxbj] {
    animation: drive-pulseInner-b-6pbc9ubxbj var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 3s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(7) .drive-pulse-container .drive-outer-circle[b-6pbc9ubxbj] {
    animation: drive-pulseOuter-b-6pbc9ubxbj var(--outer-animation-duration) ease-in-out infinite;
    animation-delay: 4.5s;
}

.drive-icons-row .drive-icon.drive-small:nth-child(7) .drive-pulse-container .drive-inner-circle[b-6pbc9ubxbj] {
    animation: drive-pulseInner-b-6pbc9ubxbj var(--inner-animation-duration) ease-in-out infinite;
    animation-delay: 4.5s;
}

/*.drive-text-row {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}*/
.drive-text-row[b-6pbc9ubxbj] {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    margin-top: 20px;
    text-align: center;
}

.drive-text-item[b-6pbc9ubxbj] {
    text-align: center;
    flex: 1;
}

.drive-text-item-1[b-6pbc9ubxbj] {
    grid-column: 3 / 5;
}

.drive-text-item-2[b-6pbc9ubxbj] {
    grid-column: 7 / 9;
}

.drive-text-item-3[b-6pbc9ubxbj] {
    grid-column: 11 / 13;
}

.drive-title[b-6pbc9ubxbj] {
    font-family: var(--font-inter);
    font-size: 16pt;
    font-weight: 900;
    text-align: center;
    padding-inline: 20%;
    height: 50px;
    color: var(--text-color-dark);
}

.drive-description[b-6pbc9ubxbj] {
    font-family: var(--font-regular);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 14pt;
    color: var(--text-color-dark);
}

@keyframes drive-pulseOuter-b-6pbc9ubxbj {
    0%, 13.3%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    6.7% {
        transform: scale(var(--outer-scale));
        opacity: 1;
    }
}

@keyframes drive-pulseInner-b-6pbc9ubxbj {
    0%, 13.3%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    6.7% {
        transform: translate(-50%, -50%) scale(var(--inner-scale));
    }
}

.thought-contact-container span:first-child[b-6pbc9ubxbj] {
    margin-top: 5rem;
}

.thought-contact-container span[b-6pbc9ubxbj] {
    font-size: 24pt;
    font-family: var(--font-regular);
    margin-inline-start: 2rem;
}

.new-releases[b-6pbc9ubxbj] {
    padding-inline: 6%;
    margin-bottom: 5%;
    margin-top: 5%;
}

    .new-releases h2[b-6pbc9ubxbj] {
        padding-left: 1%;
        padding-bottom: 50px;
        font-weight: bold;
        font-size: 28px;
        /*color: var(--text-color-light)*/
    }

    .new-releases .releases-wrapper[b-6pbc9ubxbj] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

        .new-releases .releases-wrapper .releases-card[b-6pbc9ubxbj] {
            /*background-color: var(--card-grey);*/
            color: var(--text-color-dark);
            border-radius: 20px;
            box-shadow: 0 2px 16px 0 rgba(0,0,0,0.18);
            padding: 0 0 1.5rem 0;
            display: flex;
            flex-direction: column;
            min-height: 420px;
            margin: 1.5rem 1rem 1.5rem 0;
            position: relative;
            /*overflow: hidden;*/
            overflow: visible;
            padding-top: 150px;
        }

            .new-releases .releases-wrapper .releases-card img[b-6pbc9ubxbj] {
                /*width: 100%;
                height: 150px;
                object-fit: contain;
                border-radius: 20px 20px 0 0;
                margin-bottom: 0.5rem;
                margin-top: 0.5rem;*/
                position: absolute;
                top: -20px; /* Adjust this value for how much the image floats above */
                left: 0;
                width: 100%;
                height: 160px;
                object-fit: contain;
                border-radius: 20px 20px 0 0;
                margin-bottom: 0.5rem;
                margin-top: 0;
                z-index: 1;
            }

            .new-releases .releases-wrapper .releases-card .content-type[b-6pbc9ubxbj] {
                position: relative;
                margin-left: auto;
                margin-right: 0;
                margin-top: 0;
                margin-bottom: 0.5rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border-bottom-left-radius: 20px;
                border-top-left-radius: 20px;
                width: 100px;
                max-width: 100px;
                background-color: var(--color-purple);
                color: white;
                z-index: 2;
            }

            .new-releases .releases-wrapper .releases-card h3[b-6pbc9ubxbj] {
                font-size: 1.25rem;
                font-weight: 900;
                margin: 1.5rem 1.5rem 0.5rem 1.5rem;
                color: var(--text-color-dark);
            }

            .new-releases .releases-wrapper .releases-card p[b-6pbc9ubxbj] {
                font-size: 1rem;
                margin: 0 1.5rem 1.5rem 1.5rem;
                line-height: 1.5;
                color: var(--text-color-dark);
            }

.Hero-btn:hover[b-6pbc9ubxbj] {
    background-color: hsl(from var(--deco2-sl) h s l /0.8);
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.9);
}

.new-releases .releases-wrapper .releases-card .read-more[b-6pbc9ubxbj] {
    color: var(--color-vibrant-purple);
    font-weight: 600;
    font-size: 1rem;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

    .new-releases .releases-wrapper .releases-card .read-more:hover[b-6pbc9ubxbj] {
        color: hsl(from var(--deco2-sl) h s l /0.8);
        text-decoration: underline;
    }


.new-releases .releases-wrapper .releases-card .release-date[b-6pbc9ubxbj] {
    position: relative;
    font-size: 0.95rem;
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
    padding-top: 0.75rem;
}

    .new-releases .releases-wrapper .releases-card .release-date[b-6pbc9ubxbj]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1.5rem;
        width: calc(100% + 3rem);
        height: 1px;
        background: #444;
    }

.recent-papers[b-6pbc9ubxbj] {
    padding-inline: 5%;
    margin-bottom: 5%;
    margin-top: 5%;
}

    .recent-papers h2[b-6pbc9ubxbj] {
        padding-left: 1%;
        font-weight: bold;
        font-size: 28px;
        /*color: var(--text-color-light)*/
    }

    .recent-papers .section-header:first-of-type[b-6pbc9ubxbj] {
        padding: 0.5rem;
        text-align: center;
        font-size: 20px;
        border-radius: 8px;
        font-weight: 700;
        margin-bottom: 1.5rem;
    }

    .recent-papers .section-header:nth-of-type(2)[b-6pbc9ubxbj] {
        background-color: var(--color-red);
        color: #fff;
        padding: 0.5rem;
        text-align: center;
        font-size: 20px;
        border-radius: 8px;
        font-weight: 700;
        margin-bottom: 1.5rem;
    }

    .recent-papers .section-header:nth-of-type(3)[b-6pbc9ubxbj] {
        background-color: var(--color-green);
        color: #fff;
        padding: 0.5rem;
        text-align: center;
        font-size: 20px;
        border-radius: 8px;
        font-weight: 700;
        margin-bottom: 1.5rem;
    }

    .recent-papers .recent-papers-wrapper[b-6pbc9ubxbj] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        width: 100%;
    }

        .recent-papers .recent-papers-wrapper .recent-card[b-6pbc9ubxbj] {
            display: flex;
            align-items: flex-end;
            background-color: var(--card-grey);
            color: var(--text-color-dark);
            border-radius: 16px;
            box-shadow: 0 2px 16px 0 rgba(0,0,0,0.18);
            margin-bottom: 2rem;
            gap: 0.5rem;
            min-height: 340px;
        }

            .recent-papers .recent-papers-wrapper .recent-card img[b-6pbc9ubxbj] {
                width: 45%;
                height: 100%;
                object-fit: cover;
                padding: 2rem;
            }

            .recent-papers .recent-papers-wrapper .recent-card .recent-card-content[b-6pbc9ubxbj] {
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 2rem 1rem 2rem 1rem;
            }

            .recent-papers .recent-papers-wrapper .recent-card h3[b-6pbc9ubxbj] {
                font-size: 1.35rem;
                font-weight: 900;
                margin-bottom: 1.5rem;
            }

            .recent-papers .recent-papers-wrapper .recent-card p[b-6pbc9ubxbj] {
                font-size: 1rem;
                line-height: 1.5;
                max-width: 520px;
                color: var(--text-color-dark);
            }

            .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions[b-6pbc9ubxbj] {
                display: flex;
                flex-direction: row;
                gap: 1.25rem;
                margin-top: auto;
            }

                .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions .recent-card-btn[b-6pbc9ubxbj] {
                    font-family: var(--font-inter);
                    font-size: 1.1rem;
                    font-weight: 700;
                    border: none;
                    border-radius: 12px;
                    padding: 0.75rem 2.5rem;
                    cursor: pointer;
                    transition: background 0.2s, color 0.2s;
                    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10);
                }

                    .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions .recent-card-btn.purchase[b-6pbc9ubxbj] {
                        background: #6d3a7c;
                        color: #fff;
                    }

                        .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions .recent-card-btn.purchase:hover[b-6pbc9ubxbj] {
                            background: #8d4bb0;
                        }

                    .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions .recent-card-btn.read[b-6pbc9ubxbj] {
                        background: #fff;
                        color: #6d3a7c;
                    }

                        .recent-papers .recent-papers-wrapper .recent-card .recent-card-content .recent-card-actions .recent-card-btn.read:hover[b-6pbc9ubxbj] {
                            background: #f3eaff;
                            color: #4d2c5e;
                        }



body.dark .Hero[b-6pbc9ubxbj] {
    background-color: var(--section-purple);
    color: var(--text-color-light);
}

    body.dark .Hero p[b-6pbc9ubxbj] {
        background-color: var(--section-purple);
        color: var(--text-color-light);
    }

body.dark .Hero-image img[b-6pbc9ubxbj] {
    background-color: var(--background-color);
}

body.dark .drive-text-row .drive-text-item h3[b-6pbc9ubxbj],
body.dark .drive-text-row .drive-text-item p[b-6pbc9ubxbj] {
    color: var(--text-color-light);
}

body.dark .new-releases .releases-wrapper .releases-card[b-6pbc9ubxbj] {
    background-color: var(--card-grey);
}

    body.dark .new-releases .releases-wrapper .releases-card[b-6pbc9ubxbj],
    body.dark .new-releases .releases-wrapper .releases-card h3[b-6pbc9ubxbj],
    body.dark .new-releases .releases-wrapper .releases-card p[b-6pbc9ubxbj] {
        color: var(--text-color-light);
    }

body.dark .recent-papers h2[b-6pbc9ubxbj] {
    color: var(--text-color-light);
}

body.dark .recent-papers .recent-papers-wrapper .recent-card h3[b-6pbc9ubxbj],
body.dark .recent-papers .recent-papers-wrapper .recent-card p[b-6pbc9ubxbj] {
    color: var(--text-color-light);
}

body.dark .new-releases .releases-wrapper .releases-card .content-type[b-6pbc9ubxbj] {
    background-color: var(--color-orange);
}

body.dark .loading-papers[b-6pbc9ubxbj] {
    color: var(--text-color-light);
}



@media (max-width: 1550px) {
    .drive-icon:nth-child(2)[b-6pbc9ubxbj],
    .drive-icon:nth-child(4)[b-6pbc9ubxbj],
    .drive-icon:nth-child(6)[b-6pbc9ubxbj] {
        margin-left: 27%;
    }


}

@media (max-width: 900px) {
    .recent-card[b-6pbc9ubxbj] {
        flex-direction: column;
        align-items: stretch;
        padding: 1.5rem 1rem;
        gap: 1.5rem;
    }

    .recent-card-cover[b-6pbc9ubxbj] {
        width: 100%;
        height: 220px;
        max-width: 100%;
    }
}

@media(max-width:500px) {
    .Hero-content[b-6pbc9ubxbj] {
        position: relative;
    }

        .Hero-content .Hero-image[b-6pbc9ubxbj] {
            position: absolute;
            top: 0;
            right: 0;
            max-width: 50%;
            border-bottom-left-radius: 150px;
            background-color: var( --lightbg-sl);
        }

        .Hero-content .Hero-text[b-6pbc9ubxbj] {
            padding: 1rem;
            max-width: 100%;
        }

            .Hero-content .Hero-text h2[b-6pbc9ubxbj] {
                font-size: 20pt;
                max-width: 80%;
            }

                .Hero-content .Hero-text h2 span:first-of-type[b-6pbc9ubxbj] {
                    display: flex;
                    flex-wrap: wrap;
                    padding-top: 2em;
                    max-width: 45% !important;
                }

            .Hero-content .Hero-text p[b-6pbc9ubxbj] {
                margin-top: 1rem;
                font-size: 18pt;
            }

    .drive-timeline .drive-icons-row[b-6pbc9ubxbj] {
        max-width: 100%;
    }

    /*.drive-text-row{
        display:none;
    }*/

    .drive-icon:nth-child(2)[b-6pbc9ubxbj],
    .drive-icon:nth-child(4)[b-6pbc9ubxbj],
    .drive-icon:nth-child(6)[b-6pbc9ubxbj] {
        margin-left: 0;
    }

    .drive-pulse-container[b-6pbc9ubxbj] {
        position: relative;
        width: 26px;
        height: 26px;
        margin: 0 auto;
    }

    .drive-inner-circle[b-6pbc9ubxbj] {
        width: 12px;
        height: 12px;
    }

    .drive-outer-circle[b-6pbc9ubxbj] {
        width: 26px;
        height: 26px;
    }

    .drive-large[b-6pbc9ubxbj] {
        width: 55px;
        height: 55px;
        margin-left: 10px;
    }

        .drive-large img[b-6pbc9ubxbj] {
            width: 46px;
            height: 46px;
        }

        .drive-large.army-green[b-6pbc9ubxbj] {
            padding: 5px;
        }

    .drive-text-item-1 .drive-title[b-6pbc9ubxbj],
    .drive-text-item-2 .drive-title[b-6pbc9ubxbj],
    .drive-text-item-3 .drive-title[b-6pbc9ubxbj],
    .drive-text-item-1 .drive-description[b-6pbc9ubxbj],
    .drive-text-item-2 .drive-description[b-6pbc9ubxbj],
    .drive-text-item-3 .drive-description[b-6pbc9ubxbj] {
        font-size: 12pt;
    }

    .drive-text-item-1[b-6pbc9ubxbj] {
        grid-column: 2 / 6;
    }
    .drive-text-item-2[b-6pbc9ubxbj] {
        grid-column: 6 / 10;
    }
    .drive-text-item-3[b-6pbc9ubxbj] {
        grid-column: 10 / 14;
    }


    .thought-section[b-6pbc9ubxbj] {
        margin-bottom: 10rem;
    }

    .thought-contact-container span[b-6pbc9ubxbj] {
        font-size: 16pt;
    }

    .thought-section .thought-content[b-6pbc9ubxbj] {
        background-color: var(--lightbg-sl);
        height: fit-content !important;
    }

        .thought-section .thought-content .thought-content-right .thought-content-right-inner[b-6pbc9ubxbj] {
            max-width: 100vw;
            margin-bottom: 5rem;
            margin-left: 1rem;
        }

            .thought-section .thought-content .thought-content-right .thought-content-right-inner p[b-6pbc9ubxbj] {
                max-width: 100vw;
                margin-bottom: 5rem;
            }

    .thought-content-right .thought-content-right-inner p[b-6pbc9ubxbj] {
        font-size: 14pt !important;
    }

    .thought-content-right .thought-content-right-inner span[b-6pbc9ubxbj] {
        font-size: 14pt;
    }

    .new-releases[b-6pbc9ubxbj] {
        margin-top: 15rem !important;
    }

        .new-releases .releases-wrapper[b-6pbc9ubxbj] {
            grid-template-columns: 1fr;
        }

    .recent-papers .recent-papers-wrapper[b-6pbc9ubxbj] {
        grid-template-columns: 1fr;
    }

        .recent-papers .recent-papers-wrapper .recent-card img[b-6pbc9ubxbj] {
            width: 100%;
        }

    .recent-card-actions button[b-6pbc9ubxbj] {
        width: 100%;
    }
}