.breadcrumb-item a {
    font-weight: 400 !important;
}

.breadcrumb-item::before {
    color: #5bc2dc !important;
}

.breadcrumb-item.active a {
    font-weight: 700 !important;
    color: #5bc2dc !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    font-size: 17px
}

.roboto-thin {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: italic;
}

body {
    font-family: "Roboto", serif;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

.container {
    /* max-width: 1440px; */
    margin: auto;
    padding: 20px;
}

.btn-custom {
    background-color: #007bff;
    color: white;
}

    .btn-custom:hover {
        background-color: #0056b3;
    }

.footer {
    background-color: #343a40;
    color: white;
    text-align: center;
    padding: 10px 0;
}

.logo-container {
    text-align: center;
    padding: 1rem 0;
}

    .logo-container .logo {
        max-width: 224px;
        height: auto;
    }

.navbar {
    background-color: #f8f9fa;
    /* Change to desired background color */
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}

    .navbar .nav-link {
        color: #333;
        font-weight: 400;
        transition: color 0.3s ease;
    }

        .navbar .nav-link:hover {
            color: #333;
            font-weight: 500;
        }

nav.navbar.custom-navbar ul.navbar-nav li {
    padding: 4px 4px;
    font-size: 16px;
    text-transform: uppercase;
}

.logo-fixed-top {
    margin-top: 8px;
}

.custom-navbar {
    position: relative;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

    .custom-navbar.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        background: white;
    }

/* Enable dropdown on hover */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Remove offset caused by Bootstrap's default */
    animation: fadeIn 0.2s ease-in-out;
}

/* Optional: Smooth fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Optional: Style dropdown items */
.navbar .dropdown-menu {
    border-radius: 0.5rem;
    padding: 0.5rem 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.slick-slide {
    background: #f7fcfd;
}

.hero-slider {
    position: relative;
    overflow: hidden;
}

    .hero-slider .slide {
        padding: 2rem 0;
    }

    .hero-slider .content h1 {
        font-size: 2rem;
        /* font-weight: 400; */
        margin-bottom: 1.25rem;
        /* color: #333; */
        color: #000000;
    }

    .hero-slider .content p {
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
        font-weight: 300;
        width: 70%;
        color: #333;
    }

    .hero-slider img {
        max-width: 100%;
        border-radius: 8px;
    }

.bg-white {
    background: white;
}

.slick-slide .content {
    padding-left: 5%;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #038fb1;
    --bs-btn-border-color: #038fb1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3398b1;
    --bs-btn-hover-border-color: #3398b1;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3398b1;
    --bs-btn-active-border-color: #3398b1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.slick-slide a.btn.btn-primary {
    border-radius: 20px;
    padding: 5px 25px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5;
}

.slick-dots {
    position: absolute;
    bottom: 30px !important;
}

    .slick-dots li.slick-active button:before,
    .slick-dots li button:before {
        content: none !important;
    }

    .slick-dots li {
        background: #def3f8;
        width: 65px !important;
        height: 6px !important;
    }

        .slick-dots li.slick-active {
            background: #5bc2dc;
        }

.slick-next,
.slick-prev {
    z-index: 10 !important;
}

.slick-prev {
    left: 30px !important;
}

.slick-next {
    right: 60px !important;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0);
}

    .slick-prev:before {
        content: "" !important;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU3LjUgMjlDNTcuNSAzNC4xNzE0IDU2LjIzNTkgMzguODgzMSA1My43MDc3IDQzLjI1QzUxLjE3OTQgNDcuNjE2OSA0Ny42MTY5IDUxLjE3OTQgNDMuMjUgNTMuNzA3N0MzOC44ODMxIDU2LjIzNTkgMzQuMTcxNCA1Ny41IDI5IDU3LjVDMjMuOTQzNSA1Ny41IDE5LjExNjkgNTYuMjM1OSAxNC43NSA1My43MDc3QzEwLjM4MzEgNTEuMTc5NCA2LjkzNTQ4IDQ3LjYxNjkgNC40MDcyNiA0My4yNUMxLjg3OTAzIDM4Ljg4MzEgMC40OTk5OTkgMzQuMTcxNCAwLjQ5OTk5OSAyOUMwLjQ5OTk5OSAyMy45NDM2IDEuODc5MDMgMTkuMTE2OSA0LjQwNzI2IDE0Ljc1QzYuOTM1NDggMTAuMzgzMSAxMC4zODMxIDYuOTM1NDkgMTQuNzUgNC40MDcyNkMxOS4xMTY5IDEuODc5MDQgMjMuOTQzNSAwLjUwMDAwMyAyOSAwLjUwMDAwM0MzNC4xNzE0IDAuNTAwMDAyIDM4Ljg4MzEgMS44NzkwMyA0My4yNSA0LjQwNzI2QzQ3LjYxNjkgNi45MzU0OCA1MS4xNzk0IDEwLjM4MzEgNTMuNzA3NyAxNC43NUM1Ni4yMzU5IDE5LjExNjkgNTcuNSAyMy45NDM1IDU3LjUgMjlaTTI5IDUzLjgyMjZDMzMuNTk2OCA1My44MjI2IDM3LjczMzkgNTIuNzg4MyA0MS41MjYyIDUwLjQ4OTlDNDUuMzE4NSA0OC4zMDY0IDQ4LjMwNjQgNDUuMzE4NSA1MC40ODk5IDQxLjQxMTNDNTIuNzg4MyAzNy42MTg5IDUzLjgyMjYgMzMuNDgxOSA1My44MjI2IDI5QzUzLjgyMjYgMjQuNTE4MSA1Mi43ODgzIDIwLjM4MSA1MC40ODk5IDE2LjU4ODdDNDguMzA2NCAxMi43OTY0IDQ1LjMxODUgOS44MDg0NyA0MS40MTEzIDcuNTEwMDhDMzcuNjE4OSA1LjMyNjYxIDMzLjQ4MTkgNC4xNzc0MiAyOSA0LjE3NzQyQzI0LjUxODEgNC4xNzc0MiAyMC4zODEgNS4zMjY2MSAxNi41ODg3IDcuNTEwMDhDMTIuNzk2NCA5LjgwODQ3IDkuODA4NDYgMTIuNzk2NCA3LjUxMDA4IDE2LjU4ODdDNS4zMjY2MSAyMC40OTYgNC4xNzc0MiAyNC42MzMxIDQuMTc3NDIgMjkuMTE0OUM0LjE3NzQyIDMzLjU5NjggNS4zMjY2MSAzNy43MzM5IDcuNTEwMDggNDEuNTI2MkM5LjgwODQ3IDQ1LjMxODUgMTIuNzk2NCA0OC4zMDY1IDE2LjU4ODcgNTAuNDg5OUMyMC40OTYgNTIuNzg4MyAyNC42MzMxIDUzLjgyMjYgMjkgNTMuODIyNlpNMjcuNTA2IDQzLjEzNTFMMjcuNjIxIDQzLjEzNTFDMjcuODUwOCA0My40Nzk4IDI4LjE5NTYgNDMuNTk0OCAyOC41NDAzIDQzLjU5NDhDMjkgNDMuNTk0OCAyOS4zNDQ4IDQzLjQ3OTggMjkuNTc0NiA0My4xMzUxTDMwLjI2NDEgNDIuNDQ1NkMzMC42MDg5IDQyLjIxNTcgMzAuNzIzOCA0MS44NzEgMzAuNzIzOCA0MS40MTEzQzMwLjcyMzggNDEuMDY2NSAzMC42MDg5IDQwLjcyMTggMzAuMjY0MSA0MC4zNzdMMjAuNDk2IDMwLjk1MzZMNDIuMzMwNiAzMC45NTM2QzQyLjc5MDMgMzAuOTUzNiA0My4xMzUxIDMwLjgzODcgNDMuMzY0OSAzMC42MDg5QzQzLjU5NDggMzAuMzc5IDQzLjcwOTcgMzAuMDM0MyA0My43MDk3IDI5LjU3NDZMNDMuNzA5NyAyOC40MjU0QzQzLjcwOTcgMjguMDgwNiA0My41OTQ4IDI3LjczNTkgNDMuMzY0OSAyNy41MDZDNDMuMTM1MSAyNy4yNzYyIDQyLjc5MDMgMjcuMDQ2NCA0Mi4zMzA2IDI3LjA0NjRMMjAuNDk2IDI3LjA0NjRMMzAuMjY0MSAxNy41MDgxQzMwLjYwODkgMTcuMjc4MiAzMC43MjM4IDE3LjA0ODQgMzAuNzIzOCAxNi41ODg3QzMwLjcyMzggMTYuMjQ0IDMwLjYwODkgMTUuODk5MiAzMC4yNjQxIDE1LjU1NDRMMjkuNTc0NiAxNC43NUMyOS4zNDQ4IDE0LjUyMDIgMjkgMTQuNDA1MiAyOC41NDAzIDE0LjQwNTJDMjguMTk1NiAxNC40MDUyIDI3Ljg1MDggMTQuNTIwMiAyNy41MDYgMTQuNzVMMTQuMjkwMyAyNy45NjU3QzE0LjA2MDUgMjguMzEwNSAxMy45NDU2IDI4LjY1NTIgMTMuOTQ1NiAyOUMxMy45NDU2IDI5LjQ1OTcgMTQuMDYwNSAyOS42ODk1IDE0LjI5MDMgMjkuOTE5NEwyNy41MDYgNDMuMTM1MVoiIGZpbGw9IiMwNThGQjAiLz4KPC9zdmc+Cg==");
        background-repeat: no-repeat;
    }

    .slick-next:before {
        content: "" !important;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTAwMDAzIDI5QzAuNTAwMDAzIDM0LjE3MTQgMS43NjQxMSAzOC44ODMxIDQuMjkyMzQgNDMuMjVDNi44MjA1NyA0Ny42MTY5IDEwLjM4MzEgNTEuMTc5NCAxNC43NSA1My43MDc3QzE5LjExNjkgNTYuMjM1OSAyMy44Mjg2IDU3LjUgMjkgNTcuNUMzNC4wNTY1IDU3LjUgMzguODgzMSA1Ni4yMzU5IDQzLjI1IDUzLjcwNzdDNDcuNjE2OSA1MS4xNzk0IDUxLjA2NDUgNDcuNjE2OSA1My41OTI3IDQzLjI1QzU2LjEyMSAzOC44ODMxIDU3LjUgMzQuMTcxNCA1Ny41IDI5QzU3LjUgMjMuOTQzNiA1Ni4xMjEgMTkuMTE2OSA1My41OTI3IDE0Ljc1QzUxLjA2NDUgMTAuMzgzMSA0Ny42MTY5IDYuOTM1NDkgNDMuMjUgNC40MDcyNkMzOC44ODMxIDEuODc5MDQgMzQuMDU2NCAwLjUwMDAwNSAyOSAwLjUwMDAwNUMyMy44Mjg2IDAuNTAwMDA1IDE5LjExNjkgMS44NzkwNCAxNC43NSA0LjQwNzI2QzEwLjM4MzEgNi45MzU0OSA2LjgyMDU3IDEwLjM4MzEgNC4yOTIzNCAxNC43NUMxLjc2NDExIDE5LjExNjkgMC41MDAwMDIgMjMuOTQzNiAwLjUwMDAwMyAyOVpNMjkgNTMuODIyNkMyNC40MDMyIDUzLjgyMjYgMjAuMjY2MSA1Mi43ODgzIDE2LjQ3MzggNTAuNDg5OUMxMi42ODE1IDQ4LjMwNjUgOS42OTM1NSA0NS4zMTg2IDcuNTEwMDggNDEuNDExM0M1LjIxMTcgMzcuNjE5IDQuMTc3NDIgMzMuNDgxOSA0LjE3NzQyIDI5QzQuMTc3NDIgMjQuNTE4MSA1LjIxMTcgMjAuMzgxMSA3LjUxMDA4IDE2LjU4ODdDOS42OTM1NSAxMi43OTY0IDEyLjY4MTUgOS44MDg0NyAxNi41ODg3IDcuNTEwMDhDMjAuMzgxIDUuMzI2NjIgMjQuNTE4MSA0LjE3NzQyIDI5IDQuMTc3NDJDMzMuNDgxOSA0LjE3NzQyIDM3LjYxODkgNS4zMjY2MiA0MS40MTEzIDcuNTEwMDhDNDUuMjAzNiA5LjgwODQ3IDQ4LjE5MTUgMTIuNzk2NCA1MC40ODk5IDE2LjU4ODdDNTIuNjczNCAyMC40OTYgNTMuODIyNiAyNC42MzMxIDUzLjgyMjYgMjkuMTE0OUM1My44MjI2IDMzLjU5NjggNTIuNjczNCAzNy43MzM5IDUwLjQ4OTkgNDEuNTI2MkM0OC4xOTE1IDQ1LjMxODUgNDUuMjAzNiA0OC4zMDY1IDQxLjQxMTMgNTAuNDg5OUMzNy41MDQgNTIuNzg4MyAzMy4zNjY5IDUzLjgyMjYgMjkgNTMuODIyNlpNMzAuNDk0IDQzLjEzNTFMMzAuMzc5IDQzLjEzNTFDMzAuMTQ5MiA0My40Nzk4IDI5LjgwNDQgNDMuNTk0OCAyOS40NTk3IDQzLjU5NDhDMjkgNDMuNTk0OCAyOC42NTUyIDQzLjQ3OTggMjguNDI1NCA0My4xMzUxTDI3LjczNTkgNDIuNDQ1NkMyNy4zOTExIDQyLjIxNTcgMjcuMjc2MiA0MS44NzEgMjcuMjc2MiA0MS40MTEzQzI3LjI3NjIgNDEuMDY2NSAyNy4zOTExIDQwLjcyMTggMjcuNzM1OSA0MC4zNzdMMzcuNTA0IDMwLjk1MzZMMTUuNjY5NCAzMC45NTM2QzE1LjIwOTcgMzAuOTUzNiAxNC44NjQ5IDMwLjgzODcgMTQuNjM1MSAzMC42MDg5QzE0LjQwNTIgMzAuMzc5IDE0LjI5MDMgMzAuMDM0MyAxNC4yOTAzIDI5LjU3NDZMMTQuMjkwMyAyOC40MjU0QzE0LjI5MDMgMjguMDgwNiAxNC40MDUyIDI3LjczNTkgMTQuNjM1MSAyNy41MDYxQzE0Ljg2NDkgMjcuMjc2MiAxNS4yMDk3IDI3LjA0NjQgMTUuNjY5NCAyNy4wNDY0TDM3LjUwNCAyNy4wNDY0TDI3LjczNTkgMTcuNTA4MUMyNy4zOTExIDE3LjI3ODIgMjcuMjc2MiAxNy4wNDg0IDI3LjI3NjIgMTYuNTg4N0MyNy4yNzYyIDE2LjI0NCAyNy4zOTExIDE1Ljg5OTIgMjcuNzM1OSAxNS41NTQ0TDI4LjQyNTQgMTQuNzVDMjguNjU1MiAxNC41MjAyIDI5IDE0LjQwNTIgMjkuNDU5NyAxNC40MDUyQzI5LjgwNDQgMTQuNDA1MiAzMC4xNDkyIDE0LjUyMDIgMzAuNDk0IDE0Ljc1TDQzLjcwOTcgMjcuOTY1N0M0My45Mzk1IDI4LjMxMDUgNDQuMDU0NCAyOC42NTUyIDQ0LjA1NDQgMjlDNDQuMDU0NCAyOS40NTk3IDQzLjkzOTUgMjkuNjg5NSA0My43MDk3IDI5LjkxOTRMMzAuNDk0IDQzLjEzNTFaIiBmaWxsPSIjMDU4RkIwIi8+Cjwvc3ZnPgo=");
        background-repeat: no-repeat;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: rgba(0, 0, 0, 0);
        outline: none;
        background: rgba(0, 0, 0, 0);
    }

    .slick-prev:before,
    .slick-next:before {
        display: inline-block;
        font-family: inherit;
        font-size: 1.25rem;
        line-height: 1;
        opacity: 0.75;
        color: #323232;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 50px;
        height: 50px;
        background-size: contain;
        opacity: 0.7;
    }

