.scodix-banner {
    width: 100%;
    height: 90vh;
    background: radial-gradient(50% 112.3% at 50% 50%, var(--token-f1926bf1-5266-4e5d-8a4c-b917920798a1, #607D8B) 0%, var(--token-1419bdca-6686-4286-8296-42184f7fd851, rgb(38, 50, 56)) 100%);
    overflow: hidden;
    position: relative;
    /* background-image: url('../../public/img/scodixBanners/scodix-mobile-banner.webp');
    background-position: center center;
    background-repeat: no-repeat; */
}

.scodix-banner img {
    display: block;
    /* width: 250%;
    height: 120%; */
    position: relative;
    /* top: -115px;
    left: -280px; */
    animation: fade-in 1.5s cubic-bezier(0.12, 0.23, 0.5, 1);
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes fade-in-text {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

.scodix-banner-text {
    width: 100%;
    height: 100%;
    animation: fade-in-text 2s cubic-bezier(0.12, 0.23, 0.5, 1);
    padding-bottom: 70px;
    padding-left: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: start;
}

.scodix-banner-heading {
    font-size: 25px;
    color: #bfbfbf;
    font-family: Proxima Nova, Helvetica, Arial, sans-serif;
    font-weight: 900;
    margin-bottom: 0;
    line-height: -1;
    text-align: left;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .25);
}

.scodix-banner-heading span {
    display: block;
    word-spacing: -2px;
    letter-spacing: -1px;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.scodix-banner-subheading {
    margin-top: -20px;
}

.scodix-banner-link {
    display: none;
}

.scodix-banner-subheading {
    margin-top: -20px;
}

.scodix-banner-main {
    display: none !important;
}

/* .scording-banner-mobile{
    top: -100px;
    left: -100px;
    display: block !important;
    width: 150%;
    height: 120%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    image-rendering: auto;
} */
.scodix-bg-image {
    position: relative;
    z-index: 99;
}

.scodix-banner {
    display: none;
}

.scodix-links {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: max-content;
}

.scodix-links a {
    text-transform: uppercase;
}

@media (min-width: 575px) {
    .scodix-banner-heading {
        font-size: 38px;
    }

    .scodix-banner-subheading {
        margin-top: -30px;
    }

    .scodix-banner-text {
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .scodix-banner-heading {
        font-size: 50px;
    }
}

@media (min-width: 800px) {
    .scodix-banner-link a {
        font-size: 13.5px;
        font-family: Proxima Nova, Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        color: #fff !important;
        font-weight: 700;
        cursor: pointer;
        text-decoration: none !important;
        letter-spacing: 0.8px;
    }

    .scodix-banner-link a:hover {
        transform: scale(1.05) rotate(0deg) translateZ(0px);
        flex-shrink: 0;
        opacity: 1;
        transition: all 0.2s;
        color: rgb(33, 150, 243) !important;
        text-decoration: none !important;
    }

    .scodix-banner-link {
        align-items: flex-end;
        display: flex;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        height: min-content;
        justify-content: flex-start;
        overflow: visible;
        padding: 0px 10px 10px 0;
        position: relative;
        transform: perspective(1200px);
        width: 100%;
    }

    /* .scodix-banner img{
        width: 150%;
        height: 120%;
        border-radius: inherit;
        object-position: center;
        object-fit: cover;
        image-rendering: auto;
        top: -100px;
        left: -400px;
    } */
    .scodix-banner {
        width: 100%;
        height: 600px;
        background: radial-gradient(50% 112.3% at 50% 50%, #607D8B 0%, rgb(38, 50, 56) 100%);
        overflow: hidden;
        position: relative;
    }

    .scodix-banner-heading {
        font-size: 47px;
    }
}

/*@media (min-width: 991px) {*/
/* .scording-banner-mobile {
    top: -100px;
    left: -100px;
    display: block !important;
    width: 150%;
    height: 120%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    image-rendering: auto;
} */
/*}*/
@media (min-width: 1200px) {
    .scodix-banner-subheading {
        margin-top: -40px;
    }

    .scodix-banner {
        display: block;
    }

    .scodix-banner-main {
        top: -120px;
        left: -150px;
        display: block !important;
        width: 150%;
        height: 120%;
        border-radius: inherit;
        object-position: center;
        object-fit: cover;
        image-rendering: auto;
    }

    .scodix-banner-text {
        padding-bottom: 30px;
    }
}

@media (min-width: 1400px) {
    /* .scording-banner-mobile{
        top: -100px;
        left: -50px;
        display: block !important;
        width: 110%;
        height: 175%;
        border-radius: inherit;
        object-position: center;
        object-fit: cover;
        image-rendering: auto;
    } */
    .scodix-banner-main {
        top: -130px;
        left: -350px;
        display: block !important;
        width: 165%;
        height: 122%;
        border-radius: inherit;
        object-position: center;
        object-fit: cover;
        image-rendering: auto;
    }
}

@media (min-width: 1600px) {
    .scodix-banner-main {
        top: -100px;
        left: -350px;
        display: block !important;
        width: 150%;
        height: 120%;
        border-radius: inherit;
        object-position: center;
        object-fit: cover;
        image-rendering: auto;
    }

    /* .scording-banner-mobile{
        display: none !important;
    } */
    .scodix-banner-heading span {
        display: block;
    }

    .scodix-banner-text {
        padding-bottom: 20px;
    }
}