/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 06 2025 | 02:09:24 */
.overflow-x{
	overflow-x: hidden;
}

.font-zilla{
	font-family: 'Zilla Slab', serif;
}

.font-geist{
	font-family: 'Geist', sans-serif;
}

.cursor-pointer{
    cursor: pointer;
}

.color-purple{
	color: #8a1a9b;
}

.bg-color-yellow{
    background-color: #FFC600;
}

.bg-color-pink{
    background-color: #E1A6E9;
}

.bg-color-green{
    background-color: #32B199;
}

.bg-color-orange{
    background-color: #FF851A;
}

.bg-color-strong-orange{
    background-color: #EB5428;
}

.bg-color-strong-pink{
    background-color: #FF4FB4;
}

.bg-color-purple{
    background-color: #7273E7;
}

.bg-color-strong-purple{
    background-color: #8A1A9A;
}

.bg-color-light-green{
    background-color: #80DFA6;
}

.bg-color-green{
    background-color: #32B199;
}

.fs-0{
    font-size: 0 !important;
}

.fs-1p5rem{
    font-size: 1.5rem !important;
}

.fs-2rem{
    font-size: 2rem !important;
}

.fs-2p5rem{
    font-size: 2.5rem !important;
}

.fs-3rem{
    font-size: 3rem !important;
}

@media(min-width: 576px){
    .fs-sm-3rem{
        font-size: 3rem !important;
    }
}

.fs-3p5rem{
    font-size: 3.5rem !important;
}

@media(min-width: 576px){
    .fs-sm-3p5rem{
        font-size: 3.5rem !important;
    }
}

.fs-4rem{
    font-size: 4rem !important;
}

@media(min-width: 576px){
    .fs-sm-4rem{
        font-size: 4rem !important;
    }
}

.fs-4p5rem{
    font-size: 4.5rem !important;
}

@media(min-width: 992px){
    .fs-lg-4p5rem{
        font-size: 4.5rem !important;
    }
}

.fs-4p9rem{
    font-size: 4.9rem !important;
}

.fs-5rem{
    font-size: 5rem !important;
}

@media(min-width: 768px){
    .fs-md-5rem{
        font-size: 5rem !important;
    }
}

.fs-6rem{
    font-size: 6rem !important;
}

@media(min-width: 768px){
    .fs-md-6rem{
        font-size: 6rem !important;
    }
}

.fs-7p5rem{
    font-size: 7.5rem !important;
}

.fs-8rem{
    font-size: 8rem !important;
}

@media(min-width: 1200px){
    .fs-xl-8rem{
        font-size: 8rem !important;
    }
}

.container-fluid.container-xxxl{
    max-width: 1920px;
}

.aspect-ratio-1{
    aspect-ratio: 1;
}

.w-80{
    width: 80%;
}

.h-70{
    height: 70%;
}

.h-70px{
    height: 70px;
}

.h-380px{
    height: 380px;
}

.mt-n-140px{
	margin-top: -140px;
}

.mt-n-150px{
    margin-top: -150px;
}

.mt-n-190px{
	margin-top: -190px;
}

.mt-n-25per,
.mt-n-25{
    margin-top: -25%;
}

.mb-n-5{
    margin-bottom: -3rem;
}

.w-300px{
    width: 300px;
}

.mw-300px{
	max-width: 300px;
}

.w-220px{
    width: 220px;
}

.w-150px{
    width: 150px;
}

.bottom-n-220px{
    bottom: -220px;
}

.bottom-n-160px{
    bottom: -160px;
}

.bottom-n-190px{
    bottom: -190px;
}

.end-n-50px{
    right: -50px;
}

