body {
    background-color: #fdfdfd;
}

.video {
    position: relative;
    aspect-ratio: 16 / 9 !important;
}

.text-purple {
    color: #C443E8 !important;
}

.bg-purple {
    background-color: #C443E8 !important;
}

.border-purple {
    border-color: #C443E8 !important;
}

.btn-big {
    --bs-btn-padding-y: 1.25rem;
    --bs-btn-padding-x: 4rem;
    --bs-btn-font-size: 1.5rem;

    transition: all 200ms;
}

.ribbon {
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    margin-right: -10px;
    position: absolute;
    padding-left: 5rem;
    padding-right: 5rem;
    background-color: #000000;
    transform: translateY(50%) translateX(50%) translateX(-50px) rotate(45deg);
}

/*
.btn-big:hover {
    --bs-btn-font-size: 1.25rem;

    margin-bottom: 0.45rem;
    border-bottom: solid 2px #188b6c;
}
*/

.wmax-50 {
    max-width: 50% !important;
}

.display-0 {
    font-size: 7rem;
}

.rounded-6 {
    border-radius: 4rem;
}

swiper-slide {
    overflow: hidden;
    margin-bottom: 2rem;
    background-size: cover;
    background-position: center;
}

swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

swiper-slide img {
    width: 100%;
    display: block;
    aspect-ratio: 122 / 151 !important;
}

.btn-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c542e8;
    --bs-btn-border-color: #c542e8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c135e7;
    --bs-btn-hover-border-color: #bf31e6;
    --bs-btn-focus-shadow-rgb: 197, 63, 235;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bf31e6;
    --bs-btn-active-border-color: #c84ce9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c542e8;
    --bs-btn-disabled-border-color: #c542e8;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3bc098;
    --bs-btn-border-color: #3bc098;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #38b590;
    --bs-btn-hover-border-color: #38b48f;
    --bs-btn-focus-shadow-rgb: 56, 176, 139;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #38b48f;
    --bs-btn-active-border-color: #43c39d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3bc098;
    --bs-btn-disabled-border-color: #3bc098;
}

@media (orientation: portrait) {

    .main {
        padding-top: 2rem !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .depoiments {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .main .brand {
        max-width: 30% !important;
    }

    .main h1 {
        font-size: 1em;
    }

    .main h2 {
        font-size: .8em;
        font-weight: 700 !important;
    }

    .main h3 {
        font-size: .75em;
        font-weight: 800 !important;
    }

    .main .mb-3 {
        margin-bottom: .75rem !important;
    }

    .main .mb-5 {
        margin-bottom: 1rem !important;
    }

    .btn-big {
        --bs-btn-padding-y: 1.25rem;
        --bs-btn-padding-x: 4rem;
        --bs-btn-font-size: 1rem;

        transition: all 200ms;
    }

    .rearrange-first {
        order: -1 !important;
    }

    .rearrange-last {
        order: 6 !important;
    }

    .rounded-6 {
        border-radius: 3rem;
    }

}