section.about-section {
    padding: 100px 0px;
}

section.third-section {
    padding: 80px 0px;
}

section.fifth-section {
    padding: 80px 0px;
    margin: 15px 0;
}

.heading-content h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.heading-content p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 150%;
}

.wave-divider::before,
.wave-light-divider::before,
.wave-divider-third::before {
    content: "";
    top: 3%;
/*    background-repeat: repeat-x;*/
    display: block;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100vw;
    z-index: -1;
}

    .wave-divider-third::before{
        opacity:0.5;
    }

    .wave-divider::before {
        background-image: url("/images/SBFE/divider_2.png");
        background-position: top center;
        background-size:cover;
        /*    background-repeat: repeat;*/
    }

.wave-light-divider::before {
    background-image: url("/images/SBFE/waves-light.png");
    background-position: top center;
    background-size: cover;
    /*    background-repeat: repeat;*/
}

.wave-divider-third::before {
    background-image: url("/images/SBFE/divider_1.png");
    background-size: cover;
}

.below-about-section .img-card img {
    padding: 0px 30px;
}

.img-card-content h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 150%;
}

.img-card-content p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    /* min-height: 100px; */
    color: #000000;
    /* padding: 0 40px; */
    min-height: 120px;
}

a.card-btn-primary {
    padding: 8px 20px;
    background: #3398b1;
    border-radius: 20px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
}

.img-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.img-card-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.pad-top-100 {
    padding-top: 100px;
}

section {
    position: relative;
}

.heading-content p.tc {
    font-size: 13px;
}

.brands-product-section .img-card {
    position: relative;
    display: block;
    width: 330px;
    height: 296px;
    background-image: url(/images/SBFE/brands_logo_background.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

    .brands-product-section .img-card img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 260px !important;
        height: 260px !important;
    }

.brands-product-section .img-card-content p {
    width: 80%;
}

.product-section .img-card-content h3 {
    font-size: 1.6rem;
    /* font-weight: 400; */
    color: #000000;
}

.product-section .img-card img {
    width: 125px;
}

.product-section .img-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

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

a.btn.btn-primary {
    border-radius: 20px;
    font-weight: 500;
    z-index: 3;
    position: relative;
}

.btn-lg {
    padding: 4px 20px;
    line-height: 150%;
    font-size: 1.1rem;
    font-weight: 500;
}

.bg-light {
    background: #f7fcfd !important;
}

.mar-t-80 {
    margin-top: 80px;
}

.right-content {
    padding: 0px;
}

    .right-content p {
        /* padding-right: 40%; */
    }

footer .footer-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-image: url(/images/SBFE/waves.svg);
    background-size: 100%;
    opacity: 0.5;
    z-index: -1;
    left: 0;
}

footer .footer-inner {
    padding-top: 80px;
    z-index: 1;
    position: relative;
    padding: 1.333333333rem 0;
    min-height: 300px;
    margin: 0 auto;
    justify-content: space-between;
}

img.footer-logo {
    width: 100%;
    height: 60px;
}

footer {
    min-height: 300px;
}

h5.text-footer-head {
    font-weight: 600;
    font-size: 1rem;
    line-height: 150%;
}

footer li a {
    font-size: 1rem;
    line-height: 150%;
    text-decoration: none;
}

footer li {
    padding: 4px 0;
    line-height: 140%;
}

footer {
    padding: 50px 0px 0px;
}

/* Wrapper for the dropdown */
.sbfe-multisite-button {
    position: absolute;
    display: inline-block;
    right: 60px;
    /* top: 30px; */
    top: 10px;
    z-index: 100000;
}

/* Wrapper for the dropdown */

/* Main button styles */
.sbfe-btn {
    cursor: pointer;
    padding: 10px 15px;
    /* background-color: #f8f9fa;
  border: 1px solid #ddd; */
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background-color 0.3s ease;
}

    .sbfe-btn:hover {
        /* background-color: #e9ecef; */
    }

/* Primary dropdown menu */
.sbfe-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0%;
    width: 165px;
    min-width: 150px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 1000;
}

    .sbfe-dropdown-menu a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: #333;
        font-size: 14px;
    }

        .sbfe-dropdown-menu a:hover {
            background-color: #f1f1f1;
        }

/* Show primary dropdown on hover */
.sbfe-multisite-button:hover .sbfe-dropdown-menu {
    display: block;
    border: 0;
}

/* Submenu dropdown */
.sbfe-submenu {
    position: relative;
    width: auto; /* newly added */
    cursor: pointer;
}

.sbfe-submenu-dropdown {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    /* Align submenu to the right of the parent */
    min-width: 150px;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 1000;
}

    .sbfe-submenu-dropdown a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
        color: #333;
        font-size: 14px;
    }

        .sbfe-submenu-dropdown a:hover {
            background-color: #f1f1f1;
        }

/* Show submenu on hover */
.sbfe-submenu:hover .sbfe-submenu-dropdown {
    display: block;
}

.background-section {
    position: relative;
    padding: 50px 20px;
    text-align: center;
    color: #000;
    overflow: hidden;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
}

    .background-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/images/SBFE/waves.svg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.5;
        z-index: 1;
    }

    .background-section h2 {
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 30px;
        max-width: 900px;
    }

    .background-section p {
        font-size: 1.3rem;
        font-weight: 400;
        max-width: 900px;
        margin-bottom: 30px;
        line-height: 1.5;
    }

@media (min-width: 768px) {

    .background-section {
        height: 390px;
    }

        .background-section h2 {
            font-size: 2rem;
        }

        .background-section p {
            font-size: 1.4rem;
        }
}

.about-section .heading-content {
    margin-bottom: 40px;
}

/* img-text-container */
.img-text-container {
    margin: 80px 0;
}

    .img-text-container .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
    }

    .img-text-container .img-wrapper {
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .img-text-container .section-heading {
        text-align: center;
        font-weight: 700;
        font-size: 1.8rem;
        margin: 25px 0;
    }

/* contact-us */
.location-container {
    border-top: 2px solid #5bc2dc;
}

    .location-container .content {
        padding: 14px 0;
    }

.content h3 {
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
}

#contactForm input,
#contactForm textarea,
#contactForm select {
    width: 90%;
}

    #contactForm input[type="checkbox"] {
        width: 1em;
        height: 1em;
    }

