@charset "UTF-8";

html,
html[dir="ltr"],
[dir="ltr"] {
    direction: ltr;
}

html[dir="rtl"],
[dir="rtl"] {
    direction: rtl;
}

body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li, ol, header, footer, section, nav, a, strong, b, button, input, select, textarea, table, td, th, iframe, main {
    font-family: "Lusail Plus", sans-serif !important;
    font-weight: normal;
        color: inherit;
}

[dir="rtl"],
[lang="ar"],
[lang="ar-sa"],
[lang="ar-qa"] {
    font-family: "Lusail Plus", sans-serif;
    font-weight: normal;
}

#langSel span {
    top: -0.25rem;
}
h3.main-heading a {
    margin-right: 0.5rem;
}

.header .nav-link.active:after,
.header.header .nav-item:hover .nav-link:after,
.header.header .nav-link:hover:after {
    left: 0;
}

.headerRightIcon {
    border-top-right-radius: 0;
}

.home-banner .carousel-indicators [data-bs-target] {
    text-align: left;
}
.home-banner .carousel-item .carousel-caption h2 {
    line-height: 4rem;
}
.home-banner .carousel-item .carousel-caption p {
    line-height: 1.5rem;
}
.home-banner .carousel-indicators [data-bs-target] {
    line-height: 1;
}
.rectangleRight .imgPlaceHolder {
    right: -18rem;
}

.rectangleLeft .imgPlaceHolder {
    left: -18rem;
}

.imgShapeLeft-wraper::after {
    left: -2px;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.imgShapeRight-wraper:after {
    right: -2px;
    clip-path: polygon(99% 0, 0% 100%, 100% 100%);
}

.footer .icon-wraper {
    margin-right: 0.5rem;
}

.backToTop {
    right: -2.5rem;
}

.pagination-wraper .pagination {
    justify-content: flex-end;
}

.detailsInfo-card .icon-wraper {
    margin-right: 0.5rem;
}

.contact-content .detailsInfo-card {
    border-left: 1px solid var(--qaai-secondaryMid-color);
}

@media all and (max-width: 1199px) {
    .backToTop {
        right: 0rem;
    }

    .navbar-toggler {
        border-top-right-radius: 0;
    }
}
@media all and (max-width: 1023px) {

    .backToTop {
        right: 0rem !important;
    }
}
@media all and (max-width: 767px) {
    .tabButtons .nav-tabs .nav-item {
        margin-right: 1rem;
    }
}


.headerRight .headerRightIcon {
    margin-right: 0.5rem;
    margin-left: 0.4rem
}

.backToTop {
    right: -2rem;
}
.form-fields .datetimepicker .input-group-addon{
       right: 0;
  
}

@media (min-width: 1400px) {
    .rectangleRight .imgPlaceHolder {
        right: -15rem !important;
        top: -2rem;
        height: 17rem;
    }
}

@media (min-width: 1700px) {
    .rectangleRight .imgPlaceHolder {
        right: -13rem !important;
        top: -2rem;
        height: 18rem;
    }
}

@media (max-width: 991px) {
    .headerRight .headerRightIcon {
        margin-right: 0.1rem;
        margin-left: 0.1rem
    }
}

#reportSection .heading-wraper .main-heading a{
    margin-right: 0.5rem;
}
.captcha-cell a {
    right: 0.4rem;
}

@media (min-width: 1400px) {
    .rectangleRight .imgPlaceHolder {
        height: 22rem;
    }
}
@media (min-width: 1500px) {
    .rectangleRight .imgPlaceHolder {
        right: -19rem !important;
        height: 22rem;
        width: 45rem;
    }
}
@media (min-width: 1600px) {
    .rectangleRight .imgPlaceHolder {
        height: 25rem;
    }
}
@media (min-width: 1800px) {
.rectangleLeft .imgPlaceHolder {
    left: -14rem;
}
}
@media (min-width: 1900px) {
    .rectangleRight .imgPlaceHolder {
        right: -17rem !important;
        height: 25rem;
        width: 45rem;
    }
}

.control .input-group .form-control {
	border-radius: 0.5rem 0 0 0.5rem;
}
.control .input-group .btn-default {
    border-radius: 0 0.5rem 0.5rem 0;
    margin-left: -6px;
}
 
/*# sourceMappingURL=stylesEn.css.map */

/*# sourceMappingURL=stylesEn.css.map */