@font-face {
    font-family: 'ray';
    src: url('./fonts/ray.woff2') format('woff2'),
    url('./fonts/ray.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{
    font-family: ray, tahoma, sans-serif !important;
}
.fa-lang-dir {
    direction: rtl !important;
}
.home-big-text {
    font-size: clamp(48px, #{'1.125rem + 2.8125vw'}, 66px);
    direction: rtl;
    position: relative !important;
    z-index: 100;
    width: 100% !important;

}

#hero-buttons {
    margin-top: 10px !important;
    a {
        font-size: clamp(20px, 5vw, 35px);
        direction: rtl !important;
    }
    a.text-theme-secondary {
        font-size: clamp(20px, 5vw, 32px);
        direction: rtl !important;
    }
}


.icon-circle i {
    color: #dc3545;
    margin-top: -11px !important;
    transform: rotate(180deg) !important;
}
.icon-circle2 i {
    color: #dc3545;
    margin-top: -11px !important;
    transform: rotate(180deg) !important;
}
.icon-circle-about  i {
    margin-top: -11px !important;
    transform: rotate(180deg) !important;
}
.icon-circle-about   {
    margin-top: -11px !important;
    margin-right: 10px !important;
}

.swiper-button-prev::after, .swiper-button-next::after {
    transform: rotate(180deg) !important;
}


.gift-card-subtitle .bi-arrow-right::before {
    transform: rotate(180deg) !important;
    margin-right:  20px !important;
    margin-left:  20px !important;
}

#contact-form label {
    left: unset !important;
}

.me-fa-3 {
    margin-right: 20px !important;
}
.me-fa-5 {
    margin-right: 25px !important;
}

@media (max-width: 500px) {
    .btn-close-menu {

        right: unset !important;
        left: 60px;

    }
}

.home-locations .info-container {
    width: 100% !important;
}

.home-locations .info-container .info-item {
    display: block !important;
    text-align: right;
}

.text-align-end {
    text-align: left !important;
}
.fa-display-none {
    display: none !important;
}
.fa-align-start {
    text-align: right !important;
}

.explore-menu-buttons {

    a {

        padding-top: 10px !important;
    }

}
@media (max-width: 500px) {
    .info-item span {

         text-align: right  !important;;
    }
}