/* statements */
/* terms */
.rules-container .anchor-list a {
    color: #058fb0;
}

.inner-border {
    border-top: 3px solid #058fb0;
    width: 20%;
    padding-top: 24px;
}

.rules-container .anchor-list {
    /* border-top: 1px solid #058fb0;
  border-width: 20%; */
    padding: 24px 0;
}

    .rules-container .anchor-list ol li {
        padding: 8px 0;
    }

.terms-content ol li h5 {
    font-weight: 600;
    font-size: 1em;
}

.terms-content ol li {
    padding: 24px;
}

    .terms-content ol li ol li {
        padding: 8px;
    }

.tab-wrapper {
    /* margin-top:80px!important; */
}

    .tab-wrapper .nav-pills .nav-item .nav-link.active {
        color: #000;
        background-color: #5bc2dc;
        font-weight: 600;
    }

    .tab-wrapper .nav-pills .nav-item .nav-link {
        background: rgb(241, 242, 242);
        color: #000;
        font-weight: 600;
        text-transform: uppercase;
    }

        .tab-wrapper .nav-pills .nav-item .nav-link:hover {
            color: #000;
            background-color: #def3f8;
            font-weight: 600;
        }

    .tab-wrapper .nav-pills .nav-item {
        margin-right: 24px;
    }

    .tab-wrapper .nav-pills {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.tab-content {
    padding: 24px 180px;
}

.back-top-button {
    display: flex;
    justify-content: center;
}

.custom-button,
.custom-light-button {
    outline: 0;
    border: 0;
    padding: 8px 22px;
    border-radius: 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    display: block;
    width: fit-content;
}

.custom-button {
    background-color: rgba(5, 143, 176, 1);
    color: #fff;
}

.custom-light-button {
    background-color: transparent;
    color: rgba(5, 143, 176, 1);
    border: 1px solid #5bc2dc;
}

    .custom-button:hover,
    .custom-light-button:hover {
        box-shadow: 0 0 0 4px #5bc2dc;
    }

@media (max-width: 500px) {
    .custom-button,
    .custom-light-button {
        font-size: 0.8rem;
    }
}

/* ol li{
  list-style-type: none;
}

ol {
  counter-reset: list-counter;
}

ol>li {
  counter-increment: list-counter;
}

ol>li::before {
  content: counters(list-counter, ".") ". ";
  font-weight: bold;
}

ol ol {
  counter-reset: list-counter;
} */

.form-label {
    font-size: 1.1em;
}

/* General styles for ordered list */
ol {
    margin-left: 20px;
    padding-left: 20px;
}

    /* Default numeric style for the first level */
    ol > li {
        list-style-type: decimal;
        /* 1, 2, 3, ... */
        margin-bottom: 10px;
        /* Space between items */
    }

        /* Alphabetic style for the second level */
        ol > li > ol > li {
            list-style-type: lower-alpha;
            /* a, b, c, ... */
            margin-bottom: 5px;
        }

            /* Roman numeral style for the third level */
            ol > li > ol > li > ol > li {
                list-style-type: lower-roman;
                /* i, ii, iii, ... */
                margin-bottom: 5px;
            }

                /* Further levels can use different styles if needed */
                ol > li > ol > li > ol > li > ol > li {
                    list-style-type: lower-greek;
                    /* α, β, γ, ... */
                    margin-bottom: 5px;
                }

.contact-us-header,
.contact-header-new {
    padding: 40px 0 10px 0;
    margin-top: 32px;
    text-align: center;
}

    .contact-us-header h2,
    .contact-header-new h2 {
/*        font-weight: 400;*/
        font-size: 1.8rem;
        margin-bottom: 0px;
        color: rgb(0, 0, 0);
        margin-bottom: 22px;
    }

    .contact-us-header h4,
    .contact-header-new h4 {
        font-weight: 400;
        margin-bottom: 16px;
        line-height: 28px;
        /* padding: 0 235px; */
        font-size: 20px;
        font-family: Roboto, sans-serif;
        color: rgb(0, 0, 0);
        /* 174px */
        /* line-height: ; */
    }

    .contact-us-header h4 {
        /* padding: 0 224px; */
        /* 174px */
    }

    .contact-header-new h4 {
        width: 70%;
    }


    .contact-us-header::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 398px;
        top: -28px;
        z-index: -1; 
        opacity: 0.5;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
/*
    .contact-us-header::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 398px;
        top: -28px;
        z-index: -1;
        background-image: url(/images/SBFE/waves.svg);
        opacity: 0.5;
        left: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }*/

/* contact us form */

.form-step {
    display: none;
}

    .form-step.active {
        display: block;
    }

.form-navigation {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

button {
    padding: 10px 20px;
    margin: 5px;
}

.stepper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}


.error {
    color: red;
    font-size: 0.9em;
    /* display: none; */
}

    .error.active {
        display: block;
    }

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #5bc2dc;
}

    #progressbar .active {
        color: #5bc2dc;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 25%;
        float: left;
        position: relative;
        font-weight: 400;
        text-align: center;
    }

    #progressbar #account:before {
        font-family: "uicons-solid-straight";
        content: "\e9b1";
    }

    #progressbar #personal:before {
        font-family: "uicons-solid-straight";
        content: "\f0a7";
    }

    #progressbar #payment:before {
        font-family: "uicons-solid-straight";
        content: "\e9f2";
    }

    #progressbar #confirm:before {
        font-family: "uicons-regular-rounded";
        content: "\f13b";
    }

    #progressbar #message:before {
        font-family: "uicons-regular-rounded";
        content: "\eb87";
    }

    #progressbar li:before {
        width: 50px;
        height: 50px;
        line-height: 45px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        background: #def3f8;
        border-radius: 50%;
        margin: 0 auto 10px auto;
        padding: 2px;
    }

    #progressbar li:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #def3f8;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1;
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #5bc2dc;
    }

a {
    color: #5bc2dc;
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #5bc2dc;
}

.hidden {
    display: none;
}

.invalid-feedback {
    color: #ad3d36;
}
    /* .invalid-feedback {
  display: none;
  color: red;
  font-size: 0.9em;
} */

    .invalid-feedback.active {
        display: block;
    }

input[type="radio"] {
    padding: 8px;
    margin-right: 8px;
    margin-top: 2px;
    position: relative;
    top: 5px;
}

    input[type="radio"]:checked {
        background-color: #5bc2dc;
    }

.radio-group label {
    margin: 8px 0;
}

.form-navigation button {
    border-radius: 30px;
    background: rgb(5, 143, 176);
    color: #fff;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    border: transparent;
    text-transform: uppercase;
}

.form-navigation #prevBtn {
    background: white;
    border: 1px solid rgb(5, 143, 176);
    color: rgb(5, 143, 176);
}

.form-navigation button:hover {
    background: #5bc2dc;
    box-shadow: var(--btn-box-shadow);
    --btn-box-shadow: 0 0 0 4px #def3f8;
}

button:disabled,
button[disabled] {
    border: 1px solid #f1f2f2;
    background-color: #f1f2f2;
    color: #000;
}

.form-step .form-group {
    margin: 16px 0;
}

    .form-step .form-group label {
        margin-bottom: 8px;
        font-weight: 400;
    }

.success-message {
    display: none;
}

.contact-us-img-container img {
    width: 100%;
}

.contact-info-warpper {
    width: 80%;
    margin: 36px auto 0;
    text-align: center;
    border-top: 2px solid #5bc2dc;
}

    .contact-info-warpper p {
        margin: 24px 0;
        font-size: 0.8rem;
    }

.wave-divider-half {
    overflow: visible;
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

    .wave-divider-half::before {
        content: "";
        background-image: url(/images/SBFE/clouds_half.png);
/*        top: -82px;*/
        background-repeat: repeat;
        display: block;
        height: 500px;
        position: absolute;
        z-index: -1;
        width:100%
/*        max-width: 1440px;
        left: 50%;
        width: 1440px;
        margin-left: -720px;*/
    }

.social-group-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .social-group-wrapper .social-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .social-group-wrapper h2 {
        font-weight: 400;
    }

.social-container {
    margin: 16px 0;
}

    .social-container a {
        margin: 0 16px;
    }

.france-map-container .map-container::before {
    background-image: url(/images/SBFE/map_france_png.png);
    width: 100%;
    max-width: 100%;
    overflow: visible;
    margin-top: 80px;
    background-size: 1231px;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 80px;
}

.france-map-container .map-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
}

.spain-map-container .map-container {
    background-image: url(/images/SBFE/map_es_png.png);
    width: 100%;
    max-width: 100%;
    overflow: visible;
    margin-top: 80px;
    background-size: 1231px;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 80px;
}

.sbfe-map-container .map-container {
    background-image: url(/images/SBFE/map_sbfe_png.png);
    width: 100%;
    max-width: 100%;
    overflow: visible;
    margin-top: 80px;
    background-size: 1231px;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 80px;
}

.map-container .location-wrapper {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 15px 0.09px #bbe0e5;
    border-radius: 8px;
    width: 307px;
    padding: 20px 40px;
    margin-right: 100px;
    position: relative;
    right: 20px;
    top: -80px;
}

    .map-container .location-wrapper h4 {
        font-size: 23px;
        font-weight: 400;
        line-height: 34.5px;
    }

.map-container h2,
.map-container #basket > .basket-wrapper > .title {
    text-align: center;
    margin-bottom: 60px;
    flex-basis: 100%;
}

.google-map-wrapper {
    display: flex;
    align-items: stretch;
    align-self: center;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.location-warpper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* background: red; */
    padding: 0 70px;
}

    .location-warpper .input-wrapper input {
        padding: 10px 15px;
        width: 100%;
        border: 1px solid rgb(24 23 23 / 15%);
        border-radius: 12px;
        font-size: 0.9rem;
    }

#map {
    height: 800px;
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-basis: calc(100% - 356px) !important;
    order: 3 !important;
    width: calc(100% - 330px) !important;
    flex-grow: initial !important;
}

#map {
    height: 800px;
    width: 100%;
}

@media (min-width: 67rem) {
    .google-map-wrapper .google-map-poi-wrapper + .google-map {
        order: 1;
    }
}

.google-map-wrapper .google-map-poi-wrapper + .google-map {
    order: 0;
    flex-grow: 9999;
    flex-basis: 40rem;
}

.google-map-wrapper .google-map {
    flex-basis: calc(100% - 356px) !important;
    order: 3 !important;
    width: calc(100% - 330px) !important;
    flex-grow: initial !important;
}

.google-map-wrapper .google-map-poi-results-wrapper:empty {
    padding: 0;
    width: 0;
    box-shadow: none;
}

.google-map-wrapper .google-map-poi-results-wrapper {
    order: 2;
    display: flex;
    width: 100%;
    max-width: 334px;
    box-shadow: 0px 4px 15px 0.09px #bbe0e5;
    border-radius: 8px;
    background: #fff;
    transition: all 0.1s ease 0.05s;
    justify-content: space-between;
    position: relative;
    padding: 15px 30px;
}

