/* home */
.our-solutions .service-grid_text {
    height: 100px !important;
}

.our-solutions .box-title {
    height: 60px !important;
}

.brand-box img {
    height: 100px;
    width: auto;
}

/* slider */
@media (max-width: 1299px) {
    .arrow-wrap .slider-arrow {
        display: block;
    }
}

/* mobile menu */
.th-menu-wrapper .th-menu-area {
    -webkit-transition: all ease 0.6s;
    transition: all ease 0.6s;

}

.dropdown-menu-lang {
    background-color: #093a3e;
    border-color: rgba(0, 0, 0, .15);
}

.dropdown-menu-lang .dropdown-item {
    color: #fff;
    ;
}

.dropdown-menu-lang .dropdown-item:hover {
    color: #000;
}

.button-lang {
    width: 40px;
    height: 40px !important;
    margin-top: 3px;
    border-radius: 50%;
}


html[lang="ar"] {
    direction: rtl;

}

html[lang="ar"] .th-hero-wrapper,
html[lang="ar"] header,
html[lang="ar"] .th-btn,
html[lang="ar"] .footer-top,
html[lang="ar"] .contact-form,
html[lang="ar"] .copyright-wrap {
    direction: ltr;

}

html[lang="ar"] .home-menu {
    direction: rtl;
}

html[lang="ar"] .accordion-card .accordion-button:after {
    right: 20px;
}

html[lang="ar"] .hero-2 {
    direction: rtl;

}

html[lang="ar"] .footer-top span,
html[lang="ar"] .hero-style2 {
    direction: rtl;

}

html[lang="ar"] .hero-style2 {
    padding-right: 50px;
}

html[lang="ar"] .footer-widget.widget_nav_menu a:before {
    content: "\f053";
    right: -15px;
}

html[lang="ar"] .breadcumb-menu li:after {
    margin-right: 10px;
}

html[lang="ar"] .service-card_number {
    right: inherit;
    left: 10px;
}

html[lang="ar"] .icon-masking {
    margin-left: 10px;
    margin-right: 0 !important;
}

html[lang="ar"] .checklist ul {
    text-align: right;
    padding-right: 0;
}

html[lang="ar"] .widget_nav_menu a::before {
    content: "\f060";
    left: 15px;
    right: unset;
}

html[lang="ar"] .th-hero-wrapper .slider-arrow {
    right: auto !important;
    left: var(--pos-x, -120px) !important;

}

html[lang="ar"] .th-hero-bg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

html[lang="ar"] .hero-shape2 {
    left: 0;
    right: unset;
}

html[lang="ar"] .hero-shape1 {
    left: 0;
    transform: skewX(45deg);
    right: unset;
}
html[lang="ar"] .contact-form{
  direction: rtl;
}
html[lang="ar"] .contact-form .contact-form{
    text-align: right;

}
.background-image.arrow-wrap,
.ourSolutions-section,
.technologies-section,
.partners-section {
    padding-top: 60px !important;
    padding-bottom: 10px !important;
}
/* OUR SOLUTIONS */
.our-solutions .swiper,
.our-solutions .swiper-wrapper,
.our-solutions .swiper-slide {
    height: auto !important;
    min-height: auto !important;
}

.our-solutions {
    padding-top: 60px !important;
    padding-bottom: 10px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.our-solutions .title-area {
    margin-bottom: 50px !important;
}
#blog-sec {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#blog-sec .container,
#blog-sec .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
@media (max-width: 768px) {
    #blog-sec {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #blog-sec.space,
    #blog-sec.bg-top-right,
    #blog-sec.overflow-hidden {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
    }
    #blog-sec .container.space-bottom {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    #blog-sec .title-area {
        margin-bottom: 10px !important;
    }
}
#faq-sec {
    margin-top: 0 !important;
    padding-top: 15px !important;
}
@media (max-width: 768px) {
    #faq-sec {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
}
@media (max-width: 767px) {
    #blog-sec {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 20 !important;
        height: auto !important;
        min-height: auto !important;
    }

    #blog-sec.space {
        padding-top: 60 !important;
        padding-bottom: 60 !important;
    }

    #blog-sec .container.space-bottom {
        padding-bottom: 0 !important;
    }
    #blog-sec .swiper,
    #blog-sec .swiper-wrapper,
    #blog-sec .swiper-slide {
        height: auto !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    .img-box2 {
        margin-bottom: 30px !important;
    }
}