html {
    background-color: #11061C;
}

body {
    font-family: "Poppins", sans-serif;
    background-color: #11061C;
}

.text-medium {
    font-weight: 500;
}

span.text-primary, h1.text-primary, h2.text-primary, h3.text-primary, h4.text-primary, h5.text-primary,
h6.text-primary {
    color: #80baff !important;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: 700;
}

p {
    font-size: 17px;
    line-height: 24px;
}

.text-acumin {
    font-family: "Acumin", sans-serif;
    font-weight: 600;
}

.text-uppercase {
    text-transform: uppercase;
}

#cristian-card {
    background: rgb(9, 18, 41);
    background: -moz-linear-gradient(180deg, rgba(9, 18, 41, 1) 50%, rgba(9, 18, 41, 0.49763655462184875) 100%);
    background: -webkit-linear-gradient(180deg, rgba(9, 18, 41, 1) 50%, rgba(9, 18, 41, 0.49763655462184875) 100%);
    background: linear-gradient(180deg, rgba(9, 18, 41, 1) 50%, rgba(9, 18, 41, 0.49763655462184875) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#091229", endColorstr="#091229", GradientType=1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
}

#learn {
    background-image: url("images/learn-bg.webp");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

button.btn-primary, a.btn-primary, input.btn-primary {
    font-weight: bold;
    background-color: #EBFF00;
    border: 1px solid #EBFF00;
    color: black;
}

button.btn-primary:hover, button.btn-primary:active, a.btn-primary:hover, a.btn-primary:active {
    background-color: #DAED01;
    color: black;
}

#main {
    background: rgb(0,6,19);
    background: -moz-radial-gradient(circle, rgba(0,6,19,1) 50%, rgba(17,31,58,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,6,19,1) 50%, rgba(17,31,58,1) 100%);
    background: radial-gradient(circle, rgba(0,6,19,1) 50%, rgba(17,31,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000613",endColorstr="#111f3a",GradientType=1);
}

div.step-card {
    border-radius: 30px;
    border: 10px solid #EBFF00;
}

a.btn-success {
    background-color: #52cd1b;
    color: #1e1c1c;
    font-weight: bold;
    border-radius: 15px;
    border-width: 0px;
}

a.btn-success:hover, a.btn-success:active {
    background-color: #64E02C;
    color: #1e1c1c;
}

div.wrapper{
    position: relative;
    padding-bottom: 100%;
}

div.number{
    background-color: rgba(71, 62, 235, 0.32);
    width: 100%;
    height: 100%;
    border-radius: 15%;
    font-size: calc(2.5rem);
    font-family: 'Acumin', sans-serif;
    font-weight: bold;
    color: white;
    text-align: center;
    position: absolute;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

#schedule-card{
    max-width: 720px;
    text-align: center;
    padding: 2rem 3rem;
    border-radius: 30px;
    background: rgb(28,29,44);
    background: -moz-linear-gradient(180deg, rgba(28,29,44,1) 15%, rgba(16,18,37,1) 50%, rgba(34,40,51,1) 85%);
    background: -webkit-linear-gradient(180deg, rgba(28,29,44,1) 15%, rgba(16,18,37,1) 50%, rgba(34,40,51,1) 85%);
    background: linear-gradient(180deg, rgba(28,29,44,1) 15%, rgba(16,18,37,1) 50%, rgba(34,40,51,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1d2c",endColorstr="#222833",GradientType=1);
}

.text-poppins {
    font-family: "Poppins", sans-serif;
}

.elipsis-bg {
    background-image: url("images/left-elipsis.png"), url("images/right-elipsis.webp");
    background-position: center left, center right;
    background-repeat: no-repeat;
    background-size: 15vw, 15vw;
}

.text-orange {
    color: #FFAF15;
}

.text-semibold {
    font-weight: 600;
}

.text-extrabold {
    font-weight: 800;
}

.radial-gradient {
    background-image: url("images/radial-gradient.webp");
    background-position: center;
    background-size: cover;
}

.text-green {
    color: #00ff00;
}

button.btn-success, a.btn-success, input.btn-success {
    background-color: #00ff00;
}

#hero {
    background-image: url("images/Hero-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.text-highlight {
    color: #EBFF00;
}

.ff-bebas {
    font-family: "Bebas Neue", sans-serif;
}

.ff-poppins {
    font-family: "Poppins", sans-serif;
}

.fw-medium {
    font-weight: 500;
}

.bg-1 {
    background-image: url("images/FONDO 2.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fs-0 {
    font-size: 3rem;
}

@media (min-width: 576px) {
    /* Your CSS rules for screens SM and larger */
    .fs-0 {
        font-size: 3rem;
    }
}

@media (min-width: 768px) {
    /* Your CSS rules for screens MD and larger */
    .fs-0 {
        font-size: 3.5rem;
    }
}

@media (min-width: 992px) {
    /* Your CSS rules for screens LG and larger */
    .fs-0 {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    /* Your CSS rules for screens XL and larger */
    .fs-0 {
        font-size: 4rem;
    }
}

@media (min-width: 1400px) {
    /* Your CSS rules for screens XXL and larger */
    .fs-0 {
        font-size: 4rem;
    }
}

.goal-card {
    background-color: rgba(71, 62, 235, 0.32);
    border-radius: 2.5rem;
}

#mi-historia {
    background-image: url("images/FONDO 3.webp");
    background-size: 200% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-biography {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 28%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 28%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 28%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    border-radius: 2.5rem;
}

footer {
    background-color: #11061C;
}

.icon {
    width: 65%;
}

section.bg-dark, div.bg-dark, footer.bg-dar, header.bg-dark {
    background-color: #11061C !important;
}

#hero-2 {
    background-image: url("images/Hero-bg-2.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#venta-hero {
    background-image: url("images/venta-hero-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.venta-bg {
    background-image: url("images/venta-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.benefit-card {
    background: rgb(234,211,175);
    background: -moz-radial-gradient(circle, rgba(234,211,175,1) 0%, rgba(234,168,69,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(234,211,175,1) 0%, rgba(234,168,69,1) 100%);
    background: radial-gradient(circle, rgba(234,211,175,1) 0%, rgba(234,168,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead3af",endColorstr="#eaa845",GradientType=1);
}

.bonus-card {
    border: 5px solid #FFAF15;
    height: 100%;
}

.accordion-content {
    font-weight: 400 !important;
}

.accordion-header {
    font-weight: 700;
}

.arens-bg {
    background-image: url("images/cristian-home.png");
    background-size: 90%;
    background-position: top center;
    background-repeat: no-repeat;
}

.gradient-blur {
    background-image: url("images/gradients-bg.jpg");
    background-size: 100% 100%;
}

.gradient-blur-2 {
    background-image: url("images/gradients-bg-2.jpg");
    background-size: 100% 100%;
}

a.btn-orange {
    background-color: #DD7500;
    color: white;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

a.btn-orange:hover {
    background-color: #FFAF15;
    color: white;
}

a.btn-warning {
    background-color: #FFAF15;
}