﻿section {
    
}

h1, .h1 {
    font-family: "Inter", sans-serif;
    font-size: 60px;
    font-weight: 400;
}

h2, .h2 {
    font-family: "Inter", sans-serif;
    font-size: 56px;
    font-weight: 400;
}

h3, .h3 {
    font-family: "Inter", sans-serif;
    font-size: 48px;
    font-weight: 400;
}

h5, .h5 {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.form-check-input {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-top: 0;
    background-color: #23222B;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #383645;
}

.elysium-accelertor-program {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    font-family: "Inter", sans-serif;
}

    .elysium-accelertor-program .top-spacing {
        padding-top: 140px;
    }

    .elysium-accelertor-program .RadialGradient:before {
        z-index: 0;
        left: -250px;
        top: 100px;
    }

.BtnAnimation {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.BtnGreenBg {
    font-family: "Inter", sans-serif;
    background-color: #9fc131;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    color: #140533;
}

.what-is-elysium {
    background-position: -297px 155px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .what-is-elysium .bouble-image {
        width: 300px;
        height: 300px;
        mix-blend-mode: screen;
        background-repeat: no-repeat;
        left: 57%;
        bottom: -100px;
        z-index: -1;
    }

.more-about-elysium-acc {
    background-position: 323px 48px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.GradientBox {
    
    padding: 1px;
    border-radius: 16px;
}

    .GradientBox .InnerGradientBox {
        position: relative;
        border-radius: 16px;
        height: 100%;
        background-color: #23222B;
    }

        .GradientBox .InnerGradientBox::before {
          
            opacity: 0.7;
            content: "";
            position: absolute;
            top: -70%;
            right: 0;
            bottom: 0;
            left: 0;
        }

.more-about-elysium-acc .more-about-card .image-set {
    width: 72.3px;
    height: 96px;
}

.more-about-elysium-acc .more-about-card .more-about-card-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
}

.more-about-elysium-acc .more-about-card .more-about-card-text {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
}

.BtnGreenBordered {
    font-size: 16px;
    font-weight: 600;
    color: #9fc131;
    border: 1px solid #9fc131;
    border-radius: 8px;
    text-decoration: none;
}

    .BtnGreenBordered:hover {
        background-color: transparent;
        color: #140533;
    }

#menu .BtnGreenBordered {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #9fc131 !important;
    border: 1px solid #9fc131 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
}

    #menu .BtnGreenBordered:hover {
        background-color: #9fc131 !important;
        color: #140533 !important;
    }

.what-is-elysium .RadialGradient:before {
    top: -256px;
    left: -268px;
}

.testimonials {
    background-position: -178px 106px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 140px;
    padding-bottom: 140px;
}

    .testimonials .RadialGradient:before {
        left: 333px;
        bottom: -258px;
    }

    .testimonials .image-set {
        width: 72px;
        height: 96px;
        right: 0;
        top: -20px;
    }

.trusted-by .RadialGradient:before {
    left: 307px !important;
    top: -258px !important;
}

.trusted-by img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 70px;
    margin-bottom: 25px;
}
@media all and (max-width: 991px) {
    .RadialGradient::before {
        content: none !important;
    }

    .elysium-accelertor-program .top-spacing .elysium-text {
        white-space: wrap;
    }

    .what-is-elysium .bouble-image {
        background-image: url("../images/bouble-image.png");
        width: 222px;
        height: 222px;
        mix-blend-mode: screen;
        background-repeat: no-repeat;
        left: 49%;
        bottom: -50px;
        z-index: -1;
    }
}

.unleashProject .unleash-text {
    padding-top: 32px;
    padding-bottom: 56px;
    font-family: Archivo;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
}

.unleashProject .form .form-control::placeholder {
    font-family: $roboto-font-family;
}

.unleashProject .set-border {
    border-bottom: 2px solid #383645;
}

.unleashProject .button-set {
    background: #9FC131;
    border-radius: 8px;
    padding: 15.5px 32px 15.5px 32px;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0em;
    color: #140533;
}