.google-map-poi-address,
.google-map-poi-name {
    text-align: left;
}

.google-map-poi-address {
    font-size: 0.9rem;
}

@media (min-width: 67rem) {
    .google-map-poi-results-wrapper {
        display: grid;
    }
}

.google-map-poi-results-wrapper {
    order: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-template-columns: var( --max-width, calc(var(--site-max-width, 1440px) * 0.3) ) 1fr;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-top: calc(1.25rem * 1);
    padding-bottom: calc(1.25rem * 1);
    padding-left: calc(1.25rem * 1);
    padding-right: calc(1.25rem * 1);
    padding-top: var( --vertical-rhythm, calc(var(--vertical-rhythm) * var(--pt-mlpr, 1)) );
    padding-bottom: var( --vertical-rhythm, calc(var(--vertical-rhythm) * var(--pb-mlpr, 1)) );
    padding-left: var(--spacing, calc(var(--spacing) * var(--pl-mlpr, 1)));
    padding-right: var(--spacing, calc(var(--spacing) * var(--pr-mlpr, 1)));
}

.google-map-poi-brands-products-filters-wrapper {
    width: 100%;
    max-width: 785px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    flex-grow: 1;
    margin: 0;
    padding: 24px 0;
}

    .google-map-poi-brands-products-filters-wrapper select {
        padding: 10px 15px;
        /* -webkit-appearance: none; */
        width: 300px;
        font-size: 0.9rem;
        border: none;
        background-color: #fff;
        /* border: 1px solid #caced1; */
        border-radius: 0.25rem;
        color: #000;
        cursor: pointer;
        outline: none;
        /* padding-right: 36px; */
        margin-right: 15px;
        --input-padding-x: 0.7500000002rem;
        --input-bg-image: url(//s.svgbox.net/hero-outline.svg?fill=323232&ic=chevron-down);
        --input-bg-image-size: 1em;
        --input-bg-image-position: right 0.5em center;
        --input-box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.1) inset, 0 -1px 0px rgba(50, 50, 50, 0.08) inset;
        padding-left: 0.7500000002rem;
        padding-right: 0.7500000002rem;
        background-image: url(//s.svgbox.net/hero-outline.svg?fill=323232&ic=chevron-down);
        background-size: 1em;
        background-position: right 0.5em center;
        box-shadow: 0 -1px 1px rgba(50, 50, 50, 0.1) inset, 0 -1px 0px rgba(50, 50, 50, 0.08) inset;
        -webkit-appearance: none;
        appearance: none;
        padding-left: var(--input-padding-x, var(--xsmall));
        padding-right: var(--input-padding-x, var(--xsmall));
        background-image: var(--input-bg-image, transparent);
        background-size: var(--input-bg-image-size, transparent);
        background-position: var(--input-bg-image-position, transparent);
        box-shadow: var( --input-box-shadow, 0 -1px 1px rgba(50, 50, 50, 0.1) inset, 0 -1px 0px rgba(50, 50, 50, 0.08) inset );
        padding-right: calc(0.7500000002rem * 3);
        padding-right: calc(var(--input-padding-x, var(--xsmall)) * 3);
        background-repeat: no-repeat;
    }

.google-map-wrapper .google-map-poi-wrapper .button-wrapper {
    order: 6;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.google-map-wrapper .google-map-poi-wrapper .google-map-poi-nearest-wrapper {
    width: 100%;
}

.sntry-button .google-map-poi-search-button {
    /* order: 3; */
    background-color: rgba(5, 143, 176, 1);
    outline: none;
    border: none;
    border-radius: 24px;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
}

    .sntry-button .google-map-poi-search-button:hover {
        box-shadow: var(--btn-box-shadow);
        --btn-box-shadow: 0 0 0 4px #5bc2dc;
        transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    }

.google-map-geo-location-wrapper {
    margin: 12px;
}

.google-map-poi-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 250px;
}

.btn .block-link,
.snty-button:not(.link) .block-link {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: normal;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    line-height: inherit;
    font-size: var(--btn-font-size);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    font-family: var(--btn-font-family);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: 1em;
    display: var(--btn-display);
    justify-content: var(--btn-justify-content);
    align-items: var(--btn-align-items);
    align-content: var(--btn-align-content);
    min-height: var(--btn-min-height);
    padding-top: 0.5em;
    padding-bottom: 0.4em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-bottom: var(--btn-padding-bottom);
    padding-top: var(--btn-padding-top);
    padding-left: var(--btn-padding-start);
    padding-right: var(--btn-padding-end);
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: var(--btn-transition);
    color: #ffffff;
    background: rgba(5, 143, 176, 1);
    color: var(--btn-color);
    --btn-background-default: rgba( var(--btn-background), var(--btn-background-opacity) );
    background: var(--btn-background-default);
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 24px;
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    --btn-box-shadow: none;
    box-shadow: none;
    box-shadow: var(--btn-box-shadow);
}

.use-current-location-button {
    position: relative;
    height: 3em;
    width: 3em;
    line-height: 3;
    --btn-font-size: 0.7500000002rem;
    font-size: 0.7500000002rem;
    font-size: var(--btn-font-size);
    text-decoration: none;
    --btn-padding-top: 0;
    --btn-padding-bottom: 0;
    --btn-padding-start: 0;
    --btn-padding-end: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--btn-padding-bottom);
    padding-top: var(--btn-padding-top);
    padding-left: var(--btn-padding-start);
    padding-right: var(--btn-padding-end);
    transition: false;
    --btn-color: var(--color-secondary-tint);
    --btn-background: transparent;
    --btn-background-opacity: 0.1;
    color: #058fb0;
    background: transparent;
    color: var(--btn-color);
    --btn-background-default: rgba( var(--btn-background), var(--btn-background-opacity) );
    background: var(--btn-background-default);
    --btn-border-width: 1px;
    --btn-border-style: solid;
    --btn-border-color: currentColor;
    --btn-border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 50%;
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    --btn-box-shadow: none;
    box-shadow: none;
    box-shadow: var(--btn-box-shadow);
    border-color: #058fb0;
}

    .use-current-location-button:hover {
        cursor: pointer;
        --btn-color-hover: var(--color-secondary-tint);
        --btn-background-hover: transparent;
        --btn-background-hover-opacity: 0;
        color: #058fb0;
        color: var(--btn-color);
        background: transparent;
        background: var(--btn-background-default);
        --btn-color: var(--btn-color-hover);
        --btn-background-default: rgba( var(--btn-background-hover), var(--btn-background-hover-opacity) );
        --btn-box-shadow: 0 0 0 1px currentColor inset;
        box-shadow: 0 0 0 1px currentColor inset;
        box-shadow: var(--btn-box-shadow);
        --btn-box-shadow: 0 0 0 1px currentColor inset;
    }

    .use-current-location-button:focus {
        --btn-background-focus-opacity: 0.1;
    }

    .use-current-location-button:active,
    .use-current-location-button.selected {
        --btn-color-active: #e7480f;
        --btn-background-active-opacity: 0.1;
        color: #e7480f;
        color: var(--btn-color);
        --btn-color: var(--btn-color-active);
        --btn-border-color: transparent;
        border-color: transparent;
        border-color: var(--btn-border-color);
        --btn-border-color: transparent;
        --btn-box-shadow: 0 0 0 1px currentColor inset, 0 0 0 2px currentColor;
        box-shadow: 0 0 0 1px currentColor inset, 0 0 0 2px currentColor;
        box-shadow: var(--btn-box-shadow);
        --btn-box-shadow: 0 0 0 1px currentColor inset, 0 0 0 2px currentColor;
    }

    .use-current-location-button .button-icon {
        background: url("//s.svgbox.net/hero-outline.svg?fill=5bc2dc&ic=location-marker") center no-repeat;
        position: absolute;
        width: 70%;
        height: 70%;
    }

.google-map-geo-location-wrapper .button-text {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.use-current-location-button .button-icon {
    background: url("//s.svgbox.net/hero-outline.svg?fill=5bc2dc&ic=location-marker") center no-repeat;
    position: absolute;
    width: 70%;
    height: 70%;
}

.block-link .button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 5px;
    right: 0;
}

.button-icon {
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    transform: var(--btn-icon-transform);
    opacity: var(--btn-icon-opacity);
    transition: var(--btn-transition, var(--btn-icon-transition));
    transition-delay: var(--btn-icon-transition-delay);
}

.google-map-wrapper .google-map-poi-results-wrapper .google-map-poi-result {
    position: relative;
    margin: 15px 0;
}

.google-map-poi-result {
    padding: calc(var(--vertical-rhythm) * 0.5);
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content auto;
}

.google-map-wrapper
.google-map-poi-results-wrapper
.google-map-poi-result
div:first-child {
    float: left;
    margin-right: 2rem;
    grid-row-end: -1;
    grid-row-start: 1;
}

.google-map-wrapper
.google-map-poi-results-wrapper
.google-map-poi-result
.google-map-poi-distance {
    position: absolute;
    top: 60px;
    left: 4px;
    font-size: 12px;
}

    .google-map-wrapper
    .google-map-poi-results-wrapper
    .google-map-poi-result
    .google-map-poi-distance::after {
        content: " km";
    }

.google-map-wrapper
.google-map-poi-results-wrapper
.google-map-poi-result
.google-map-poi-name {
    font-weight: 600;
}

.google-map-poi-name {
    color: #323232;
    grid-column: 2 / 2;
    grid-row: 1 / 1;
}

.footer-ni-info {
    /* display: none; */
    text-align: center;
    background-color: #def3f8;
    padding: 4px 0;
    max-width: 1440px;
    margin: auto;
    position: relative;
    top: -50px;
}

.facts-container {
    display: flex;
    align-items: flex-start;
    /* center; */
    justify-content: center;
    margin: 36px 0;
}

    .facts-container .facts {
        /* max-width: 190px; */
        text-align: center;
        padding: 8px 0 20px;
        margin-bottom: 8px;
        margin-left: 8px;
        margin-right: 8px;
        width: 100%;
    }

        .facts-container .facts a img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            overflow: hidden;
            display: block;
            width: 100%;
        }

        .facts-container .facts a div {
            width: 100%;
            max-width: 100px;
        }

        .facts-container .facts a {
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #212529;
        }

    .facts-container p {
        margin: 16px 0 5px 0;
        font-size: 0.7rem; 
        font-weight: 500;
/*        0.9rem;*/
    }

    .facts-container span {
        font-size: 12px;
    }

/* cookie section in LEGAL page */
.cookie-option {
    margin-bottom: 15px;
}

    .cookie-option input {
        margin-right: 10px;
    }

.cookie-description {
    margin-left: 25px;
    color: #555;
    font-size: 14px;
}

/* END */

.custom-title {
    color: #5bc2dc;
}

.form-label {
    font-size: 0.9rem;
}

.custom-social a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-top: 16px;
}

    .custom-social a h4 {
        font-size: 1rem;
        margin: 16px 0;
    }

