@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
input.button,
a,
textarea {
    font-family: 'Vazirmatn', sans-serif !important;
}

body {
    direction: rtl;
    font-family: 'Vazirmatn', sans-serif !important;
}

.contact-form-check .contact-form-label,
.contact-form-btn button,
.contact-form-input textarea::placeholder,
.contact-form-input input::placeholder {
    font-family: 'Vazirmatn', sans-serif !important;
}

.fa-arrow-right,
.fa-arrow-left {
    transform: rotate(180deg);
}

.project-slider .fa-arrow-right,
.project-slider .fa-arrow-left {
    transform: rotate(360deg);

}

.hero-slider .slide-control {
    border-radius: 0px 4px 4px 0px;
    left: calc(11% - 29px);
}

.hero-slider .slide-control.slide-control-next {
    border-radius: 4px 0px 0px 4px;
}

.h4-blog-card .h4-blog-content {
    right: 0;
    left: auto;
    border-radius: 5px 0px 5px 0px;
}

.footer-widget .widget-title::before {
    left: auto;
    right: 0;
}

.footer-widget .footer-nav li a::before {
    right: 0;
    top: 0;
}

.footer-widget .footer-nav li a:hover {
    padding-left: 0px;
    padding-right: 15px;
}

.hm-contact-form .input-field label {
    left: auto;
    right: 20px;
}

.header-5 .nav-wrapper ul li.has-submenu .submenu-wrapper li a,
.sh-feature-list,
.sh-feature-list ul,.hm-contact-form .input-field input, .hm-contact-form .input-field textarea {
    text-align: right;
}

.gallery-slider {
    margin-right: 73px;
    margin-left: 0px;
}

.gallery-single {
    margin-right: 24px !important;
    margin-left: 0px !important;
}

.sh-feature-list ul li i {
    margin-left: 10px;
    margin-right: 0px;
}

.bg-success {
    margin-left: 0rem !important;
    margin-right: 1rem !important;
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
    padding-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: var(--bs-breadcrumb-item-padding-x);
    padding-right: 0;
}

.mobile-menu ul li.has-submenu>a::after {
    left: 0;
    right: auto;
}

.mobile-menu .close-menu {
    right: auto;
    left: 20px;
}

.sticky-header.header-5 {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.footer-widget .social-nav li a {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.bg-primary-gradient {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.handle-preloader .animation-preloader .spinner {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.hero-4 {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.boxHover:hover {
    background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
}

.nav-wrapper ul li.has-submenu .submenu-wrapper{
    left: auto !important;
}
@media (min-width: 576px) {
    .ms-sm-4 {
        margin-left: 0rem !important;
        margin-right: 1.5rem !important;
    }

    .text-sm-start {
        text-align: right !important;
    }
}


@media (max-width: 576px) {
    .header-right {
        margin-right: 1.5rem !important;
        margin-left: 0rem !important;
    }

    .mobile-menu-toggle {
        margin-left: 0px !important;
        margin-right: 20px !important;
    }

    .gallery-slider {
        margin-right: 0px;
        margin-left: 0px;
    }

    .gallery-single {
        margin-right: auto !important;
        margin-left: 24px !important;
    }

    .header-section.header-5 {
        background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
        border-bottom: none;
    }

    .sticky-header.header-5 {
        /* background: #FFF !important; */
        background: linear-gradient(90deg, #05A0D5 19.79%, #004C69 100%) !important;
        border-bottom: none;
    }
}


.counterNumber,
.counterNumber span {
    font-size: 35px;
}

.newsletterInput {
    border: 1px solid white !important; 
    border-left: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}

.sendBtnFooter{
    border-radius:  4px 0 0 4px  !important;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading{
    letter-spacing: 0;
}
.hero-slider .slide-control {
    left: calc(11% - 55px);
}

.project-slider .slide-control {
    right: calc(10% - 4px);
}
.header-5 .nav-wrapper ul li.has-submenu::after {
    color: #fff;
    left: 2px;
    right: auto;
}
.header-5 .nav-wrapper ul li a .bg-success {
    margin-right: -20px !important;
    position: absolute;
}
.hero-slider .slide-control-prev{
    left: calc(11% - 40px);
}

@media (max-width: 768px) {
    .hero-slider .slide-control-prev {
        left: calc(11% - 3px) !important;
    }
}

.header-5 .nav-wrapper ul.submenu-wrapper li a .bg-success {
    margin-right: 15px !important;
}


@media only screen and (min-width: 1024px)and (max-width: 1400px) {

.project-slider .slide-control.slide-control-next {
    right: calc(-15% + 36px);
    border-radius: 0px 4px 4px 0px;
}}