/*

    HELPERS

*/



/*

    GUTTERS

*/

.g-6, .gx-6 {

    --bs-gutter-x: 6rem;

}

.g-6, .gy-6 {

    --bs-gutter-y: 6rem;

}

/*

    PADDING1

*/

.p-6{

    padding: 6rem!important;

}

.ps-6, .px-6{

    padding-left: 6rem!important;

}

.pe-6, .px-6{

    padding-right: 6rem!important;

}

.pt-6, .py-6{

    padding-top: 6rem!important;

}

.pb-6, .py-6{

    padding-bottom: 6rem!important;

}

/* MARGIN  */

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.mt-n6,
.my-n6 {
    margin-top: -6rem !important;
}

.mr-n6,
.mx-n6 {
    margin-right: -6rem !important;
}

.mb-n6,
.my-n6 {
    margin-bottom: -6rem !important;
}

.ml-n6,
.mx-n6 {
    margin-left: -6rem !important;
}
@media (max-width: 991.99px) {
    .container{
        width: 100%;
        max-width: 100%;
    }
}
@media (min-width: 576px) {

    .g-sm-6, .gx-sm-6 {

        --bs-gutter-x: 6rem;

    }

    .g-sm-6, .gy-sm-6 {

        --bs-gutter-y: 6rem;

    }

    .p-sm-6{

        padding: 6rem!important;

    }

    .ps-sm-6, .px-sm-6 {

        padding-left: 6rem !important;

    }



    .pe-sm-6, .px-sm-6 {

        padding-right: 6rem !important;

    }



    .pt-sm-6, .py-sm-6 {

        padding-top: 6rem !important;

    }



    .pb-sm-6, .py-sm-6 {

        padding-bottom: 6rem !important;

    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }
    .m-sm-n3 {
        margin: -1rem !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }
    .m-sm-n4 {
        margin: -1.5rem !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }
    .m-sm-n5 {
        margin: -3rem !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

}



@media (min-width: 768px) {

    .g-md-6, .gx-md-6 {

        --bs-gutter-x: 6rem;

    }

    .g-md-6, .gy-md-6 {

        --bs-gutter-y: 6rem;

    }

    .p-md-6{

        padding: 6rem!important;

    }

    .ps-md-6, .px-md-6 {

        padding-left: 6rem !important;

    }



    .pe-md-6, .px-md-6 {

        padding-right: 6rem !important;

    }



    .pt-md-6, .py-md-6 {

        padding-top: 6rem !important;

    }



    .pb-md-6, .py-md-6 {

        padding-bottom: 6rem !important;

    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }
    .m-md-n3 {
        margin: -1rem !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }
    .m-md-n4 {
        margin: -1.5rem !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }
    .m-md-n5 {
        margin: -3rem !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

}

@media (min-width: 992px) {

    .g-lg-6, .gx-lg-6 {

        --bs-gutter-x: 6rem;

    }

    .g-lg-6, .gy-lg-6 {

        --bs-gutter-y: 6rem;

    }

    .p-lg-6{

        padding: 6rem!important;

    }

    .pt-lg-6, .py-lg-6{

        padding-top: 6rem!important;

    }

    .pb-lg-6, .py-lg-6{

        padding-bottom: 6rem!important;

    }

    .ps-lg-6{

        padding-left: 6rem!important;

    }

    .pe-lg-6{

        padding-right: 6rem!important;

    }



    .mt-lg-n5, .my-lg-n5, .m-lg-n5{

        margin-top: -3rem!important;

    }

    .mt-lg-n6, .my-lg-n6, .m-lg-n6{

        margin-top: -6rem!important;

    }

    .mb-lg-n5, .my-lg-n5, .m-lg-n5{

        margin-bottom: -3rem!important;

    }

    .ml-lg-n5, .mx-lg-n5, .m-lg-n5{

        margin-left: -3rem!important;

    }

    .mr-lg-n5, .mx-lg-n5, .m-lg-n5{

        margin-right: -3rem!important;

    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }
    .m-lg-n3 {
        margin: -1rem !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }
    .m-lg-n4 {
        margin: -1.5rem !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }
    .m-lg-n5 {
        margin: -3rem !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

}

@media (min-width: 1200px) {

    .g-xl-6, .gx-xl-6 {

        --bs-gutter-x: 6rem;

    }

    .g-xl-6, .gy-xl-6 {

        --bs-gutter-y: 6rem;

    }

    .p-xl-6{

        padding: 6rem!important;

    }

    .ps-xl-6, .px-xl-6 {

        padding-left: 6rem !important;

    }



    .pe-xl-6, .px-xl-6 {

        padding-right: 6rem !important;

    }



    .pt-xl-6, .py-xl-6 {

        padding-top: 6rem !important;

    }



    .pb-xl-6, .py-xl-6 {

        padding-bottom: 6rem !important;

    }
    .m-xl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xl-n3 {
        margin: -1rem !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }
    .m-xl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xl-n5 {
        margin: -3rem !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }
    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -6rem !important;
    }
    .position-absolute-xl{
        position: absolute;
    }

}



@media (min-width: 1400px) {

    .g-xxl-6, .gx-xxl-6 {

        --bs-gutter-x: 6rem;

    }

    .g-xxl-6, .gy-xxl-6 {

        --bs-gutter-y: 6rem;

    }

    .p-xxl-6{

        padding: 6rem!important;

    }

    .ps-xxl-6, .px-xxl-6 {

        padding-left: 6rem !important;

    }



    .pe-xxl-6, .px-xxl-6 {

        padding-right: 6rem !important;

    }



    .pt-xxl-6, .py-xxl-6 {

        padding-top: 6rem !important;

    }



    .pb-xxl-6, .py-xxl-6 {

        padding-bottom: 6rem !important;

    }
    .m-xxl-n1 {
        margin: -0.25rem !important;
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xxl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -0.5rem !important;
    }
    .m-xxl-n3 {
        margin: -1rem !important;
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -1rem !important;
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -1rem !important;
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -1rem !important;
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -1rem !important;
    }
    .m-xxl-n4 {
        margin: -1.5rem !important;
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -1.5rem !important;
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -1.5rem !important;
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -1.5rem !important;
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -1.5rem !important;
    }
    .m-xxl-n5 {
        margin: -3rem !important;
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -3rem !important;
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -3rem !important;
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -3rem !important;
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -3rem !important;
    }
}

@media (min-width: 1560px) {
    .m-xxl-n6 {
        margin: -6rem !important;
    }

    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -6rem !important;
    }

    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -6rem !important;
    }

    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -6rem !important;
    }

    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -6rem !important;
    }
}
    @media (max-width: 768px) {
        .ratio21by9-to-1by1, .ratio16by9-to-1by1 {
            --bs-aspect-ratio: 100%;
        }

        .ratio21by9-to-cover, .ratio16by9-to-cover {
            --bs-aspect-ratio: 170%!important;
        }

    }