.jumbotron {
    position: relative;
    width: 100%;
    height: 442px;
    background: linear-gradient(180deg, #EDEEEE 0%, #EEEFEE 22.61%, #EDEEEE 49.22%, #EBEBEB 74.84%, #E2E4E3 100%);
    /*background: linear-gradient(180deg, #F1F1F3 0%, #DBDAD8 100%);*/
}

@media (max-width: 1024px) {
    .jumbotron {
        height: 361px;
    }
}
@media (max-width: 640px) {
    .jumbotron {
        height: 275px;
    }
}

.jumbotron-currency__container {
    position: relative;
}

.jumbotron__currency {
    z-index: 10;
    position: absolute;
    top: 24px;
    right: 24px;
    display: inline-block;
    padding: 16px 30px 16px 31px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .jumbotron__currency {
        display: none;
    }
}

.jumbotron--container {
    height: 100%;
}

.jumbotron__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jumbotron__title {
    padding: 0;
    margin-top: 102px;
    font-weight: 900;
    font-size: 36px;
    line-height: 150%;
    color: var(--black);
}

.jumbotron__description {
    margin-top: 21px;
    max-width: 397px;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
}

@media (max-width: 1024px) {
    .jumbotron__content {
        max-width: 525px;
    }
    .jumbotron__title {
        font-size: 28px;
        margin-top: 52px;
    }
}

@media (max-width: 768px) {
    .jumbotron__content {
        max-width: 430px;
    }
}


@media (max-width: 640px) {
    .jumbotron__content {
        max-width: 480px;
        margin-top: 15px;
    }
    .jumbotron__title {
        margin-top: 16px;
    }
    .jumbotron__description {
        margin-top: 18px;
        font-size: 14px;
    }
}

.jumbotron__pagination {
    position: relative;
    top: 294px;
    left: 10%;
    display: inline-block;
    height: min-content;
    width: auto !important;
    z-index: 15;
}
@media (max-width: 1024px) {
    .jumbotron__pagination {
        display: none;
    }
}

.jumbotron__pagination-text {
    padding: 0;
    margin: 0;
}

.jumbotron__pagination-bullet {
    /*outline: none ;*/
}

.jumbotron__pagination-bullet .jumbotron__pagination-text {
    font-weight: 900;
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
    opacity: 0.15;
    margin-right: 10px;
    cursor: pointer;
}

.jumbotron__pagination-bullet--active .jumbotron__pagination-text {
    opacity: 1;
}

/*.jumbotron__image > img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*}*/


.jumbotron__pagination-bullet {
    position: relative;
    width: 156px;
    height: auto;
    text-align: left;
    border-radius: 0;
    margin-right: 0px;
    background-color: transparent;
}
.jumbotron__pagination-bullet i {
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 1;
    width: 100%;
    background: var(--black);
    opacity: 0.15;
    height: 2px;
}
.jumbotron__pagination-bullet b {
    position: absolute;
    bottom: -5px;
    left:  0;
    z-index: 2;
    width: 0%;
    background: var(--black);
    height: 2px;
}

.jumbotron__pagination-bullet--active {
    background-color: transparent;
}
.jumbotron__pagination-bullet--active b {
    animation-name: countingBar;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate ;
    animation-fill-mode:forwards;
}

@keyframes countingBar {
    0% {width: 0;}
    100% {width: 400%;}
}

.jumbotron__image {
    width: 100%;
}
.jumbotron__image > img {
    width: 100%;
    height: auto;
}

.jumbotron__progressbar-2--active {
    transform: translateX(-32px);
}

.jumbotron__progressbar-3--active {
    transform: translateX(-64px);
}

.jumbotron__progressbar-4--active {
    transform: translateX(-96px);
}

.jumbotron:hover .jumbotron__pagination-bullet--active b {
    animation-name: none;
}

.jumbotron__slider {
    transform: translateY(-27px);
}

@media (max-width: 1024px) {
    .jumbotron__slider {
        transform: translateY(0px);
    }
}

.jumbotron__slider .swiper-slide {
    text-decoration: none;
    cursor: pointer;
}

.jumbotron-calcratigs--container {
    position: relative;
}

.jumbotron__slide-1 {
    background-image: url(/mfo/assets/images/jumbotron__slide-1.jpg);
    background-size: cover;
    background-position: right;
    height: 484px !important;
}
.jumbotron__slide-2 {
    background-image: url(/mfo/assets/images/jumbotron__slide-2.png);
    background-size: cover;
    background-position: right;
    height: 484px !important;
}

.jumbotron__slide-3 {
    background-image: url(/mfo/assets/images/jumbotron__slide-3.jpg);
    background-size: cover;
    background-position: right;
    height: 484px !important;
}

.jumbotron__slide-4 {
    background-image: url(/mfo/assets/images/jumbotron__slide-4.jpg);
    background-size: cover;
    background-position: right;
    height: 484px !important;
}

@media (max-width: 1024px) {
    .jumbotron__slide-1,
    .jumbotron__slide-2,
    .jumbotron__slide-3,
    .jumbotron__slide-4 {
        background-position: right 20% bottom 20px;
    }
    .jumbotron__slide-1 {
        background-position: right 20% bottom 40px;
    }
}

@media (max-width: 640px) {
    .jumbotron__slide-1,
    .jumbotron__slide-2,
    .jumbotron__slide-3,
    .jumbotron__slide-4 {
        height: fit-content !important;
        background-image: none;
    }
}