.rounded-end-4{
    border-top-right-radius: var(--bs-border-radius-xl) !important;
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-0{
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.btn-yellow{
    background-color: #FFC600;
    color: #000;
}

.btn-yellow:hover,
.btn-yellow:focus{
    background-color: #efbb03;
    color: #000;
}

.btn-yellow:active{
    background-color: #cfa203;
    color: #000;
}

.bottom-n-60px{
    bottom: -60px;
}

.end-n-90px{
    right: -90px;
}

.h-400px{
    height: 400px;
}

.h-666px{
    height: 666px;
}

@media(min-width: 576px){
    .aspect-ratio-sm-16by11{
        aspect-ratio: 16 / 11;
    }
}

@media(min-width: 768px){
    .aspect-ratio-md-16by10{
        aspect-ratio: 16 / 10;
    }
}

@media(min-width: 992px){
    .aspect-ratio-lg-16by8{
        aspect-ratio: 16 / 8;
    }
}

@media(min-width: 1200px){
    .aspect-ratio-xl-16by7{
        aspect-ratio: 16 / 7;
    }
}

@media(min-width: 1400px){
    .aspect-ratio-xxl-16by6{
        aspect-ratio: 16 / 6;
    }
}

/* Height & width */
.min-h-300px{
    min-height: 300px;
}

.min-h-470px{
    min-height: 470px;
}

@media(min-width: 768px){
    .min-h-md-470px{
        min-height: 470px;
    }
}

.h-80{
    height: 80%;
}

@media(min-width: 768px){
    .w-md-100{
        width: 100% !important;
    }
}

.w-200px{
	width: 200px;
}

.w-250px{
    width: 250px;
}

@media(min-width: 576px){
    .w-sm-300px{
        width: 300px;
    }
}

.w-500px{
    width: 500px;
}

/* Margin positive */

.pt-6rem,
.py-6rem{
    padding-top: 6rem;
}

.pb-6rem,
.py-6rem{
    padding-bottom: 6rem;
}

.mb-4rem{
    margin-bottom: 4rem;
}

.mb-7rem{
	margin-bottom: 7rem;
}

.mb-10rem,
.my-10rem{
    margin-bottom: 10rem;
}

@media(min-width: 992px){
    .mb-10rem,
    .my-10rem{
        margin-bottom: 10rem !important;
    }
}

.mt-11rem,
.my-11rem{
    margin-top: 11rem;
}

.mb-11rem,
.my-11rem{
    margin-bottom: 11rem;
}

@media(min-width: 768px){
    .mt-md-11rem,
    .my-md-11rem{
        margin-top: 11rem !important;
    }
    
    .mb-md-11rem,
    .my-md-11rem{
        margin-bottom: 11rem !important;
    }
}

.mt-14rem,
.my-14rem{
    margin-top: 14rem;
}

.mb-14rem,
.my-14rem{
    margin-bottom: 14rem;
}

@media(min-width: 768px){
    .mt-md-14rem,
    .my-md-14rem{
        margin-top: 14rem !important;
    }

    .mb-md-14rem,
    .my-md-14rem{
        margin-bottom: 14rem !important;
    }
}

@media(min-width: 992px){
    .mt-lg-14rem,
    .my-lg-14rem{
        margin-top: 14rem !important;
    }

    .mb-lg-14rem,
    .my-lg-14rem{
        margin-bottom: 14rem !important;
    }
}

.mb-19rem,
.my-19rem{
    margin-bottom: 19rem;
}

@media(min-width: 1200px){
    .mb-xl-19rem,
    .my-xl-19rem{
        margin-bottom: 19rem !important;
    }
}

.mt-25rem{
    margin-top: 25rem;
}

@media(min-width: 1400px){
    .mt-xxl-25rem{
        margin-top: 25rem !important;
    }
}

/* Utilities */
.z-index-10{
	z-index: 10;
}

.reimagina-banner-decoration{
    transform: translate(-50%, -50%);
    top: 50%;
    width: 50%;	
    max-height: 1200px;
}

.reimagina-banner2{
    overflow-x: clip;
}

@media(max-width: 1199px){
    .reimagina-banner2{
        margin-top: 150px !important;
    }
}

.reimagina-banner2-decoration{
    top: 0;
    right: 0;
    transform: translate(50%, -22%);
    width: 45%;
    max-height: 1200px;
}

.reimagina-banner2-decoration-m{
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: calc(-230px * 0.9);
}

@media(min-width: 400px){
    .reimagina-banner2-decoration-m{
        margin-top: -230px;
    }
}

#reimaginaHomeSlider .item{
    z-index: 10;
	overflow-x: clip;
}

.lh-1p1{
	line-height: 1.1;
}

.lh-1p2{
    line-height: 1.2;
}

.lh-1p3{
    line-height: 1.3;
}

.lh-1p4{
    line-height: 1.4;
}