@charset "UTF-8";
:root {
    /*--theme-color: #109C3D;*/
    --theme-color: #264593;
    --secondary-color: #042A2F;
    --title-color: #063A41;
    --title-color2: #67B846;
    --title-color3: #89ba35;
    --text-color: #5E5C78;
    --text-color2: #C7C7C7;
    --body-color: #042A2F;
    --smoke-color: #f1f5f4;
    --light-color: #E6EAEB;
    --black-color: #1C2438;
    --white-color: #ffffff;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: #CDD5D6;
    --title-font: '29LT',
        sans-serif;
    --title-font2: '29LT',
        sans-serif;
    --body-font: '29LT',
        sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1300px;
    --main-container2: 1530px;
    --main-container3: 1920px;
    --main-container4: 1470px;
    --main-container5: 1594px;
    --container-gutters: 15px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s;
}
@font-face {
    font-family: '29LT';
    src: url('../fonts/29lt-zarid-serif-regular.ttf');
    font-style: normal;
}
/*------------------- 1.5. Typography -------------------*/

body {
    font-family: var(--body-font);
    direction: rtl;
}

.rtl-dr-ltr {
    direction: ltr;
}

.rtl-row-rev {
    flex-direction: row-reverse;
}

.shape-mockup-rtl {
    left: initial;
    right: 0;
}

.vs-hero__layout1 .main-img .slide-item {
    position: relative;
    /* Mirror the clip-path horizontally */
    clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 122%);
}

.vs-hero__layout1 .main-img .slide-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    /* Was left: 0; now right: 0; for RTL */
    top: 0;
    background: rgb(3, 39, 44);
    background: linear-gradient(266deg, rgba(3, 39, 44, 0.8268) 0%, rgba(6, 58, 65, 0) 100%);
    z-index: 1;
}

.vs-hero__layout1 .vs-hero__item .dot-shape {

    left: initial;
    right: 66%;

}

.vs-hero__content::before {
    left: initial;
    right: 0;
}

.vs-hero__content::after {
    left: initial;
    right: 0;
}

.vs-hero__content {
    padding: 55px 45px 80px 0px;
    border-left: initial;
    border-right: 10px solid var(--theme-color);
    margin-left: initial;
    margin-right: 240px;
    text-align: end;
}

.vs-hero-style2 .vs-hero__content {
    margin-left: initial;
    margin-right: 0;
}

@media (min-width: 2200px) and (max-width: 2499px) {
    .vs-hero__content {
        margin-left: initial;
        margin-right: 165px;
    }
}

@media (max-width: 1780px) {
    .vs-hero__content {
        margin-left: initial;
        margin-right: 40px;
    }
}

/*@media (max-width: 991px) {
    .vs-hero__layout1 .vs-hero__content {
        margin: 80px 0 40px;
    }
}*/


@media (max-width: 991px) {
    .vs-hero-style2 .vs-hero__item2 .vs-hero__content {
        margin-left: initial;
        margin-right: 0;
    }
}

.vs-hero__title {
    text-align: right;
}

.vs-btn2 {
    padding: 5px 28px 5px 7px;
    direction: rtl;
}

.vs-hero__content .vs-btn2 {
    padding: 2px 28px 2px 5px;
    background: linear-gradient(275deg, rgb(23, 167, 191) 0%, rgb(103, 184, 70) 72%);
    direction: rtl;
}

.vs-btn2 i {
    margin-left: initial;
    margin-right: 20px;
    /*transform: rotate(180deg);*/
}

/* Small devices */
@media (max-width: 767px) {
    .vs-btn2 i {
        margin-left: initial;
        margin-right: 12px;
    }
}


/*------------------- 2.4. Slick Slider -------------------*/


.img-box1::before {

    right: initial;
    left: 0;
}

.img-box1 .img1::before {

    left: initial;
    right: 0;
}

.img-box1 .img1 img {
    margin-left: initial;
    margin-right: 18px;
}

.img-box1 .img2 {
    right: initial;
    left: 0;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.28);
}

.img-box1 .img1 {
    border-left: initial;
    border-right: 12px solid var(--theme-color);
}

.about-layout1 .title-area {
    padding-right: initial;
    padding-left: 70px;
}

.title-area .sec-subtitle::before {
    left: initial;
    right: -50px;
}

.title-area .sec-subtitle.left-shape {
    margin-right: initial;
    margin-left: 0;
    margin-right: 50px;
}

.title-area .sec-subtitle::after {
    right: initial;
    left: -50px;
}

.vs-counter__layout1 .title-area .sec-subtitle::after {
    right: initial;
    left: -50px;
}

.vs-service__body {
    direction: rtl;
}

.vs-service__header::after {
    bottom: -3px;
    right: initial;
    left: 0;
}

.accordion-style1 .accordion-button {
    padding: 18px 34px 18px 52px;
    text-align: right;
}

.accordion-style1 .accordion-button::before {

    right: initial;
    left: 30px;
}