.unleashProject .setbutton-margin {
    margin-top: 48px;
}

.trusted-by .RadialGradient::before {
    left: 307px !important;
    top: -258px !important;
}

.trusted-by img {
    object-fit: contain;
    height: 70px;
    margin-bottom: 25px;
}

.social-icons {
    display: flex;
    margin: 0;
}

.social-icons li {
    margin-right: 20px;
}

.social-icons li:last-child {
    margin-right: 0;
}

.social-icons li .icon {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 1024px) {
    .what-is-elysium .bouble-image {
        background-image: url("../images/bouble-image.png");
        width: 222px;
        height: 222px;
        mix-blend-mode: screen;
        background-repeat: no-repeat;
        left: 55%;
        bottom: -30px;
        z-index: -1;
    }

    .testimonials .more-about-card-text {
        padding-right: 0px;
    }
}

@media all and (max-width: 575px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    .padding {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .elysium-accelertor-program.RadialGradient:before {
        z-index: 0;
        left: -47px;
    }

    .elysium-accelertor-program .top-spacing {
        padding-top: 202px;
    }

        .elysium-accelertor-program .top-spacing .elysium-text {
            white-space: wrap;
            font-size: 48px;
            font-weight: 600;
        }

        .elysium-accelertor-program .top-spacing .GreenColor {
            font-size: 48px;
            font-weight: 600;
        }

        .elysium-accelertor-program .top-spacing .elysiumtext {
            margin-top: 32px;
            font-size: 18px;
            font-weight: 600;
        }

    .what-is-elysium.RadialGradient {
        position: relative;
    }

        .what-is-elysium.RadialGradient:before {
            content: "";
            max-width: 626px;
            width: 100%;
            height: 569px;
            left: -50px;
            bottom: -183px;
            background: transparent radial-gradient(closest-side at 50% 50%, #fa45c1 0%, #cb389d 21%, #571843 67%, #000000 100%) 0% 0% no-repeat padding-box;
            mix-blend-mode: color-dodge;
            opacity: 0.42;
            z-index: -1;
        }

        .what-is-elysium.RadialGradient.top-minus:before {
            top: -250px;
        }

        .what-is-elysium.RadialGradient.left-minus:before {
            left: -250px;
        }

    .what-is-elysium .top-spacing {
        padding-top: 20px;
    }

        .what-is-elysium .top-spacing .elysium-text {
            font-size: 48px;
            font-weight: 600;
        }

        .what-is-elysium .top-spacing .GreenColor {
            font-size: 48px;
            font-weight: 600;
        }

        .what-is-elysium .top-spacing .elysiumtext {
            margin-top: 32px;
            font-size: 18px;
            font-weight: 600;
        }

    .what-is-elysium .bouble-image {
        background-image: url("../images/bouble-image.png");
        width: 222px;
        height: 222px;
        mix-blend-mode: screen;
        background-repeat: no-repeat;
        left: 27%;
        bottom: -100px;
        z-index: -1;
    }

    .more-about-elysium-acc .padding-set {
        padding-bottom: 90px;
    }

    .more-about-elysium-acc .more-about {
        font-family: $archivo-font-family;
        font-size: 64px;
        font-weight: 400;
        line-height: 72px;
        letter-spacing: 0;
        text-align: left;
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 0px;
    }

    .more-about-elysium-acc .more-about-bold {
        font-family: $archivo-font-family;
        font-weight: 700;
        letter-spacing: 0em;
        text-align: left;
        font-size: 36px;
        color: #fff;
        line-height: 40px;
        margin-bottom: 0px;
    }

    .unleashProject {
        padding-top: 50px;
    }

        .unleashProject .unleash-heading {
            font-size: 36px;
        }

        .unleashProject .unleash-text {
            padding-top: 24px;
            padding-bottom: 40px;
            font-size: 32px;
        }

        .unleashProject .set-margin-check {
            margin-bottom: 20px;
        }

        .unleashProject .setbutton-margin {
            margin-top: 28px;
        }

    .testimonials {
        margin-top: 50px;
        padding-bottom: 0px;
    }
}


