@font-face {
    font-family: "Bold";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/ArbFONTS-19305-alqabas-bold.ttf") format("truetype");
}
@font-face {
    font-family: "Regular";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/ArbFONTS-19307-alqabas-regular.ttf") format("truetype");
}
@font-face {
    font-family: "Light";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../fonts/ArbFONTS-19306-alqabas-light.ttf") format("truetype");
}
.img-100 {
    width: 100%;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-49 {
    width: 49%;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-48 {
    width: 48.5%;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-20 {
    width: 20%;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-25 {
    width: 25%;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-956 {
    width: 956px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-865 {
    width: 865px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-810 {
    width: 810px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-767 {
    width: 767px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-644 {
    width: 644px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-610 {
    width: 610px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-500 {
    width: 500px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-466 {
    width: 466px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-435 {
    width: 435px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-423 {
    width: 423px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-373 {
    width: 373px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-330 {
    width: 330px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-306 {
    width: 306px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-304 {
    width: 304px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-274 {
    width: 274px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-256 {
    width: 256px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-226 {
    width: 226px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.img-190 {
    width: 190px;
}
.col {
    flex: 1 0 0%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ms-0 {
    margin-left: 0px !important;
}
.me-0 {
    margin-right: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.ms-10 {
    margin-left: 10px !important;
}
.me-10 {
    margin-right: 10px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.mx-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.ms-15 {
    margin-left: 15px !important;
}
.me-15 {
    margin-right: 15px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mx-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.ms-20 {
    margin-left: 20px !important;
}
.me-20 {
    margin-right: 20px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mx-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.ms-30 {
    margin-left: 30px !important;
}
.me-30 {
    margin-right: 30px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.ps-0 {
    padding-left: 0px !important;
}
.pe-0 {
    padding-right: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.ps-10 {
    padding-left: 10px !important;
}
.pe-10 {
    padding-right: 10px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.ps-15 {
    padding-left: 15px !important;
}
.pe-15 {
    padding-right: 15px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.ps-20 {
    padding-left: 20px !important;
}
.pe-20 {
    padding-right: 20px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.ps-30 {
    padding-left: 30px !important;
}
.pe-30 {
    padding-right: 30px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
@media screen and (min-width: 576px) {
    .img-100-xs {
        width: 100%;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-49-xs {
        width: 49%;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-48-xs {
        width: 48.5%;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-20-xs {
        width: 20%;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-25-xs {
        width: 25%;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-956-xs {
        width: 956px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-865-xs {
        width: 865px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-810-xs {
        width: 810px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-767-xs {
        width: 767px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-644-xs {
        width: 644px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-610-xs {
        width: 610px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-500-xs {
        width: 500px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-466-xs {
        width: 466px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-435-xs {
        width: 435px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-423-xs {
        width: 423px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-373-xs {
        width: 373px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-330-xs {
        width: 330px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-306-xs {
        width: 306px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-304-xs {
        width: 304px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-274-xs {
        width: 274px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-256-xs {
        width: 256px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-226-xs {
        width: 226px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-190-xs {
        width: 190px;
    }
    .col-xs {
        flex: 1 0 0%;
    }
    .col-xs-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .my-xs-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mx-xs-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ms-xs-0 {
        margin-left: 0px !important;
    }
    .me-xs-0 {
        margin-right: 0px !important;
    }
    .mt-xs-0 {
        margin-top: 0px !important;
    }
    .mb-xs-0 {
        margin-bottom: 0px !important;
    }
    .my-xs-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mx-xs-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .ms-xs-10 {
        margin-left: 10px !important;
    }
    .me-xs-10 {
        margin-right: 10px !important;
    }
    .mt-xs-10 {
        margin-top: 10px !important;
    }
    .mb-xs-10 {
        margin-bottom: 10px !important;
    }
    .my-xs-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mx-xs-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ms-xs-15 {
        margin-left: 15px !important;
    }
    .me-xs-15 {
        margin-right: 15px !important;
    }
    .mt-xs-15 {
        margin-top: 15px !important;
    }
    .mb-xs-15 {
        margin-bottom: 15px !important;
    }
    .my-xs-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mx-xs-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .ms-xs-20 {
        margin-left: 20px !important;
    }
    .me-xs-20 {
        margin-right: 20px !important;
    }
    .mt-xs-20 {
        margin-top: 20px !important;
    }
    .mb-xs-20 {
        margin-bottom: 20px !important;
    }
    .my-xs-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mx-xs-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .ms-xs-30 {
        margin-left: 30px !important;
    }
    .me-xs-30 {
        margin-right: 30px !important;
    }
    .mt-xs-30 {
        margin-top: 30px !important;
    }
    .mb-xs-30 {
        margin-bottom: 30px !important;
    }
    .py-xs-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .px-xs-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ps-xs-0 {
        padding-left: 0px !important;
    }
    .pe-xs-0 {
        padding-right: 0px !important;
    }
    .pt-xs-0 {
        padding-top: 0px !important;
    }
    .pb-xs-0 {
        padding-bottom: 0px !important;
    }
    .py-xs-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .px-xs-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ps-xs-10 {
        padding-left: 10px !important;
    }
    .pe-xs-10 {
        padding-right: 10px !important;
    }
    .pt-xs-10 {
        padding-top: 10px !important;
    }
    .pb-xs-10 {
        padding-bottom: 10px !important;
    }
    .py-xs-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .px-xs-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-xs-15 {
        padding-left: 15px !important;
    }
    .pe-xs-15 {
        padding-right: 15px !important;
    }
    .pt-xs-15 {
        padding-top: 15px !important;
    }
    .pb-xs-15 {
        padding-bottom: 15px !important;
    }
    .py-xs-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .px-xs-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ps-xs-20 {
        padding-left: 20px !important;
    }
    .pe-xs-20 {
        padding-right: 20px !important;
    }
    .pt-xs-20 {
        padding-top: 20px !important;
    }
    .pb-xs-20 {
        padding-bottom: 20px !important;
    }
    .py-xs-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .px-xs-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ps-xs-30 {
        padding-left: 30px !important;
    }
    .pe-xs-30 {
        padding-right: 30px !important;
    }
    .pt-xs-30 {
        padding-top: 30px !important;
    }
    .pb-xs-30 {
        padding-bottom: 30px !important;
    }
}
@media screen and (min-width: 768px) {
    .img-100-sm {
        width: 100%;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-49-sm {
        width: 49%;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-48-sm {
        width: 48.5%;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-20-sm {
        width: 20%;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-25-sm {
        width: 25%;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-956-sm {
        width: 956px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-865-sm {
        width: 865px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-810-sm {
        width: 810px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-767-sm {
        width: 767px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-644-sm {
        width: 644px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-610-sm {
        width: 610px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-500-sm {
        width: 500px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-466-sm {
        width: 466px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-435-sm {
        width: 435px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-423-sm {
        width: 423px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-373-sm {
        width: 373px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-330-sm {
        width: 330px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-306-sm {
        width: 306px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-304-sm {
        width: 304px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-274-sm {
        width: 274px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-256-sm {
        width: 256px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-226-sm {
        width: 226px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-190-sm {
        width: 190px;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .my-sm-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mx-sm-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ms-sm-0 {
        margin-left: 0px !important;
    }
    .me-sm-0 {
        margin-right: 0px !important;
    }
    .mt-sm-0 {
        margin-top: 0px !important;
    }
    .mb-sm-0 {
        margin-bottom: 0px !important;
    }
    .my-sm-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mx-sm-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .ms-sm-10 {
        margin-left: 10px !important;
    }
    .me-sm-10 {
        margin-right: 10px !important;
    }
    .mt-sm-10 {
        margin-top: 10px !important;
    }
    .mb-sm-10 {
        margin-bottom: 10px !important;
    }
    .my-sm-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mx-sm-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ms-sm-15 {
        margin-left: 15px !important;
    }
    .me-sm-15 {
        margin-right: 15px !important;
    }
    .mt-sm-15 {
        margin-top: 15px !important;
    }
    .mb-sm-15 {
        margin-bottom: 15px !important;
    }
    .my-sm-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mx-sm-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .ms-sm-20 {
        margin-left: 20px !important;
    }
    .me-sm-20 {
        margin-right: 20px !important;
    }
    .mt-sm-20 {
        margin-top: 20px !important;
    }
    .mb-sm-20 {
        margin-bottom: 20px !important;
    }
    .my-sm-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mx-sm-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .ms-sm-30 {
        margin-left: 30px !important;
    }
    .me-sm-30 {
        margin-right: 30px !important;
    }
    .mt-sm-30 {
        margin-top: 30px !important;
    }
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .py-sm-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .px-sm-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ps-sm-0 {
        padding-left: 0px !important;
    }
    .pe-sm-0 {
        padding-right: 0px !important;
    }
    .pt-sm-0 {
        padding-top: 0px !important;
    }
    .pb-sm-0 {
        padding-bottom: 0px !important;
    }
    .py-sm-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .px-sm-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ps-sm-10 {
        padding-left: 10px !important;
    }
    .pe-sm-10 {
        padding-right: 10px !important;
    }
    .pt-sm-10 {
        padding-top: 10px !important;
    }
    .pb-sm-10 {
        padding-bottom: 10px !important;
    }
    .py-sm-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-sm-15 {
        padding-left: 15px !important;
    }
    .pe-sm-15 {
        padding-right: 15px !important;
    }
    .pt-sm-15 {
        padding-top: 15px !important;
    }
    .pb-sm-15 {
        padding-bottom: 15px !important;
    }
    .py-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .px-sm-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ps-sm-20 {
        padding-left: 20px !important;
    }
    .pe-sm-20 {
        padding-right: 20px !important;
    }
    .pt-sm-20 {
        padding-top: 20px !important;
    }
    .pb-sm-20 {
        padding-bottom: 20px !important;
    }
    .py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .px-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ps-sm-30 {
        padding-left: 30px !important;
    }
    .pe-sm-30 {
        padding-right: 30px !important;
    }
    .pt-sm-30 {
        padding-top: 30px !important;
    }
    .pb-sm-30 {
        padding-bottom: 30px !important;
    }
}
@media screen and (min-width: 992px) {
    .img-100-md {
        width: 100%;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-49-md {
        width: 49%;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-48-md {
        width: 48.5%;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-20-md {
        width: 20%;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-25-md {
        width: 25%;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-956-md {
        width: 956px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-865-md {
        width: 865px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-810-md {
        width: 810px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-767-md {
        width: 767px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-644-md {
        width: 644px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-610-md {
        width: 610px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-500-md {
        width: 500px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-466-md {
        width: 466px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-435-md {
        width: 435px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-423-md {
        width: 423px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-373-md {
        width: 373px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-330-md {
        width: 330px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-306-md {
        width: 306px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-304-md {
        width: 304px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-274-md {
        width: 274px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-256-md {
        width: 256px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-226-md {
        width: 226px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-190-md {
        width: 190px;
    }
    .col-md {
        flex: 1 0 0%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .my-md-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mx-md-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ms-md-0 {
        margin-left: 0px !important;
    }
    .me-md-0 {
        margin-right: 0px !important;
    }
    .mt-md-0 {
        margin-top: 0px !important;
    }
    .mb-md-0 {
        margin-bottom: 0px !important;
    }
    .my-md-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mx-md-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .ms-md-10 {
        margin-left: 10px !important;
    }
    .me-md-10 {
        margin-right: 10px !important;
    }
    .mt-md-10 {
        margin-top: 10px !important;
    }
    .mb-md-10 {
        margin-bottom: 10px !important;
    }
    .my-md-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mx-md-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ms-md-15 {
        margin-left: 15px !important;
    }
    .me-md-15 {
        margin-right: 15px !important;
    }
    .mt-md-15 {
        margin-top: 15px !important;
    }
    .mb-md-15 {
        margin-bottom: 15px !important;
    }
    .my-md-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mx-md-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .ms-md-20 {
        margin-left: 20px !important;
    }
    .me-md-20 {
        margin-right: 20px !important;
    }
    .mt-md-20 {
        margin-top: 20px !important;
    }
    .mb-md-20 {
        margin-bottom: 20px !important;
    }
    .my-md-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mx-md-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .ms-md-30 {
        margin-left: 30px !important;
    }
    .me-md-30 {
        margin-right: 30px !important;
    }
    .mt-md-30 {
        margin-top: 30px !important;
    }
    .mb-md-30 {
        margin-bottom: 30px !important;
    }
    .py-md-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .px-md-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ps-md-0 {
        padding-left: 0px !important;
    }
    .pe-md-0 {
        padding-right: 0px !important;
    }
    .pt-md-0 {
        padding-top: 0px !important;
    }
    .pb-md-0 {
        padding-bottom: 0px !important;
    }
    .py-md-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .px-md-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ps-md-10 {
        padding-left: 10px !important;
    }
    .pe-md-10 {
        padding-right: 10px !important;
    }
    .pt-md-10 {
        padding-top: 10px !important;
    }
    .pb-md-10 {
        padding-bottom: 10px !important;
    }
    .py-md-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .px-md-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-md-15 {
        padding-left: 15px !important;
    }
    .pe-md-15 {
        padding-right: 15px !important;
    }
    .pt-md-15 {
        padding-top: 15px !important;
    }
    .pb-md-15 {
        padding-bottom: 15px !important;
    }
    .py-md-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .px-md-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ps-md-20 {
        padding-left: 20px !important;
    }
    .pe-md-20 {
        padding-right: 20px !important;
    }
    .pt-md-20 {
        padding-top: 20px !important;
    }
    .pb-md-20 {
        padding-bottom: 20px !important;
    }
    .py-md-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .px-md-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ps-md-30 {
        padding-left: 30px !important;
    }
    .pe-md-30 {
        padding-right: 30px !important;
    }
    .pt-md-30 {
        padding-top: 30px !important;
    }
    .pb-md-30 {
        padding-bottom: 30px !important;
    }
}
@media screen and (min-width: 1200px) {
    .img-100-lg {
        width: 100%;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-49-lg {
        width: 49%;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-48-lg {
        width: 48.5%;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-20-lg {
        width: 20%;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-25-lg {
        width: 25%;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-956-lg {
        width: 956px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-865-lg {
        width: 865px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-810-lg {
        width: 810px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-767-lg {
        width: 767px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-644-lg {
        width: 644px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-610-lg {
        width: 610px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-500-lg {
        width: 500px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-466-lg {
        width: 466px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-435-lg {
        width: 435px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-423-lg {
        width: 423px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-373-lg {
        width: 373px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-330-lg {
        width: 330px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-306-lg {
        width: 306px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-304-lg {
        width: 304px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-274-lg {
        width: 274px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-256-lg {
        width: 256px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-226-lg {
        width: 226px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-190-lg {
        width: 190px;
    }
    .col-lg {
        flex: 1 0 0%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .my-lg-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mx-lg-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ms-lg-0 {
        margin-left: 0px !important;
    }
    .me-lg-0 {
        margin-right: 0px !important;
    }
    .mt-lg-0 {
        margin-top: 0px !important;
    }
    .mb-lg-0 {
        margin-bottom: 0px !important;
    }
    .my-lg-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mx-lg-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .ms-lg-10 {
        margin-left: 10px !important;
    }
    .me-lg-10 {
        margin-right: 10px !important;
    }
    .mt-lg-10 {
        margin-top: 10px !important;
    }
    .mb-lg-10 {
        margin-bottom: 10px !important;
    }
    .my-lg-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mx-lg-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ms-lg-15 {
        margin-left: 15px !important;
    }
    .me-lg-15 {
        margin-right: 15px !important;
    }
    .mt-lg-15 {
        margin-top: 15px !important;
    }
    .mb-lg-15 {
        margin-bottom: 15px !important;
    }
    .my-lg-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mx-lg-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .ms-lg-20 {
        margin-left: 20px !important;
    }
    .me-lg-20 {
        margin-right: 20px !important;
    }
    .mt-lg-20 {
        margin-top: 20px !important;
    }
    .mb-lg-20 {
        margin-bottom: 20px !important;
    }
    .my-lg-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mx-lg-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .ms-lg-30 {
        margin-left: 30px !important;
    }
    .me-lg-30 {
        margin-right: 30px !important;
    }
    .mt-lg-30 {
        margin-top: 30px !important;
    }
    .mb-lg-30 {
        margin-bottom: 30px !important;
    }
    .py-lg-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .px-lg-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ps-lg-0 {
        padding-left: 0px !important;
    }
    .pe-lg-0 {
        padding-right: 0px !important;
    }
    .pt-lg-0 {
        padding-top: 0px !important;
    }
    .pb-lg-0 {
        padding-bottom: 0px !important;
    }
    .py-lg-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .px-lg-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ps-lg-10 {
        padding-left: 10px !important;
    }
    .pe-lg-10 {
        padding-right: 10px !important;
    }
    .pt-lg-10 {
        padding-top: 10px !important;
    }
    .pb-lg-10 {
        padding-bottom: 10px !important;
    }
    .py-lg-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .px-lg-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-lg-15 {
        padding-left: 15px !important;
    }
    .pe-lg-15 {
        padding-right: 15px !important;
    }
    .pt-lg-15 {
        padding-top: 15px !important;
    }
    .pb-lg-15 {
        padding-bottom: 15px !important;
    }
    .py-lg-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .px-lg-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ps-lg-20 {
        padding-left: 20px !important;
    }
    .pe-lg-20 {
        padding-right: 20px !important;
    }
    .pt-lg-20 {
        padding-top: 20px !important;
    }
    .pb-lg-20 {
        padding-bottom: 20px !important;
    }
    .py-lg-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .px-lg-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ps-lg-30 {
        padding-left: 30px !important;
    }
    .pe-lg-30 {
        padding-right: 30px !important;
    }
    .pt-lg-30 {
        padding-top: 30px !important;
    }
    .pb-lg-30 {
        padding-bottom: 30px !important;
    }
}
@media screen and (min-width: 1360px) {
    .img-100-xl {
        width: 100%;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-49-xl {
        width: 49%;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-48-xl {
        width: 48.5%;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-20-xl {
        width: 20%;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-25-xl {
        width: 25%;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-956-xl {
        width: 956px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-865-xl {
        width: 865px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-810-xl {
        width: 810px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-767-xl {
        width: 767px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-644-xl {
        width: 644px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-610-xl {
        width: 610px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-500-xl {
        width: 500px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-466-xl {
        width: 466px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-435-xl {
        width: 435px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-423-xl {
        width: 423px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-373-xl {
        width: 373px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-330-xl {
        width: 330px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-306-xl {
        width: 306px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-304-xl {
        width: 304px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-274-xl {
        width: 274px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-256-xl {
        width: 256px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-226-xl {
        width: 226px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .img-190-xl {
        width: 190px;
    }
    .col-xl {
        flex: 1 0 0%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .my-xl-0 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .mx-xl-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ms-xl-0 {
        margin-left: 0px !important;
    }
    .me-xl-0 {
        margin-right: 0px !important;
    }
    .mt-xl-0 {
        margin-top: 0px !important;
    }
    .mb-xl-0 {
        margin-bottom: 0px !important;
    }
    .my-xl-10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .mx-xl-10 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .ms-xl-10 {
        margin-left: 10px !important;
    }
    .me-xl-10 {
        margin-right: 10px !important;
    }
    .mt-xl-10 {
        margin-top: 10px !important;
    }
    .mb-xl-10 {
        margin-bottom: 10px !important;
    }
    .my-xl-15 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .mx-xl-15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ms-xl-15 {
        margin-left: 15px !important;
    }
    .me-xl-15 {
        margin-right: 15px !important;
    }
    .mt-xl-15 {
        margin-top: 15px !important;
    }
    .mb-xl-15 {
        margin-bottom: 15px !important;
    }
    .my-xl-20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .mx-xl-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .ms-xl-20 {
        margin-left: 20px !important;
    }
    .me-xl-20 {
        margin-right: 20px !important;
    }
    .mt-xl-20 {
        margin-top: 20px !important;
    }
    .mb-xl-20 {
        margin-bottom: 20px !important;
    }
    .my-xl-30 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mx-xl-30 {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    .ms-xl-30 {
        margin-left: 30px !important;
    }
    .me-xl-30 {
        margin-right: 30px !important;
    }
    .mt-xl-30 {
        margin-top: 30px !important;
    }
    .mb-xl-30 {
        margin-bottom: 30px !important;
    }
    .py-xl-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .px-xl-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ps-xl-0 {
        padding-left: 0px !important;
    }
    .pe-xl-0 {
        padding-right: 0px !important;
    }
    .pt-xl-0 {
        padding-top: 0px !important;
    }
    .pb-xl-0 {
        padding-bottom: 0px !important;
    }
    .py-xl-10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .px-xl-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .ps-xl-10 {
        padding-left: 10px !important;
    }
    .pe-xl-10 {
        padding-right: 10px !important;
    }
    .pt-xl-10 {
        padding-top: 10px !important;
    }
    .pb-xl-10 {
        padding-bottom: 10px !important;
    }
    .py-xl-15 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .px-xl-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-xl-15 {
        padding-left: 15px !important;
    }
    .pe-xl-15 {
        padding-right: 15px !important;
    }
    .pt-xl-15 {
        padding-top: 15px !important;
    }
    .pb-xl-15 {
        padding-bottom: 15px !important;
    }
    .py-xl-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .px-xl-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .ps-xl-20 {
        padding-left: 20px !important;
    }
    .pe-xl-20 {
        padding-right: 20px !important;
    }
    .pt-xl-20 {
        padding-top: 20px !important;
    }
    .pb-xl-20 {
        padding-bottom: 20px !important;
    }
    .py-xl-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .px-xl-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .ps-xl-30 {
        padding-left: 30px !important;
    }
    .pe-xl-30 {
        padding-right: 30px !important;
    }
    .pt-xl-30 {
        padding-top: 30px !important;
    }
    .pb-xl-30 {
        padding-bottom: 30px !important;
    }
}
.Video {
    display: block;
    position: relative;
}
.Video:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(50%, 50%);
    z-index: 0;
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -129px -154px;
    width: 66px;
    height: 66px;
}
.Img {
    display: block;
    position: relative;
}
.Img:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(50%, 50%);
    z-index: 0;
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -62px -164px;
    width: 51px;
    height: 52px;
}
.Video {
    display: block;
    position: relative;
}
.Video:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(50%, 50%);
    z-index: 0;
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -129px -154px;
    width: 66px;
    height: 66px;
}
.Img {
    display: block;
    position: relative;
}
.Img:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(50%, 50%);
    z-index: 0;
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -62px -164px;
    width: 51px;
    height: 52px;
}
* {
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #e2001a;
}
::-webkit-scrollbar-thumb:hover {
    background: #e2001a;
}
html {
    font-size: 16px;
    direction: rtl;
}
body {
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    margin: 0;
  height: 100%;
    display: flex;
    flex-direction: column;
}
a {
    text-decoration: none;
    font-family: "Regular";
    font-size: 1rem;
    line-height: 1rem;
    overflow: hidden;
    color: #000;
}
.container {
    margin: 0 auto;
}
.img-fluid {
    width: 100%;
    max-width: 100%;
    object-fit: fill;
    display: block;
}
.img-fluid:not(.logo) {
    transition: transform 0.8s;
}
.img-fluid:not(.logo):hover {
    transform: scale(1.2);
}
.overflow-hidden {
    overflow: hidden;
}
.position-relative {
    position: relative;
}
.row {
    display: flex;
}
.d-block {
    display: block;
}
.d-none {
    display: none;
}
.flex-wrap {
    flex-wrap: wrap;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-evenly {
    justify-content: space-evenly;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-start {
    justify-content: start;
}
.align-items-center {
    align-items: center;
}
.align-items-start {
    align-items: flex-start !important;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col {
    flex: 1 0 0%;
}
.bg-white {
    background: #fff;
}
.border-b-red {
    border-bottom: 2px solid #e2001a;
}
.logo {
    max-width: 178px;
}
.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-header .search-form {
    position: absolute;
    left: 10px;
    background: #fff;
}
.top-header .search-form .search-input {
    padding: 5px;
    padding-left: 35px;
    background: url(../media/searchicon.png) no-repeat;
    width: 0px;
    cursor: pointer;
    background-position: 5px;
    height: 42px;
    display: block;
}
.top-header span.icon {
    display: none;
    color: #e2001a;
    background: #676767;
    cursor: pointer;
}
.card {
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.header .social {
    flex-direction: row-reverse;
}
.header .social .header-icon {
    margin: 0 0.5rem;
}
.header .social .instagram {
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -134px -51px;
    width: 17px;
    height: 16px;
}
.header .social .facebook {
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -83px -51px;
    width: 9px;
    height: 16px;
}
.header .social .youtube {
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -14px -51px;
    width: 24px;
    height: 17px;
}
.header .social .twitter {
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -106px -52px;
    width: 13px;
    height: 14px;
}
.header .social .tiktok {
    content: "";
    display: inline-block;
    background: url(../media/icons.png) no-repeat -53px -51px;
    width: 14px;
    height: 16px;
}
footer {
    margin-top: auto; /* بيزق الفوتر لأسفل */
}
.footer {
       background-color: #020202;
    background-image: url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Frame%205-GWDCAW4bfUrpoVA76mMdXPNfLEyhvd.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    color: white;
    padding: 40px 0 0 0;
    position: relative;
    margin-top: auto;
      }
      
.footer-content {
        position: relative;
        z-index: 2;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
      }

      .footer-main {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 40px;
        margin-bottom: 40px;
      }

      .footer-left {
        display: flex;
        flex-direction: column;
        gap: 15px;
        text-align: right;
        order: 3;
      }

      .contact-item {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 16px;
        flex-direction: row-reverse;
      }

      .contact-item .icon {
        width: 20px;
        height: 20px;
        background-color: #ffd700;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        color: #1a1a1a;
        font-weight: bold;
      }

      .footer-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        order: 2;
      }

      .logo {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
      }

      .logo img{
        width: 70px;
        height: 70px;
        object-fit: contain;
      }

      .social-links {
        display: flex;
        gap: 15px;
        flex-direction: row-reverse;
      }

      .social-link {
        width: 40px;
        height: 40px;
        
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: white;
        transition: background-color 0.3s ease;
      }

      .social-link:hover {
        background-color: rgba(255, 255, 255, 0.2);
      }

      .footer-right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        text-align: right;
        order: 1;
      }

      .footer-column h3 {
        font-size: 14px;
        margin-bottom: 15px;
        font-weight: 400;
       
        text-align: right;
      }

      .footer-column ul {
        list-style: none;
        text-align: right;
      }

      .footer-column ul li {
        margin-bottom: 8px;
        text-align: right;
      }

      .footer-column ul li a {
        color: white;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s ease;
        display: block;
        text-align: right; 
        margin: 20px 0 20px 0;
      }

      .footer-column ul li a:hover {
        color: #ffd700;
      }

      .footer-bottom {
        background-color: #372D2E;
        padding: 15px 0;
        text-align: center;
        font-size: 14px;
        color: white;
        direction: rtl;
      }
      .footer-bottom p{ 
        color: white;
      }

      .social-link i {
        font-size: 18px;
      }

      /* Responsive Design */
      @media (max-width: 768px) {
        .footer-main {
          grid-template-columns: 1fr;
          text-align: center;
          gap: 30px;
        }
         .footer{
       background-image: none;

        
       
        
      }


        .footer-left {
          text-align: center;
          order: 2;
        }

        .footer-center {
          order: 1;
        }

        .footer-right {
          order: 3;
          grid-template-columns: 1fr;
          gap: 20px;
          text-align: center;
          
                   display: flex
;
        justify-content: center;
        }

        .footer-column h3 {
          text-align: center;
        }

        .footer-column ul {
          text-align: center;
        }

        .footer-column ul li a {
          text-align: center;
        }

        .footer {
          background-position: center top;
          background-size: cover;
        }

        .social-links {
          justify-content: center;
          flex-direction: row;
        }

        .contact-item {
          justify-content: center;
          flex-direction: row-reverse;
        }
      }

      @media (max-width: 480px) {
        .footer-content {
          padding: 0 15px;
        }

        .footer-right {
          grid-template-columns: 1fr;
        }

        .social-links {
          flex-wrap: wrap;
          justify-content: center;
          flex-direction: row;
        }

        .contact-item {
          justify-content: center;
          font-size: 14px;
          flex-direction: row-reverse;
        }

        .logo {
          width: 60px;
          height: 60px;
        }

        .logo svg {
          width: 50px;
          height: 50px;
        }
        .footer-column ul li a{ 
            marign: 5px 0 5px 0
        }
      }
.more {
    background: #e2001a;
    font-family: "Regular";
    font-size: 1.125rem;
    line-height: 2.5rem;
    overflow: hidden;
    color: #fff;
    width: 9rem;
    text-align: center;
    border-radius: 10px;
    border: 0;
    margin: 20px auto;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #000;
}
@media screen and (min-width: 1360px) {
    
    .justify-content-lg-center {
        justify-content: center;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1359px) {
  
    .justify-content-lg-center {
        justify-content: center;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
   
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   
}
@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }
   
    .d-none-mob {
        display: none;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
   
}
@media screen and (max-width: 1199px) {
    .logo {
        order: 0;
    }
    .header .block-card {
        order: 2;
        flex: 0 0 100%;
        overflow-x: auto;
    }
    .header .sharing {
        order: 1;
        flex: 0 0 auto;
        width: auto;
        overflow: hidden;
    }
}
.position-absolute {
    position: absolute;
}
.section-title {
    font-family: "Regular";
    font-size: 1.7rem;
    line-height: 2.625rem;
    overflow: visible;
    color: #000;
    box-shadow: unset;
    display: inline-block;
    padding-bottom: 0;
}
.section-title:not(.no-icon) {
    padding-right: 3rem;
    box-shadow: inset 0 -10px 0 0 #d9d9d9;
    border-bottom: 2px solid #000;
}
.section-title:not(.no-icon)::after {
    content: url(../media/before.png);
    display: block;
    position: absolute;
    right: 0;
    z-index: 0;
    width: 48px;
    height: 38px;
    bottom: 0;
}


.block-card .text-absolute {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.block-card .text-absolute.bg-solid-transparent {
    background: linear-gradient(to top, #000, transparent);
}
.block-card .card-text-32 {
    font-family: "Regular";
    font-size: 2rem;
    line-height: 3.5rem;
    overflow: hidden;
    color: #fff;
}
.block-card .card-text-25 {
    font-family: "Regular";
    font-size: 1.5625rem;
    line-height: 2.3125rem;
    overflow: hidden;
    color: #fff;
}
.block-card .card-text-21 {
    font-family: "Regular";
    font-size: 1.3125rem;
    line-height: 2rem;
    overflow: hidden;
    color: #fff;
}
.block-card .card-text-21.text-black {
    color: #000;
}
.block-card .card-text-21.nav-link:hover {
    box-shadow: 0 7px 0 #000;
}
.block-card .card-text-20 {
    font-family: "Bold";
    font-size: 1.25rem;
    line-height: 2rem;
    overflow: hidden;
    color: #e2001a;
}
.block-card .card-text-20.text-black {
    height: auto;
    color: #000;
}
.block-card .card-text-20.text-black:hover {
    color: #000;
}
.block-card .card-text-18 {
    font-family: "Regular";
    font-size: 1.125rem;
    line-height: 1.5rem;
    overflow: hidden;
    color: #000;
}
.block-card .card-text-16 {
    font-family: "Regular";
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
}
.block-card .card-text-16.text-white {
    color: #fff;
}
.block-card .card-text-14 {
    font-family: "Bold";
    font-size: 0.875rem;
    line-height: 1.3125rem;
    overflow: hidden;
    height: 2.625rem;
}
.block-card .card-text-14.h-auto {
    height: auto;
}
.block-card .card-text-14.font-med {
    font-family: "Bold";
}
.block-card .card-text-14.text-white {
    color: #fff;
}
.block-card .card-text-14.text-dark {
    color: #000;
}
.block-card .card-text-14.text-red {
    color: #e2001a;
}
.text-center {
    text-align: center;
}
.member-img {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: -5px 0 0 #e2001a;
    margin: 0 auto;
}
.member-title {
    font-family: "Regular";
    font-size: 1rem;
    line-height: 2.625rem;
    overflow: visible;
    color: #000;
}
.member-title.text-center {
    text-align: center;
}
.member-name {
    font-family: "Bold";
    font-size: 1.125rem;
    line-height: 2.625rem;
    overflow: visible;
    color: #e2001a;
}
.member-name.text-center {
    text-align: center;
}
.member-name.lg {
    font-size: 1.5625rem;
}
.member-name.bg-active {
    color: #fff;
    border-radius: 10px;
    background: #e2001a;
}
.bg-grey {
    background: #f3f5f4;
}
.px-4x {
    padding: 0 4rem;
}
.border-right-grey {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}


.matches-header {
    top: 2rem;
    z-index: 1;
    right: 50%;
    transform: translate(50%, 0);
}
.matches-header .tabs {
    list-style-type: none;
}
.matches-header .tabs .tablinks {
    font-family: "Regular";
    font-size: 1rem;
    line-height: 1.125rem;
    overflow: visible;
    color: #676767;
    cursor: pointer;
}
.matches-header .tabs .tablinks.active {
    color: #e2001a;
    text-decoration: underline;
}
.match-item {
    background-color: #e9e8f0;
    height: 25rem !important;
}
.match-item.align-items-end {
    align-items: flex-end;
}

.match-item .teams {
    display: flex;
    align-items: center;
    justify-content: center;
}
.match-item .teams .result p {
    font-family: "Bold";
    font-size: 2rem;
    overflow: visible;
    color: #676767;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.match-item .teams .result p.time {
    font-family: "Light";
    font-size: 1rem;
    overflow: visible;
    color: #676767;
}
.match-item .teams .result .match-status {
    font-family: "Regular";
    font-size: 12px;
    overflow: visible;
    color: #676767;
    background-color: #fff;
    padding: 3px 7px;
    border-radius: 5px;
}
.match-item .teams figure {
    font-family: "Light";
    font-size: 1rem;
    overflow: visible;
    color: #676767;
    margin: 0;
    text-align: center;
}
@media screen and (max-width: 678px) {
    .match-item .teams {
        width: 100%;
    }
}
.shadow {
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.form-control {
    height: 44px;
    border-radius: 10px;
    font-family: "Regular";
    font-size: 1.3125rem;
    line-height: 2rem;
    overflow: hidden;
    color: #000;
}
@media screen and (min-width: 1360px) {
    .px-4x {
        padding: 0 4rem;
    }
}
@media screen and (min-width: 1200px) {
    .px-4x {
        padding: 0 0 0 2rem;a
    }
    .justify-content-lg-center {
        justify-content: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .px-4x {
        padding: 0 0 0 1rem;
    }
}
@media screen and (min-width: 768px) {
    .border-right-sm-grey {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
    }
}
@media screen and (max-width: 767px) {
    .px-4x {
        padding: 0;
    }
    .border-right-grey {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
    }
    .block-card .card-text-32 {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
} /*# sourceMappingURL=styles.css.map */