@font-face {
    font-family: 'DIN-Next-LT-Arabic';
    src: url('../fonts/DINNextLTArabic-Bold.eot');
    src: url('../fonts/DINNextLTArabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTArabic-Bold.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Bold.woff') format('woff'),
        url('../fonts/DINNextLTArabic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN-Next-LT-Arabic';
    src: url('../fonts/DINNextLTArabic-Regular.eot');
    src: url('../fonts/DINNextLTArabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DINNextLTArabic-Regular.woff2') format('woff2'),
        url('../fonts/DINNextLTArabic-Regular.woff') format('woff'),
        url('../fonts/DINNextLTArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html:lang(ar) {
    direction: rtl;
}
html:lang(ar) body{
    font-family: 'DIN-Next-LT-Arabic', sans-serif;

}
html:lang(ar) h1, html:lang(ar) .h1, html:lang(ar) h2, html:lang(ar) .h2, html:lang(ar) h3, html:lang(ar) .h3, html:lang(ar) h4, html:lang(ar) .h4, html:lang(ar) h5, html:lang(ar) .h5, html:lang(ar) h6, html:lang(ar) .h6{
    font-family: 'DIN-Next-LT-Arabic', sans-serif;
}
@media (min-width: 992px) {
    html:lang(ar).text-lg-start {
        text-align: right !important;
    }
}
@media (min-width: 1400px) {
    html:lang(ar) .visual-section .content-box h1, html:lang(ar) .visual-section .content-box .h1 {
        font-size: 100px;
    }
}
html:lang(ar) .heros-section .hero-card .btn-box .btn svg, html:lang(ar) .visual-btns .btn-box .btn svg {
    transform: scale(-1);
}

html:lang(ar) .btn-box .btn:hover svg {
    -webkit-transform: translateX(-5px) scale(-1);
    transform: translateX(-5px) scale(-1);
}
html:lang(ar) .arrows-wrapper {
    flex-direction: row-reverse;
}

html:lang(ar) .hd-title{
    text-align: right !important;   
}
html:lang(ar) .heroSlideshow .hero-card .slide-title {
    text-align: center !important;
}
html:lang(ar) .heroSlideshow .hero-card .slide-title::before {
    left: auto !important;
    right: 0 !important;
}
html:lang(ar) .heroSlideshow .hero-card .slide-title::after {
    left: auto !important;
    right: 0 !important;
}
html:lang(ar) .visual-section .content-box h1, html:lang(ar) .visual-section .content-box .h1 {
    font-family: 'DIN-Next-LT-Arabic', sans-serif;
    line-height: 1.3;
}

@media (min-width: 1200px) {
    html:lang(ar) .heros-section .heroSlideshow .slick-list {
        padding-left: 20%;
        padding-right: 0;
    }
}

html:lang(ar) .btn-box .btn{
    font-family: 'DIN-Next-LT-Arabic', sans-serif;
}
html:lang(ar) .heros-section .hero-counter{
    direction: ltr;
}
html:lang(ar) .heros-section .heroSlideshow .slick-slide{
    transform: rotate(0deg) !important;
}
.lang-swithcer a svg {
    width: auto;
    height: 40px;
}
html:lang(ar) .footer .explore-block a svg {
    transform: scale(-1);
}


@media (min-width: 1599.98px) {
    html:lang(ar) .resources-block .section-wrapper .resources-card .card-content p {
        font-size: 15px;
    }
}
html:lang(ar) .footer .explore-block a:hover svg {
    -webkit-transform: translateX(-5px) scale(-1);
    transform: translateX(-5px) scale(-1);
}

@media (min-width: 1400px) {
    html:lang(ar) .resources-block .section-wrapper .head-col h2, html:lang(ar) .resources-block .section-wrapper .head-col .h2 {
        line-height: 72.6px;
    }
}
@media (max-width: 767.98px) {
    html:lang(ar) .heroSlideshow .hero-card .slide-title {
        font-size: 14px;
        max-width: 300px;
    }
}



html .btn.btn-purple{
  background: #6400FF;
}
html .btn.btn-purple:hover{
  background-color: rgba(100, 0, 255, 0.3);
}