/* gbi brands */
.wave-bg {
    position: relative;
}

    .wave-bg::before {
        content: "";
        position: absolute;
        background: url("/images/sbfe/Waves.jpg");
        background-size: auto;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.4;
        z-index: -1;
        pointer-events: none;
        background-position: center;
        background-size:100%;
        background-repeat:no-repeat;
    }

.brands-original-section h2,
.brands-bottle-section h2,
.brands-title-section h2 {
    font-weight: 400;
    margin-bottom: 20px;
}

.brands-original-section p,
.brands-bottle-section p,
.brands-title-section p {
    font-size: 1.2rem;
    font-weight: 400;
/*    max-width: 60%;*/
     margin: 5px 0 !important; 
}

.brands-first-section a {
    color: #5bc2dc;
}

.brands-first-section h2 {
    /* font-weight: 400; */
    font-size: 32px;
    color: rgb(0,0,0)
}

.brands-first-section h4 {
    font-weight: 400;
    max-width: 70%;
}

.brands-first-section p {
    /* max-width: 60%; */
    margin: 0;
}

.brands-first-section img {
    height: 250px;
}

.brands-first-section a.clicked {
    color: #03bdbd;
}

.brands-social-section {
    padding: 80px 0;
}

    .brands-social-section h5 {
        font-weight: 400;
    }

    .brands-social-section img:hover {
        box-shadow: 0 0 0 4px #9ddaea;
        border-radius: 50px;
    }

.divider-bg {
    position: relative;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .divider-bg::before {
        content: "";
        position: absolute;
        background: url("/images/SBFE/divider_soft.png") repeat top center;
        background-size: cover;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

.brands-lists {
    padding: 80px 0;
    height: auto !important;
}

    .brands-lists h2 {
        margin-bottom: 20px;
        font-weight: 400;
        font-size: 2rem;
    }

    .brands-lists p {
        font-size: 1.5rem;
    }

.brands-facts-section,
.brands-maps-section {
    padding: 80px 0;
    height: auto !important;
}

    .brands-facts-section h2,
    .brands-maps-section h2 {
        /* font-weight: 400; */
        margin-bottom: 20px;
    }

    .brands-facts-section p,
    .brands-maps-section p {
        font-size: 0.7rem;
        font-weight: 500;
    }

    .brands-facts-section .fact-icon,
    .brands-maps-section .fact-icon {
        height: 100px;
        object-fit: contain;
    }

    .brands-facts-section .text-wrapper,
    .brands-maps-section .text-wrapper {
        min-height: 150px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }

.brands-maps-section {
    padding: 20px 0;
}

    .brands-maps-section h2 {
        max-width: 30%;
    }

    .brands-maps-section p {
        font-size: 15px;
        font-weight: 500;
        max-width: 100%;
    }

    .brands-maps-section .fact-icon {
        height: 100px;
        object-fit: contain;
        padding: 0 60px;
    }

/* .brands-title-section {
  font-weight: 400;
  h2 {
    font-size: 2rem;
    max-width: 40%;
  }
  p {
    font-size: 1.5rem;
  }
} */

.bottle {
    margin-bottom: 0;
}

    .bottle span {
        height: 50px;
    }

.brands-original-section {
    padding: 80px 0 0 0;
    height: auto !important;
}

    .brands-original-section img {
        max-height: 250px;
    }

    .brands-original-section span {
        font-size: 1.2rem;
        font-weight: 400;
    }

.description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .description h3 {
        font-weight: 400 !important;
    }

    .description p {
        font-size: 1rem;
        max-width: 75%;
    }

.brands-slider {
    padding: 0px 190px;
    position: relative;
    overflow: hidden;
}

    .brands-slider .slick-dots {
        position: static !important;
    }

    .brands-slider .slick-slide {
        background-color: transparent;
    }

    .brands-slider .slick-next:before,
    .brands-slider .slick-prev:before {
        height: 30px;
        width: 30px;
        background-repeat: no-repeat;
    }

    .brands-slider .slide {
        padding: 2rem 0;
    }

@media screen and (max-width: 768px) and (min-width: 320px) {
    .brands-first-section p,
    .brands-original-section p,
    .brands-bottle-section p,
    .brands-title-section p {
        max-width: 90%;
        font-size: 1rem;
    }

    .brands-first-section h4 {
        max-width: 90%;
    }

    /* .bottle { */
    /* margin-bottom: 60px; */
    /* } */

    .tab-content {
        padding: 24px 0;
    }

    .brands-lists h2 {
        font-weight: 400;
        font-size: 1.6rem;
    }

    .brands-lists p {
        font-size: 1rem;
    }
}

/* youtube video */
.overlay {
    position: relative;
    width: 80vw;
    height: 600px;
    /* max-width: 1920px;
  max-height: 1080px; */
}

    .overlay .thumbnail-container {
        position: relative;
    }

    .overlay .thumbnail {
        display: block;
        min-width: 80vw;
        min-height: 600px;
    }

    .overlay .duration {
        position: absolute;
        z-index: 2;
        right: 0.5rem;
        bottom: 0.5rem;
        padding: 0.2rem 0.4rem;
        background-color: rgba(0, 0, 0, 0.6);
        color: white;
    }

    .overlay .play-overlay {
        position: absolute;
        z-index: 1;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.1) url("/images/SBFE/arrow.svg") no-repeat scroll center center / 3rem 3rem;
        transition: background-color 0.7s;
    }

        .overlay .play-overlay:hover {
            background-color: rgba(0, 0, 0, 0);
        }

    .overlay iframe {
        position: absolute;
        z-index: 3;
        width: 100%;
        height: 100%;
    }

/* end */
.image-container {
    position: relative;
    width: 100%;
    height: 300px;
}

.background-image {
    background-image: url("/images/SBFE/brands_logo_background.png")!important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.centered-logo,
.centered-logo-new {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
}

.centered-logo {
    width: 50%;
}

.centered-logo-new {
    width: 60%;
}

.file-upload {
    position: relative;
    display: inline-block;
}

    .file-upload input[type="file"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.upload-btn {
    background-color: #0088a8;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
}

    .upload-btn:hover {
        background-color: #00738a;
    }

/* .banner-section{
  height: 600px;
} */
/* Desktop fixes start*/

@media only screen and (min-width: 768px) {
    /* bug fixes start */
    .banner-section .slick-slide img {
        height: 350px;
        margin-left: auto;
    }

    .banner-section .slick-dots {
        transform: translate(90px, -10px);
    }

    .below-about-section {
        /* padding: 0 100px; */
        padding: 40px 0;
    }

        .below-about-section .img-card img {
            width: auto;
            margin: 0 auto;
            height: 290px;
        }

    .about-section .heading-content {
        margin-bottom: 0px;
    }

    section.fourth-section .content-wrapper {
        width: 60%;
        margin: 0 auto;
    }

    footer .footer-logo {
        width: auto;
        height: 60px;
        display: flex;
        margin: 40px auto;
    }


    .container {
        /* max-width: 1440px; */
    }

    .content-wrapper h4 {
        font-weight: 400;
        font-size: 32px;
        margin-bottom: 20px;
    }

    .content-wrapper h3 {
        margin-bottom: 0;
        font-size: 32px;
    }

    .hero-slider .content p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
        font-weight: 400;
        width: 60%;
        color: #000000;
    }

    .footer-inner {
        align-content: center;
    }

    .sbfe-dropdown-menu a {
        display: block;
        padding: 4px 15px;
        text-decoration: none;
        font-weight: 400;
        color: #333;
        font-size: 16px;
        font-family: Roboto, sans-serif;
    }

    .sbfe-dropdown-menu {
        padding: 10px 0;
    }

        .sbfe-dropdown-menu a.active {
            background-color: rgb(187, 224, 229);
        }

    /* bug fixes end */
}

@media only screen and (max-width: 500px) {
    .slick-slide img {
        height: 250px;
        margin: 0 auto;
    }

    .content {
        padding: 44px 0 20px;
    }

    .banner-section .slick-prev:before,
    .slick-next:before {
        height: 30px;
        width: 30px;
        background-repeat: no-repeat;
    }

    .footer-inner {
        overflow-y: hidden;
    }

    .sbfe-multisite-button {
        right: 15px !important;
    }

    .banner-section .slick-next,
    .banner-section .slick-prev {
        width: 0;
        top: 45%;
    }

    .overlay {
        /* width: 80vw; */
        height: 250px;
    }

        .overlay .thumbnail {
            min-width: 0;
            max-width: 80vw;
            min-height: 250px;
        }

    /* .centered-logo {
  width: 50%;
} */
    .banner-section .slick-next,
    .banner-section .slick-prev {
        width: 0;
        top: 45%;
    }
}

.sbfe-btn {
    position: relative;
}

    .sbfe-btn::before {
        content: "";
        height: 8px;
        width: 8px;
        right: 0;
        position: absolute;
        background-image: url("/images/SBFE/down_arrow_icon.svg");
        background-repeat: no-repeat;
    }

.lni.down-arrow {
    color: #5bc2dc;
    font-weight: 700;
    font-size: 26px;
    position: absolute;
    right: 60px;
    cursor: pointer;
    bottom: 10px;
}

/* Desktop fixes start*/
input[type="checkbox"],
#checkbox2 {
    height: 25px;
    width: 25px;
    accent-color: #00738a;
}

#checkbox2 {
    width: 60px;
}

.recaptcha-wrap {
    padding-left: 0;
}