.counter-style1 .counter-icon {
    margin-right: initial;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .counter-style1 .counter-icon {
        margin-right: initial;
        margin-left: 0;
    }
}

.vs-blog__style1 .blog-cate {
    left: initial;
    right: 0;
    padding: 12px 22px 12px 40px;
    clip-path: polygon(100% 0, 20% 0, 0% 100%, 100% 100%);
}

.blog-inner-author a i {
    margin-right: initial;
    margin-left: 8px;
}

.blog-btn::before {
    right: initial;
    left: 0;
}

.blog-btn .link-btn .icon {
    margin-right: initial;
    margin-left: 14px;
}

.blog-btn .link-btn i {
    transform: rotate(180deg);
}

.vs-header .header-links::before {
    left: initial;
    right: 16px;
}

.header-links li {
    margin-right: initial;
    padding-right: initial;
    margin-left: 18px;
    padding-left: 20px;

}

.header-links li:not(:last-child)::before {

    right: initial;
    left: 0;
}

.header-links li:not(:last-child)::after {

    right: initial;
    left: -4px;
}

.header-links i {
    margin-right: initial;
    margin-left: 10px;
}

.social-style1 .social-title {
    margin-right: initial;
    padding-right: initial;
    margin-left: 15px;
    padding-left: 14px;
}

.social-style1 .social-title::before {
    right: initial;
    left: 0;

}

.social-style1 .social-title::after {
    right: initial;
    left: -2px;
}

.vs-header .header-logo::after {

    right: initial;
    left: -38%;

}

.vs-header .header-logo::before {

    right: initial;
    left: -35%;

}

@media (max-width: 1700px) {
    .vs-header.header-layout1 .header-inner .contact-content {
        padding: 0 10px 0 0;
    }
}

.contact-box .icon {
    padding-right: initial;
    padding-left: 14px;
    border-right: initial;
    border-left: 1px solid var(--title-color3);
}

.contact-box .contact-content {
    padding: 0 14px 0 0px;
}

.social-style1 a {

    margin-right: initial;
    margin-left: 6px;
}

.footer-layout1 .widget_categories ul li {

    padding-left: initial;
    padding-right: 22px;
}

.footer-layout1 .widget_categories ul li::after {

    left: initial;
    right: 0;
    transform: rotate(180deg);

}
.footer-wrapper .vs-widget-about {
    padding-right: initial;
    padding-left: 50px;
}

/* Extra small devices */
@media (max-width: 575px) {
    .footer-wrapper .vs-widget-about {
        padding-right: initial;
        padding-left: 0;
    }
}

.footer-layout1 .widget_categories ul li:hover {
    transform: translateX(-10px);
}

.footer-layout1 .widget_title::before {
    left: initial;
    right: 0;
}

.footer-layout1 .widget_title::after {
    left: initial;
    right: 0;
}

.copyright-text::before {
    right: initial;
    left: -55px;
}


.vs-menu-wrapper .vs-menu-area {
    left: initial;
    right: -110%;
}

.vs-menu-wrapper.vs-body-visible .vs-menu-area {
    left: initial;
    right: 0;
}

.vs-mobile-menu ul {
text-align: start;
}

.vs-mobile-menu ul .vs-item-has-children>a .vs-mean-expand {
    right: initial;
    left: 0;
}

.vs-mobile-menu ul li a:before {
    left: initial;
    right: 0;
    margin-right: initial;
    margin-left: 10px;
    transform: rotate(180deg);
}


.breadcumb-title {
    text-align:right;
}

.breadcumb-menu {
    text-align: right;
}

.breadcumb-menu li:after {
    margin-left: initial;
    margin-right: initial;
    margin-right: 12px;
    margin-left: 3px;
}

.team-details .social-style1 {
    background-color: var(--theme-color);
    padding: 25px 70px 25px 20px;
clip-path: polygon(75% 0%, 0% 0%, 0% 100%, 100% 100%);
}

.widget_categories .widget_title {

    padding: 0 28px 10px 0px;

}
.widget_title:before {

    left: initial;
    right: 0;
}

.widget_title {

    padding: 0 28px 13px 0px;
}

.recent-post .media-img {
    margin-right: initial;
    margin-left: 18px;
}

.recent-post .recent-post-meta a i {
    margin-right: initial;
    margin-left: 5px;
}

.blog-inner-author span a {
    margin-left: initial;
    margin-right: 6px;
}

.blog-inner-author .blog-date:not(:first-child) {
    margin-left: initial;
    margin-right: 14px;
}

.blog-single .blog-links .link-btn i {
    margin-right: initial;
    margin-left: 0;
transform: rotate(180deg);
    margin-left: initial;
    margin-right: 8px;
}

.social-style2 .social-icon a:not(:last-child) {
    margin-right: initial;
    margin-left: 14px;
}

.social-style2 .social-title {
    margin-right: initial;
    margin-left: 15px;
}