@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;
    background-color: #f7f7f7;
}
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;
}
.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;
}


.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) {
    .container {
        max-width: 1308px;
    }
    .justify-content-lg-center {
        justify-content: center;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1359px) {
    .container {
        max-width: 1160px;
    }
    .justify-content-lg-center {
        justify-content: center;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 720px;
    }
}
@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }
    .container {
        padding: 0 20px;
    }
    .d-none-mob {
        display: none;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
}
@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;
    }
}
main {
    width: calc(100% - 332px);
    margin-left: 18px;
}
main .page-content {
    margin-right: 40px;
}
main .page-content .competition-description {
    font-family: "Light";
    font-size: "16";
    line-height: 30px;
    overflow: visible;
    color: #000;
    border-bottom: 1px solid #e9e8f0;
    display: flex;
    align-items: center;
    gap: 44px;
    padding-bottom: 18px;
}
main .page-content .competition-description figure {
    margin: 0;
    text-align: center;
}
@media screen and (max-width: 678px) {
    main .page-content .competition-description p {
        text-align: center;
    }
}
@media screen and (max-width: 678px) {
    main .page-content .competition-description {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
}
main .page-content .matches-container .matches-header {
    margin-top: 22px;
}
main .page-content .matches-container .matches-header h2 {
    display: inline;
    font-family: "Regular";
    font-size: 18px;
    overflow: visible;
    color: #000;
}
main .page-content .matches-container .matches-header select {
    font-family: "Regular";
    font-size: 18px;
    overflow: visible;
    color: #000;
    display: inline;
    margin-right: 18px;
    padding: 10px 40px 10px 50px;
    appearance: none;
    background-image: url(/media/svg/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: left 2rem top 60%;
    background-size: 0.65rem auto;
    background-color: red;
    color: #fff;
    border: none;
    border-radius: 10px;
}
main .page-content .matches-container .matches-cards {
    margin-top: 20px;
}
main .page-content .matches-container .matches-cards .match-container {
    padding: 18px 0 18px 68px;
    margin-bottom: 20px;
    border: 1px solid #e2001a;
    border-radius: 10px;
}
main .page-content .matches-container .matches-cards .match-container .match-card {
    display: flex;
    position: relative;
    padding: 30px 0;
}
main .page-content .matches-container .matches-cards .match-container .match-card::before {
    content: "";
    background-color: #00000020;
    width: 95%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 5%;
}
main .page-content .matches-container .matches-cards .match-container .match-card .match-date {
    background-color: #e9e8f0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-right: 15px;
    padding: 0 20px;
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container .match-card .match-date {
        padding: 10px;
    }
    main .page-content .matches-container .matches-cards .match-container .match-card .match-date li {
        margin-top: 0;
    }
}
main .page-content .matches-container .matches-cards .match-container .match-card ul {
    font-family: "Regular";
    font-size: 12px;
    overflow: visible;
    color: #000;
}
main .page-content .matches-container .matches-cards .match-container .match-card ul li {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
main .page-content .matches-container .matches-cards .match-container .match-card ul li i {
    color: #e2001a;
    font-size: 18px;
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container .match-card ul {
        width: 100%;
        padding: 0;
        margin: 30px 0;
        display: flex;
        justify-content: space-between;
    }
}
main .page-content .matches-container .matches-cards .match-container .match-card .teams {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
main .page-content .matches-container .matches-cards .match-container .match-card .teams .result p {
    font-family: "Bold";
    font-size: 30px;
    overflow: visible;
    color: #676767;
    display: flex;
    align-items: center;
    gap: 10px;
}
main .page-content .matches-container .matches-cards .match-container .match-card .teams .result .match-status {
    font-family: "Regular";
    font-size: 12px;
    overflow: visible;
    color: #676767;
    background-color: #e9e8f0;
    padding: 3px 7px;
    border-radius: 5px;
}
main .page-content .matches-container .matches-cards .match-container .match-card .teams figure {
    font-family: "Light";
    font-size: 16px;
    overflow: visible;
    color: #676767;
    margin: 0;
    text-align: center;
}
main .page-content .matches-container .matches-cards .match-container .match-card .teams figure img {
    width: 50%;
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container .match-card .teams {
        width: 100%;
    }
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container .match-card {
        padding: 9px 34px;
    }
}
@media screen and (max-width: 350px) {
    main .page-content .matches-container .matches-cards .match-container .match-card {
        padding: 4.5px 17px;
    }
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container .match-card {
        justify-content: center;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 678px) {
    main .page-content .matches-container .matches-cards .match-container {
        padding: 0;
    }
}
main .page-content .matches-container .matches-cards .matches {
    flex-grow: 1;
    padding-bottom: 30px;
}
main .page-content .matches-container .matches-cards .matches .match {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
main .page-content .matches-container .matches-cards .matches .match ul:last-child {
    justify-content: end;
}
@media screen and (max-width: 350px) {
    main .page-content .matches-container .matches-cards .matches .match ul:last-child {
        justify-content: center;
    }
}
@media screen and (max-width: 350px) {
    main .page-content .matches-container .matches-cards .matches .match ul {
        justify-content: center;
    }
}
@media screen and (max-width: 350px) {
    main .page-content .matches-container .matches-cards .matches .match {
        flex-direction: column;
    }
}
main .page-content .group {
    margin: 0;
}
main .page-content .group .group-header {
    border-bottom: 5px solid #e2001a;
    padding-bottom: 10px;
}
main .page-content .group .group-header h2 {
    font-family: "Regular";
    font-size: 28px;
    line-height: 40px;
    overflow: visible;
    color: #000;
    background-color: #e9e8f0;
    padding: 20px;
    padding-bottom: 5px;
    margin: 0;
}
main .page-content .group .table-container {
    overflow-x: auto;
}
main .page-content .group .table-container table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
}
main .page-content .group .table-container table th,
main .page-content .group .table-container table td {
    padding: 20px;
    text-align: center;
    border: solid 2px #c7d3ce;
    font-family: "Regular";
    font-size: 15px;
    overflow: visible;
    color: #000;
}
main .page-content .group .table-container table th {
    background-color: #202020;
    font-family: "Light";
    font-size: 15px;
    overflow: visible;
    color: #fff;
}
main .page-content .group .table-container table .rank-row {
    display: flex;
    border: 0;
    align-items: center;
}
main .page-content .group .table-container table .rank-row p {
    flex-grow: 1;
}
main .page-content .group .table-container table .rank-row i {
    color: #ffae03;
}
main .page-content .group .table-container table .team-row {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
}
main .page-content .group .table-container table .team-row img {
    width: 35px;
}
@media screen and (max-width: 992px) {
    main .page-content {
        margin-right: 0;
    }
}
@media screen and (max-width: 992px) {
    main {
        width: 100%;
        margin-left: 0;
    }
}
aside {
    width: 332px;
    height: 100vh;
    background-color: #ada9a9;
}
@media screen and (max-width: 992px) {
    aside {
        display: none;
    }
} /*# sourceMappingURL=competition.css.map */