/* philosophy */
.title-container {
    padding: 26px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 520px;
    height: fit-content;
}

    .title-container h2 {
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .title-container p {
        font-size: 1.5rem;
        font-weight: 400;
        max-width: 60%;
    }

.purpose-container img {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
}

.priorities-container {
    height: auto;
}

.values-container h2 {
    font-size: 2rem;
    font-weight: 500;
}

.top-text-container {
    align-items: center;
    display: flex;
    position: relative;
    justify-content: center;
}

    .top-text-container h3 {
        font-size: 23px;
    }

/* ===================== */

.about-company p {
    font-size: 20px;
    font-weight: 400;
    padding: 0 5%;
    /* max-width: 1200px; */
    color: rgb(0,0,0);
    text-align:center;
}

.about-content {
    padding: 80px 0px;
    min-height: 400px;
}

.our-company-container img {
    padding: 38px 0;
    width: 100%;
    max-width: 310px;
}

.our-company-container {
    padding: 0px 90px;
}

    .our-company-container p {
        font-size: 20px;
        font-family: Roboto, sans-serif;
        margin-bottom: 0;
        padding: 20px;
    }

    .our-company-container h3 {
        font-size: 28px;
        font-family: Roboto, sans-serif;
        margin-bottom: 0;
        padding: 20px 0;
/*        font-weight: 400;*//*        font-weight: 400;*/
    }

.our-company-header {
    padding: 0 150px;
}

.team-card img {
    height: 240px;
    width: 300px;
    object-fit: contain;
}

.team-content h5 {
    padding: 20px 0;
    font-size: 28px;
    font-family: Roboto, sans-serif;
}

.team-content p {
    font-size: 20px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.team-card .title {
    padding: 20px 0;
    color: rgb(5, 143, 176);
    font-size: 28px;
    font-family: Roboto, sans-serif;
}

.team-card h6 {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}

.team-card p {
    font-size: 16px;
    padding: 0 90px;
}

.team-container {
    padding: 0 200px;
}

.video-wrap .content-image {
    padding: 0;
}

.content-image img {
    height: 480px;
    margin: 0 auto;
}

.about-company-content h6 {
    font-size: 35px;
    /* font-weight: 400; */
    margin-bottom: 20px;
}

.about-company-content {
    font-size: 16px;
    padding: 0 64px;
}

    .about-company-content p {
        font-size: 16px;
    }

.content-image {
    padding: 80px 0px;
}

.about-content-container {
    padding: 0 80px;
}

.document-slider-container {
    padding: 30px 0 40px;
}

.document-slider {
    background-color: #fff;
    box-shadow: 0px 4px 30px 0.09px #bbe0e5;
    /* width: 100%;
  max-width: 330px; */
    min-height: 287px;
    max-width: 330px;
    border-radius: 32px;
    padding: 74px 16px 35px;
    /* background-image: url("https://suntorybeverageandfood-europe.com/dyn/_pictures/icons/vector.svg"); */
    background-image: url("../images/SBFE/vector.svg");
    background-repeat: no-repeat;
    background-position: center 34px;
    text-align: center;
    margin: 0 15px;
}

    .document-slider a {
        background-color: rgb(5, 143, 176);
        padding: 10px 25px;
        color: #fff;
        border-radius: 20px;
        text-decoration: none;
        margin: 0 auto;
        font-weight: 700;
    }

    .document-slider h3 {
        padding: 20px 0 40px;
        margin-bottom: 0;
        font-size: 1.2rem;
        color: rgb(0, 0, 0);
        height: 110px;
        min-height: 110px;
    }

.about-company-slider .slick-dots {
    bottom: -20px !important;
}

.about-company-slider {
    /* margin: 0 160px; */
}

    .about-company-slider .slick-prev {
        left: -60px !important;
    }

    .about-company-slider .slick-next {
        right: -35px !important;
    }

        .about-company-slider .slick-prev::before,
        .about-company-slider .slick-next::before {
            height: 40px !important;
            width: 40px !important;
            background-repeat: no-repeat;
        }

.about-founder-card {
    text-align: center;
    background-color: #e4f5f9;
    border-radius: 32px;
    padding: 65px 20px 20px 20px;
    margin-bottom: 20px;
}

    .about-founder-card p {
        font-size: 14px;
    }

    .about-founder-card > * {
        padding-bottom: 20px;
    }

    .about-founder-card span {
        display: block;
    }

    .about-founder-card img,
    .about-founder-wrapper img {
        height: 250px;
        width: 250px;
        position: relative;
        top: 50px;
    }

.about-founder-wrapper {
    text-align: center;
}

.about-founder-header {
    text-align: center;
    /* padding: 0 22%; */
}

    .about-founder-header p {
        font-size: 21px;
    }

.about-founder-container {
    padding: 0 90px;
    display: flex;
    justify-content: center;
}

.business-details-wrapper {
    position: relative;
    display: flex;
    height: 142px;
    width: 164px;
    background-image: url("/images/SBFE/polygon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* padding: 0 16px; */
}

    .business-details-wrapper div {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 20px;
        text-align: center;
    }

        .business-details-wrapper div p {
            margin-bottom: 0;
        }

.business-detiails-container {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin-bottom: 16px;
}

.business-card {
    padding: 4% 14%;
    text-align: center;
}

    .business-card h3 {
        font-size: 30px;
    }

    .business-card p {
        font-size: 20px;
    }

    .business-card span {
        display: block;
    }

.business-details-wrapper div p {
    font-size: 11px;
    font-weight: 700;
    /* padding: 0 10px; */
}

.business-details-wrapper .count-details {
    font-size: 22px;
}

.business-card > span {
    font-size: 12px;
}

.brand-content h3 {
    /* font-weight: 400; */
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    min-height: 80px;
    max-height: 80px;
    display: block;
}

.about-founder-header > * {
    margin-bottom: 0;
    padding-bottom: 26px;
}

.about-founder-card h5 {
    font-size: 27px;
    margin-bottom: 0;
}

.map-container {
    /* background-image: url("https://suntorybeverageandfood-europe.com/dyn/_pictures/branding-images/map_sbfe_png.png"); */
    background-image: url("/images/SBFE/map_sbfe_png.png");
    background-repeat: no-repeat;
    height: 600px;
    position: relative;
    background-size: contain;
    background-position: center;
}

.map-content {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 15px 0.09px #bbe0e5;
    border-radius: 8px;
    width: 307px;
    padding: 20px 40px;
    margin-right: 100px;
    position: absolute;
    right: 100px;
    top: 0;
    /* bottom: 0; */
    margin: auto;
    min-height: 500px;
}

.map-wrapper h3 {
    padding: 80px 0;
    font-size: 29px;
    /* font-weight: 400; */
}

.map-content h4 {
    padding-bottom: 30px;
    font-weight: 400;
}

.map-content > * {
    font-size: 20px;
}

/* ===================== */
/* ===================== */

@media screen and (max-width: 768px) and (min-width: 320px) {
    .title-container {
        padding: 80px 20px 20px;
    }

        .title-container h2 {
            font-size: 1.8rem;
        }

        .title-container p {
            font-size: 1.3rem;
            max-width: 100%;
        }

    .purpose-container img {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }

    .values-container h2 {
        font-size: 1.8rem;
    }
}

.sustainability-content p {
    min-height: auto;
}

.quote {
    background-image: url("/images/SBFE/clouds_half.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    text-align: center;
}

.quote-banner {
    height: 100%;
    width: 100%;
}

.quote-content {
    max-width: 950px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0px 80px;
}

.quote .quote-banner .quote-content::before {
    content: "";
    position: absolute;
    background: url("/images/SBFE/quote_left.svg") no-repeat;
    height: 90px;
    width: 90px;
    left: 0;
    top: -45px;
}

.quote .quote-banner .quote-content::after {
    content: "";
    position: absolute;
    background: url("/images/SBFE/quote_right.svg") no-repeat;
    height: 90px;
    width: 90px;
    bottom: -40px;
    right: 0;
}

.quote .quote-banner .quote-content-title,
.quote .quote-banner .quote-content-text,
.quote .quote-banner .quote-content-author {
    margin-bottom: 15px 0;
}

.quote-content-title {
    color: #058fb0;
}

.quote .quote-banner .quote-image {
    padding: 20px 0;
}

    .quote .quote-banner .quote-image img {
        height: 230px;
        width: auto;
        margin: 0 auto;
        object-fit: contain;
    }

/* new components */
.column-slider {
    /* background-image: url("/images/SBFE/clouds_half.png");
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  text-align: center; */
}

    .column-slider .column-slider__banner {
        height: 100%;
        width: 100%;
    }

        .column-slider .column-slider__banner.slick-slide {
            background-color: transparent;
        }

        .column-slider .column-slider__banner .column-slider__content > * {
            padding-bottom: 20px;
        }

        .column-slider .column-slider__banner .column-slider__content {
            max-width: 950px;
            width: 100%;
            position: relative;
            margin: 0 auto;
            padding: 0px 10px;
            text-align:center;
        }

            .column-slider .column-slider__banner .column-slider__content::before {
                content: "";
                position: absolute;
                background: url("/images/SBFE/quote_left.svg") no-repeat;
                height: 90px;
                width: 90px;
                left: 0;
                top: -80px;
            }

            .column-slider .column-slider__banner .column-slider__content::after {
                content: "";
                position: absolute;
                background: url("/images/SBFE/quote_right.svg") no-repeat;
                height: 90px;
                width: 90px;
                bottom: -40px;
                right: 0;
            }

        .column-slider .column-slider__banner .column-slider__title,
        .column-slider .column-slider__banner .column-slider__text {
            margin-bottom: 0;
        }

        .column-slider .column-slider__banner .column-slider__image {
            padding: 20px 0;
        }

            .column-slider .column-slider__banner .column-slider__image img {
                height: 230px;
                width: auto;
                margin: 0 auto;
                object-fit: contain;
            }

    .column-slider .slick-dots {
        visibility: hidden;
    }

.map-details {
}

    .map-details p {
        font-size: 16px;
    }

/* new components */

.reports-wrap {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.heading-section {
    text-align: center;
}

    .heading-section h2 {
        font-size: 42px;
        margin-bottom: 24px;
        font-weight: 400;
    }

    .heading-section p {
        padding: 0 10%;
        font-size: 24px;
    }

.priorities-content h5 {
    margin: 24px 0;
}

.priorities-content {
    margin-top: 34px;
}

.img-circle img {
    min-width: 60%;
    max-height: 60%;
    width: 60%;
}

/* custom slick slider */
.custom-slick-slider .slick-prev {
    left: -60px !important;
}

.custom-slick-slider .slick-next {
    right: -60px !important;
}

.bg-slider {
    background-repeat: no-repeat;
    background-position: 0 8px;
    overflow: visible;
    background-size: cover;
    position: relative;
}

.custom-slick-slider .slick-item:before {
    content: "";
    background-image: url("/images/SBFE/timline_wave.svg");
    width: 100%;
    height: 150px;
    display: block;
    z-index: 1;
    position: absolute;
    top: 80px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-list.draggable {
    height: 550px !important;
}

.custom-slick-slider .slick-slide {
    padding: 289px 0 0px;
    opacity: 1;
    min-height: 550px;
}

.custom-slick-slider .polygon-img,
.mobile-view .polygon-img {
    background-image: url("/images/SBFE/timeline_rings.png");
    box-shadow: 0px 0px 0px 0 #fff;
    border-radius: 0;
    padding: 88px 60px 0 84px;
    position: absolute;
    overflow: visible;
    top: -296px;
    left: -65px;
    min-height: 337px;
    min-width: 350px;
    max-width: 350px;
    background-color: rgba(0, 0, 0, 0);
}

.custom-slick-slider .slick-item .timeline-item::before {
    content: "";
    top: 366px;
    left: 152px;
    height: 53px;
    width: 47px;
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url(/images/SBFE/smallpolygon.svg);
}

.custom-slick-slider .slick-item .timeline-item::after {
    height: 71px;
    top: 320px;
    left: 0;
    right: 0;
    width: 3px;
    margin: auto;
    content: "";
    background-color: #5bc2dc;
    position: absolute;
}

.timeline-item {
    box-shadow: 0px 4px 15px 0.09px #bbe0e5;
    border-radius: 8px;
    padding: 0 10px;
    position: relative;
    overflow: visible;
    background-color: #fff;
    min-height: 139px;
    height: auto;
}

.timeline-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}

.column-wrapper {
    display: flex;
    justify-content: flex-start;
}


.column-data {
    width: 33.33%;
    margin: 1px 16px;
    position: relative;
    display: flex;
    z-index: 10000;
}

.column-data::after {
        /* content: "";
  top: 366px;
  left: 152px;
  border: 3px solid;
  left: 0;
  height: 53px;
  width: 47px;
  display: block;
  position: absolute;
  z-index: 1;
  background-image: url(/images/SBFE/smallpolygon.svg); */
}

.map-wrapper {
    position: relative;
}

.text-decoration-none {
    text-decoration: none;
    color: #000000;
}

.date-one::before {
    top: 140px !important;
    left: -32px !important;
}

.date-one::after {
    height: 163px !important;
    top: 0 !important;
left: -105% !important;
}

.date-one {
    top: -70px;
}

.px-20 {
    padding: 0% 20% !important;
}

/* breadcrumb */

.breadcrumb {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    display: flex;
    padding: 20px 220px;
    gap: 5px;
}

    .breadcrumb a {
        color: #5bc2dc;
        text-transform: uppercase;
        font-family: Roboto, sans-serif;
        font-size: 16px;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

        .breadcrumb a::before {
            content: "/";
            margin: 0 5px;
            text-decoration: none;
            color: #5bc2dc;
            display: inline-block;
        }

        .breadcrumb a:last-child {
            font-weight: 700;
        }

        .breadcrumb a:first-child::before {
            content: "";
            margin: 0;
        }

.no-slider .column-data {
    width: 22.3421%;
}


.date-two::before {
    top: 172px !important;
    left: -34px !important;
}

.date-two::after {
    height: 200px !important;
    top: 0 !important;
left: -105% !important;
}

.date-two {
    top: -99px;
}

.date-three::before {
    top: 145px !important;
    left: -34px !important;
}

.date-three::after {
    height: 160px !important;
    top: 0 !important;
left: -105% !important;
}

.date-three {
    top: -25px;
}

.date-four::before {
    top: 160px !important;
    left: -34px !important;
}

.date-four::after {
    height: 190px !important;
    top: 2px !important;
left: -105% !important;
}

.date-four {
    top: 20px;
}

.no-slider .date-three {
    top: -60px;
}

.no-slider .date-four {
    top: -22px;
}

/* .no-slider .date-two::before{
  left: -22px!important;
} */

.timeline-item h3 {
    font-size: 1.3rem;
    padding: 1rem 0;
    margin-bottom: 0;
}

/* .timeline-item p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.timeline-item p {
  font-size: 14px;
  max-height: 3.6em;
  line-height: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  transition: max-height 0.3s ease;
}

.timeline-item p:hover{
  max-height: none;
  overflow: visible;
}


.slider-content {
    text-align: center;
}

    .slider-content img {
        height: 240px;
        width: 240px;
        margin: 0 auto;
    }

    .slider-content h4 {
        color: #058fb0;
        font-size: 26px;
        padding: 20px 0px;
        margin-bottom: 0;
    }

    .slider-content p {
        font-size: 16px;
        color: #000000;
    }

.custom-slider-banner {
    padding: 30px 0;
    position: relative;
}

    .custom-slider-banner .slick-dots {
        bottom: 0px !important;
    }

    .custom-slider-banner .slick-slide {
        background-color: transparent;
    }

    .custom-slider-banner .slick-prev::before,
    .custom-slider-banner .slick-next::before {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
    }

    .custom-slider-banner .slick-prev {
        left: 120px !important;
    }

    .custom-slider-banner .slick-next {
        right: 120px !important;
    }

.custom-slick-slider .slick-slide {
    background-color: transparent;
}

.bottom-footer-link p {
    text-align: center;
    background-color: #def3f8;
    padding: 4px 0;
    font-size: 16px;
    font-weight: 400;
}

.custom-btn {
    display: block;
    background: #058fb0;
    border: 0;
    border-radius: 30px;
    color: #fff;
    margin: 0 auto 30px;
}

    .custom-btn a {
        color: #fff;
        text-decoration: none;
    }

#product-details img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

table {
    width: 100%;
    margin-top: 20px;
}

th,
td {
    text-align: left;
}

.dropdown-wrap {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#product-details,
#product-details1,
#detailsContainer {
    margin: 50px 0;
    text-align: center;
}

.text-left {
    text-align: left;
}

#product-details::before,
#product-details1::before,
#detailsContainer::before {
    content: "";
    background-image: url(/images/SBFE/clouds_half.png);
    /* top: -82px; */
    background-repeat: no-repeat;
    display: block;
    height: 500px;
    position: absolute;
    width: 1440px;
    z-index: -1;
    left: 50%;
    margin-left: -720px;
}

.fr-image-container {
    background: url("/images/SBFE/timeline_rings.png");
    height: 440px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}

    .fr-image-container h4 {
        width: 50%;
        font-size: 20px;
    }

.fr-card {
    box-shadow: 0px 4px 15px 0.09px #bbe0e5;
    background: #fff;
    padding: 40px 20px 80px;
    text-align: center;
    position: relative;
}

    .fr-card::after {
        content: "1/4";
        color: #fff;
        position: absolute;
        height: 55px;
        width: 55px;
        right: -20px;
        background-color: #5bc2dc;
        border-radius: 50%;
        bottom: -20px;
        align-content: center;
        font-size: 18px;
    }

    .fr-card h4 {
        padding: 20px 0;
    }

.fr-card__content {
    border: 1px solid #bbe0e5;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 16px;
    cursor: pointer;
    margin: 8px;
    border-radius: 50%;
    transform: scale(0.95);
    height: 130px;
    width: 130px;
    margin: 0 auto;
}

    .fr-card__content img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.custom-link ul {
    list-style: none;
}

    .custom-link ul li {
        padding-bottom: 6px;
    }

.water-cl-img {
    height: 270px;
    width: 100%;
}

.img-frame-card, .img-frame-card-new {
    background-color: #fff;
    border-radius: 32px;
    max-width: 100%;
    text-align: center;
}

.img-frame-card {
    box-shadow: 0px 4px 30px 0.09px #bbe0e5;
    padding: 24px 16px;
}

.card-img, .card-img-new {
    width: 100%;
    border-radius: 25px;
}

.card-img {
    height: 200px;
}

.card-img-new {
    height: 380px;
}

.water-image {
    width: 20%;
    height: auto !important;
}

@media (max-width: 520px) {
    .water-cl-img {
        height: 120px;
    }

    .water-image {
        width: 75%;
    }

    .breadcrumb {
        font-size: 12px;
    }
}

.table-wrap th,
.table-wrap tr td:nth-child(2),
.table-wrap tr td:nth-child(3) {
    text-align: right;
}

.table-wrap .bold {
    font-weight: 700;
}

.text-table-container::before {
    /*    content: "";
    top: -82px;
    background-repeat: no-repeat;
    display: block;
    max-width: 1440px;
    height: 1596px;
    position: absolute;
    left: -102px;
    width: 1440px;
    z-index: -1;
    background-image: url(/images/SBFE/divider_1.png);*/
}

.wellbeing-section h2 {
    font-weight: 400;
}

.wellbeing-section p {
    font-size: 1rem;
    /* font-weight: 400;
  padding: 0 10%;
  max-width: 1200px;
  font-size: 22px; */
    padding: 15px 0;
}

.wellbeing-section img {
    max-height: 65px;
}

/* multi viedo container */
.multi-viedo-container .video-wrap {
    margin-bottom: 80px;
    position: relative;
}

.milestone-start,
.milestone,
.milestone-finish {
    border-radius: 100%;
    background-image: linear-gradient(35deg, #def3f8 7%, #5bc2dc 100%);
    border: 2px solid #5bc2dc;
    width: 25px;
    height: 25px;
    position: absolute;
    display: inline-block;
    z-index: 1;
}

.milestone-start {
    left: 70px;
    bottom: 310px;
}

    .milestone-start:before {
        height: 350px;
        height: 470px;
        background-color: #5bc2dc;
        transform: translate(8px, 0px) rotate(0deg);
        transform: translate(8px, 21px) rotate(0deg);
        content: "";
        display: inline-block;
        width: 4px;
        position: absolute;
    }

    .milestone-start:after {
        content: "Start";
        display: inline-block;
        transform: translateY(-30px);
    }

.milestone {
    position: absolute;
    left: 70px;
    top: 70px;
}

    .milestone:after {
        display: inline-block;
        position: absolute;
        transform: translate(8px, 21px);
        background-color: #5bc2dc;
        content: "";
        height: 1200px;
        width: 4px;
    }

.milestone-finish {
    left: 70px;
    bottom: 540px;
}

    .milestone-finish::before {
        height: 241px;
        background-color: #5bc2dc;
        transform: translate(8px, -242px) rotate(0deg);
        content: "";
        display: inline-block;
        width: 4px;
        position: absolute;
    }

    .milestone-finish::after {
        content: "Finish";
        display: inline-block;
        transform: translate(2px, 30px);
    }

.content-box .copy-box {
    background: #f1f2f2;
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.12), 0 2px 2px rgba(50, 50, 50, 0.12), 0 4px 4px rgba(50, 50, 50, 0.12), 0 8px 8px rgba(50, 50, 50, 0.12), 0 16px 16px rgba(50, 50, 50, 0.12);
    border-radius: 8px;
}

.content-box.final-white .copy-box {
    padding-top: 62px;
    padding-left: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
}

.content-box.final-white {
    bottom: 380px;
    left: 50px;
    right: 0;
}

.content-box {
    max-width: 600px;
    width: 100%;
    right: 50px;
    position: absolute;
    bottom: 300px;
}

.group-wrapper {
    width: 100%;
    display: inline-block;
}

.content-box .image-thumbnail {
    width: 90%;
    height: 300px;
    margin: auto;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    /* min-height: 1px; */
    max-height: 1038px;
    max-width: 1284px;
    -webkit-opacity: 1;
}

.content-box .dbnewpicture-img {
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    opacity: 0;
    -webkit-opacity: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: block;
    -webkit-opacity: 1;
}

.content-box.start-white {
    bottom: 288px;
    left: 50px;
    right: 0;
    top: auto;
}

    .content-box.start-white .copy-box {
        padding-top: 24px;
        padding-left: 24px;
        padding-bottom: 62px;
        padding-right: 24px;
    }

.desktop-view {
    display: block !important;
}

.mobile-view {
    display: none !important;
}

.slider-container {
    height: 100%;
}

    .slider-container .slick-prev:before {
        position: relative;
        left: 50px;
        width: 35px;
        height: 35px;
    }

    .slider-container .slick-next:before {
        position: relative;
        right: 50px;
        top: 15px;
        width: 35px;
        height: 35px;
    }

.add-img-icon {
    position: relative;
    top: -130px;
    right: -100px;
}

.add-img-icon-new {
    position: relative;
    top: -100px;
    left: 230px;
}

.add-img-icon__autres {
    position: relative;
    top: -50px;
    left: 225px;
}

.sitemap-container ul {
    list-style-type: none;
}

.sitemap-container li {
    padding: 7px 0;
}

.sitemap-container a:hover {
    text-decoration: none;
    color: #03DBDB;
}

/* Full-screen overlay */
.cookie-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #058fb0 !important;
    display: none;
    z-index: 999999; /* Make sure it's on top */
}

/* Centered cookie popup */
.cookie-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #333;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    /* width: 350px; */
    z-index: 999999; /* Above overlay */
    max-width: 1110px !important;
    width: 100% !important;
    box-shadow: 0px 4px 30px .09px #bbe0e5;
    border-radius: 5px;
    padding: 1.65rem 1.65rem 1.25rem 1.65rem !important;
    text-align: left;
}

    .cookie-popup p {
        margin: 0 0 10px;
        font-size: 16px;
    }

    .cookie-popup button {
        padding: 5px 20px;
        cursor: pointer;
        font-size: 16px;
    }

.popup-btn-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 36px;
}

    .popup-btn-container .custom-btn {
        margin: 0 16px 16px 16px;
    }

        .popup-btn-container .custom-btn:first-child {
            margin-left: 0;
        }

.datepicker td, .datepicker th {
    width: 35px !important;
    height: 35px !important;
}

/* .bootstrap-timepicker-widget table td input{
  border: none;
}

.maintance-wrapper{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.maintance-wrapper img{
  height: 24px;
  width: 24px;
}

*/

.maintance-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .maintance-wrapper img {
        height: 24px;
        width: 24px;
    }

.video-title {
    font-size: 32px;
    margin-bottom: 0px;
}

.video-descripition {
    font-size: 20px;
    width: 70%;
    margin: 0 auto;
    padding: 30px 0;
}

.feed {
    padding: 50px 270px;
}

.feed a {
    justify-self: center;
}

    .feed h2 {
        margin-bottom: 50px;
    }

    .feed span {
        font-size: .7rem;
        font-style: italic;
        line-height: 1.2;
        display: block;
        margin: 0;
        padding: 0;
    }

    .feed button {
        display: flex;
        justify-self: center;
        margin: 0 0 20px;
    }
    /*Tanveer25082025*/
    .feed .feed-banner img {
        margin-bottom: 50px;
        width: 100%;
        object-fit:contain;
    }
    .feed img {
        max-width: 100%;
        height: auto;
    }
/*Tanveer25082025*/
.feed__quotes-content {
    background-color: #f7fcfd;
    padding: 10px 0;
    margin: 50px 0;
}

.feed__quotes {
    position: relative;
    background-color: #f7fcfd;
    padding: 50px;
    font-style: italic;
    text-align: center;
    margin-bottom:30px;
}

    .feed__quotes::before {
        content: "";
        position: absolute;
        background: url(/images/SBFE/quote_left.svg) no-repeat;
        height: 50px;
        width: 35px;
        left: 10px;
        top: 20px;
        background-size: contain;
    }

    .feed__quotes::after {
        content: "";
        position: absolute;
        background: url(/images/SBFE/quote_right.svg) no-repeat;
        height: 50px;
        width: 35px;
        bottom: 10px;
        right: 40px;
        background-size: contain;
    }

.feed__author {
    font-weight: 500;
}

.feed video {
    display: flex;
    width: 100%;
    height: auto;
    justify-self: center;
}

.values-container::before {
    /* content: "";
  background-image: url(../images/SBFE/clouds_half.png);
  top: -82px;
  background-repeat: no-repeat;
  display: block;
  height: 500px;
  position: absolute;
  z-index: -1;
  max-width: 1440px;
  left: 50%;
  width: 1440px;
  margin-left: -720px; */
}

.bg-feed-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.tab-title-text {
    text-transform: uppercase;
    font-size: 1.25rem;
    color: #5bc2dc;
    text-align: center;
    box-shadow: 0 4px 0 0 #5bc2dc;
    max-width: 300px;
    margin: 1.25rem auto calc(1.25rem* 2);
    padding-bottom: 0.75rem;
}

.sup {
    top: -0.5rem;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.sub {
    bottom: -0.5rem;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

/* serach css */

/* .top-nav-search-v2 {
  min-width: 45px
}


.top-nav-search-v2 {
  max-height: 2.8125rem
}

@media(max-width: 991px) {
  .top-nav-search-v2 {
      position: fixed !important;
      top: .25rem;
      left: 3rem
  }
}

@media(min-width: 992px) {
  .top-nav-search-v2 {
      transform: translateY(-25%)
  }
}


@media screen and (max-width: 992px) {
  #navigation .top-nav-search-v2 {
      display: none
  }
}

@media screen and (max-width: 992px) {
  #navigation .top-nav-search-v2 {
      display: none
  }
} */



.search-box {
    display: none;
    position: relative;
    right: 0;
    margin: 0 auto;
    width: 900px;
    top: 0;
    /* height: 50px; */
    background-color: white;
    z-index: 999;
}

.search-container {
    position: relative;
    top: 4px;
}

.search_results {
    position: relative;
    top: 0;
    /* right: 45px;
  width: 700px; */
    width: 900px;
    margin: 0 auto;
}

.search-icon {
    cursor: pointer;
}

.nav-item .lni-home-2 {
    position: relative;
    top: 6px;
}

.nav-item .lni-search-1 {
    position: relative;
    top: 3px;
}

.results-wrap {
    position: relative;
    width: 100%;
    right: 0px;
    top: 0px;
    background-color: #fff;
    height: calc(100vh - 190px);
    overflow-y: auto;
    padding: 40px;
    display: none;
    margin: 0 auto;
    z-index: 99;
}

.results-wrap {
}

.result-item a h3 {
    /* font-size: 16px; */
    font-size: 16px;
    color: #058fb0 !important;
    text-transform: none;
}

.result-item {
    margin-bottom: 40px;
}

    .result-item a {
        text-decoration: none;
    }

    .result-item p {
        font-size: 14px;
        text-transform: none;
    }

.pagination {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}

    .pagination li {
        margin: 0 5px;
        cursor: pointer;
        padding: 8px 12px !important;
        border-radius: 5px;
        border: 1px solid #ddd;
    }

        .pagination li.disabled,
        .pagination li.active {
            background-color: #058fb0;
            cursor: not-allowed;
        }

            .pagination li.disabled a,
            .pagination li.active a {
                color: #fff;
            }

        .pagination li:hover:not(.disabled) {
            /* background-color: #f0f0f0; */
        }

        .pagination li a {
            text-decoration: none;
            color: black;
        }

.search-count {
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 600;
}

/* .nav-link.active{
  font-weight: 400;
  text-shadow: .25px .25px 0px #999, -0.25px -0.25px 0px #999, .25px -0.25px 0px #999, -0.25px .25px 0px #999;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
}

.nav-link.active::before{
  content: "";
    width: 69px;
    height: 69px;
    border-radius: 45%;
    background: #7ccee2;
    position: absolute;
    top: 40px;
} */


/* slick placeholder */

/* Prevent flickering by hiding the slider initially */


/* Placeholder Styling */
.slider-placeholder {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 20px;
}

.skeleton-box {
    width: 100%;
    height: 400px;
    background: linear-gradient(90deg, #fff 25%, #fff 50%, #fff 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

/* Smooth Loading Animation */
@keyframes loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Hide Slick initially */
.banner-section .hero-slider {
    /* display: none; */
    visibility: hidden;
}

/* .banner-section {
  height: 450px;
} */

#header {
    height: 143px;
}

.content-indent {
    padding-left: 30px;
}

.article-card {
    background-color: white;
    /* border: 1px solid red; */
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.03px 4px 0.09px;
    overflow: hidden;
    border-radius: 16px;
    margin: 20px 0 0;
    height: 560px !important;
}

.slick-slide.article-card{
    margin 0 20px;
}



.article-card img {
    height: 216px;
    width: 100%;
    object-fit: cover;
}

    .article-card .article-details {
        padding: 16px;
    }

        .article-card .article-details h3 {
            font-size: 16px;
            font-weight: 400;
            font-style: normal;
            line-height: 22px;
            color: #000000;
        }

        .article-card .article-details p {
            padding: 0;
            font-size: 14px;
            line-height: 22px;
            text-align:left;
        }

        .article-card .article-details .publishing-date {
            font-size: 13px;
            color: #b3b5b8;
            margin-bottom: 8px;
            text-align:left;
        }

.navigation-items span {
    /* margin:0 8px; */
    border-right: 1px solid #058fb0;
    color: #058fb0;
    font-size: 13px;
    padding: 0 8px;
    margin-bottom: 4px;
    text-align: left;
}

.navigation-items {
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

    .navigation-items span:last-child {
        border-right: none;
    }

    .navigation-items span:first-child {
        padding-left: 0;
    }

.slider-container .slick-dots {
    bottom: -50px !important;
}

.article-slider-container.slider-container .slick-prev:before {
    left: -70px
}

.article-slider-container.slider-container .slick-next:before {
    right: -90px
}

.article-slider-container.slider-container .slick-track {
    padding: 24px 0;
}

.article-list-section .about-content {
    min-height: 200px !important;
    padding-bottom: 40px;
}

.article-card {
    text-decoration: none;
}

.form-control:focus {
    box-shadow: none;
    border-color: #dee2e6;
}

/*
.img-bg-wrap{
  background-image: url('/images/SBFE/suntory_thumb.png');
} */

.img-bg-wrap {
    /* width: 300px;
  height: 200px;  */
    background-image: url('/images/SBFE/suntory_thumb.png');
    background-size: cover;
    background-position: center;
}

.lazy-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0; /* Initially hide the image */
    transition: opacity 0.5s ease-in-out;
}

.custom-feedback {
    color: #ad3d36;
}



.invalid-feedback {
    display: none;
    color: red;
}

    .invalid-feedback.active {
        display: block;
    }

.padding-top-bottom {
    padding: 10px 0;
/*    60px 0*/
}


.custom-navbar .nav-link.active::before {
    content: "";
    width: 69px;
    height: 69px;
    border-radius: 45%;
    background: #7ccee2;
    position: absolute;
    top: 35px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding: 30px;
}

.custom-navbar .nav-link.active {
    font-weight: 600;
}

.custom-navbar .navbar-expand-lg .navbar-collapse {
    /*    overflow:hidden;*/
}

.custom-navbar.navbar .nav-link {
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.fact-para {
    max-width: initial !important;
}
.about-content video {
    width: 60% !important;
}
@media (max-width:768px){
    .hero-slider {
           min-height: 650px;
        margin-bottom: 0px !important;
}
}
/*Sri For Vertical scroll contactus find our products */
.google-map-poi-results-wrapper.google-map-poi-results-placeholder {
    max-height: 800px;
    overflow-y: scroll;
    padding: 20px;
}




/*Added 14-07-2025 cookies tabular format style*/


.RTE-table table {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    width: 100%;
    table-layout: fixed;
    border: 0;
    outline: 0;
}

.RTE-table th,
.RTE-table td {
    border: 1px solid #ccc;  
    padding: 12px;
    text-align: left;
    background-color: transparent !important;  
}

.RTE-table tr:first-child th,
.RTE-table tr:first-child td {
    font-weight: bold;  
    text-align: center;  
    background-color: transparent !important; / 
}

.RTE-table tr td:first-child {
    width: 20%;
}
.RTE-table thead tr {
    BACKGROUND: #eaeaea !important;
}
/*2208 brands font changes*/
.rte-footernote {
    margin-top: -20px;
    margin-bottom: 10px;
    font-style: italic;
   font-size:12px; 
}
.desc-rte p {
    font-weight: 400;
}