@charset "UTF-8";
html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
}

/* Keep form controls and native UI consistent with RTL. */
input,
textarea,
select,
button {
    direction: rtl;
    text-align: right;
}

/* Icons should not inherit RTL text alignment accidentally. */
i,
.fa,
.fas,
.far,
.fab {
    direction: ltr;
}

.headercontainer {text-align: right;}
.headerlogo h2 {padding-right: initial; padding-left: 20px; text-align: right;}
.headeractions {float: right;}
.headerlogo {float: left;}
.headericons a {padding-left: initial; padding-right: 20px;}
.headercontact {margin-left: initial; margin-right: 20px;}
.headercontact i {margin-right: 5px; margin-left: initial;}
.headercontact::after {left: initial; right: 0;}
.headericons a b {right: initial; left: -8px;}
.headersearch {margin-left: initial; margin-right: 20px;}
.navcontainer ul {margin-left: initial; margin-right: 10%; text-align: right;}
.navcontainer ul > li {margin-right: initial; margin-left: 50px;}
.navcontainer ul > li > a > i {padding: 0 0 0 10px;}
.navcontainer ul > li > a::after {left: initial; right: 0;}
.navsubmenu {left: initial; right: 10%; text-align: right;}
.subactive {flex-direction: row-reverse;}
.navsublink a {padding: 10px 60px 10px 15px;}
.navsublink a i {left: initial; right: 10px;}
.navsublink a::after {right: initial; left: 10px; content: "\f053"; font-family: "Font Awesome 7 Free";}
.navabout::after,
.navsublink::after {
    right: auto;
    left: 0;
}
.navsubmenu div:last-child::after {display:initial;}
.navsubmenu div:first-child::after {display: none;}
.chslider,
.chslider .swiper {
    direction: ltr;
}
.slide-content {
    direction: rtl;
}
.slide-content h2, .slide-content p {font-family: "Nic", sans-serif !important;}
.docsearch input, .docsearch select {margin: 10px 0 10px 50px;}
.secondchslider,
.secondchslider .swiper {
    direction: ltr;
}
.secondchslider .swiper-slide {
    direction: rtl;
}
.slide-content {text-align: right;}
.eventcontainer {
    direction: rtl;
}
.sectiontitle h3 {letter-spacing: 0; font-family: "XeroSans", sans-serif !important;}
.eventbox {
    direction: rtl;
}

.event-card {
    direction: rtl;
}

/*
   Event card uses left/right positioning deliberately.
   Reverse the visual layout for RTL.
*/
.event-image {
    right: auto;
    left: 0;
}

.event-overlay {
    background: linear-gradient(
        270deg,
        var(--black) 0%,
        #080808f2 28%,
        #08080873 58%,
        #0808080d 100%
    );
}

.event-label {
    left: auto;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
}

.event-content {
    text-align: right;
}

.event-info {
    align-items: flex-start;
}

.event-info div {
    flex-direction: row-reverse;
}

.event-button {
    left: auto;
    right: 15px;
}

.event-button i {
    transform: none;
}

.event-button:hover i {
    transform: translateX(-3px);
}
.aboutuscontainer {text-align: right;}
.aboutusimg img {transform: scale(-1,1);}
.aboutvertical-label {right: initial; left: 0;}
.aboutus-frame {left: initial; right: 50px;}
.aboutusmarks {margin: 0 25px 0 5px;}
.aboutusmarks::after {left: initial; right: -15px;}
.aboutusdescription h3 {padding: 10px 20px 10px 0px;}
.aboutusdescription h2 {padding: 0px 20px 10px 0px;}
.aboutusdescription p {padding: 0 20px 10px 0;}
.aboutusdescription a {margin: 0px 20px 10px 0px; padding: 5px 10px 5px 80px;}
.aboutusdescription a i {right: initial; left: 10px; padding: 5px 10px;}
.contactcard {text-align: right;}
.contactcard p {padding: 5px 15px 5px 0;}
.contactcard p i {padding-left: 15px; padding-right: 0;}
footer {text-align: right;}
.footerlinks a i {margin-right: initial; margin-left: 10px;}
.footerlinks a:hover i {margin-left: 20px; margin-right: initial;}
.footersocial > ul li a {padding: 10px 45px 10px 15px;}
.footersocial > ul li a::after {left: initial; right: 4px;}
.footerlinks h3 {letter-spacing: 0;}

.mobilenavcontainer {
    direction: rtl;
    padding-left: 0;
    padding-right: 15px;
}
@media screen and (max-width: 1199px) {

    .mobilenavcontainer {
        justify-content: flex-start;
        padding-right: 15px;
        padding-left: 0;
    }
    .aboutus-frame {width: 75%; height: 75%; left: initial; right: 20px;}
    footer {
        direction: rtl;
    }

    .footerlogo {
        justify-content: flex-start;
    }

    .footerlinks,
    .footersocial {
        text-align: right;
    }

    footer div:nth-child(1),
    footer div:nth-child(2),
    footer div:nth-child(4) {
        padding-left: 0;
        padding-right: 50px;
    }
}

@media screen and (max-width: 767px) {

    footer {
        flex-direction: column;
    }

    footer div:nth-child(1),
    footer div:nth-child(2),
    footer div:nth-child(3),
    footer div:nth-child(4),
    footer div:nth-child(5) {
        padding-left: 0;
        padding-right: 40px;
    }
}
@media screen and (max-width: 479px) { 

.slide-content {top: initial; transform: initial; left: initial; bottom: 15%; right: 5%;}
.aboutusmarks {margin: 0 25px 10px 5px;}
}