/*@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@font-face {
    font-family: 'Cairo';
    src: url('cairo_fonts/Cairo-VariableFont_slnt,wght.ttf') format('truetype');
    font-display: swap;
}
/*--------------------------------------------------------------
>>>  General
----------------------------------------------------------------*/

body, p {
    direction: rtl;
}

*,
input,
textarea,
option {
    font-family: 'Cairo', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
input,
textarea,
button,
a {
    font-family: 'Cairo', sans-serif !important;
}

.text-justify {
    text-align: justify !important;
}

/*--------------------------------------------------------------
>>> header Section - slider
----------------------------------------------------------------*/
.header-contact-info ul li:first-child {
    padding-left: 16px;
}

.home-slider-section {
    direction: ltr;
}

.home-banner-items .overlay {
    background-color: rgba(21, 21, 21, 0.41);
}

/*--------------------------------------------------------------
>>> header Section -Top bar
----------------------------------------------------------------*/
.header-search-icon {
    margin-right: 10px;
    margin-left: 0;
}

.btn-whatsapp {
    background-color: #25D366;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background-color: #2BB741;
}

/*--------------------------------------------------------------
>>> header Section - Menu
----------------------------------------------------------------*/
.main-navigation ul li.menu-item-has-children > a::after {
    float: left;
    margin-right: 8px;
    margin-left: auto;
}

.main-navigation ul ul {
    text-align: right;
    left: auto;
    right: 0;
}

.mobile-menu-container .slicknav_menu .slicknav_icon {
    margin-right: 0;
    margin-left: 10px;
}

/*--------------------------------------------------------------
>>> Home Destination section
----------------------------------------------------------------*/
.desti-item .bg-meta-cat {
    left: auto;
    right: 30px;
}

.overlay-desti-item .desti-content {
    left: auto;
    right: 10px;
}

.rating-start span {
    left: auto;
    right: 0;
}

.section-heading .dash-style {
    padding-right: 80px;
}

.section-heading .dash-style::before {
    left: calc(100% - 70px);
}

.section-disc {
    text-align: justify;
}

/*--------------------------------------------------------------
>>> Home packages section
----------------------------------------------------------------*/
.package-wrap .package-price {
    right: auto;
    left: 0;
}

.package-meta ul li:first-child {
    padding-left: 12px;
    padding-right: 0;
}

.package-meta ul li:last-child {
    padding-right: 12px;
    padding-left: 0;
}

.package-meta ul li::before {
    width: 100%;
    right: 50%;
}

.package-meta ul li [class*="fa-"] {
    margin-right: 0;
    margin-left: 4px;
}

.package-wrap .package-content .btn-wrap a [class*="fa-"] {
    margin-right: 8px;
}

.meta-cat a {
    font-size: 1.1rem;
    font-family: 'Cairo', sans-serif !important;
}

.package-content h3 {
    font-size: 18px !important;
}
.package-content p {
    text-align: right;
    font-size: 14px !important;
    color: #777;
}

/*--------------------------------------------------------------
>>> Home callback section
----------------------------------------------------------------*/
.callback-section {
    direction: ltr;
}

.callback-section > div {
    text-align: right;
}

.callback-section::before {
    z-index: -1;
}

.support-area {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .callback-section .callback-counter-wrap .counter-item {
        padding: 25px 10px 18px 10px;
    }

    .callback-counter-wrap .counter-content {
        padding-left: 0px;
        padding-right: 10px;
    }
}

/*--------------------------------------------------------------
>>> Home special section
----------------------------------------------------------------*/
.special-item {
    position: relative;
}

.special-item .badge-dis {
    right: auto;
    left: -10px;
}

/*--------------------------------------------------------------
>>> Home client section
----------------------------------------------------------------*/
.client-section {
    direction: ltr;
}

.subscribe-section .section-heading {
    position: relative;
}

[type="email"],
[type="number"],
[type="tel"],
[type="url"] {
    direction: rtl;
}

.newsletter-form input[type="email"] {
    padding: 0 20px 0 190px;

}

@media (max-width: 570px) {
    .newsletter-form input[type="email"] {
        /*padding: unset;*/
    }
}

.newsletter-form input[type="email"]::placeholder {
    color: #FFF;
}

.newsletter-form input[type="submit"] {
    right: auto;
    left: 5px;
}

/*--------------------------------------------------------------
>>>  Home blog section
----------------------------------------------------------------*/
.blog-section .entry-meta span::before {
    right: auto;
    left: 0;
}

/*--------------------------------------------------------------
>>>  Home testimonial section
----------------------------------------------------------------*/
.testimonial-section {
    direction: ltr;
}

/*--------------------------------------------------------------
>>>  Home contact details section
----------------------------------------------------------------*/
.contact-section {
    position: relative;
}

.contact-section .contact-details {
    border-right: none;
}

.contact-section .border-right {
    padding-right: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

@media screen and (max-width: 575px) {
    .contact-section .border-right {
        padding-right: 0;
        border-right: none;
    }
}

.contact-section .contact-details-wrap [class*="col-"]:last-child .contact-details {
    border-left: none;
}

.contact-section .contact-details-wrap {
    padding-left: auto;
    padding-right: 20px;
}

.contact-section .contact-btn-wrap {
    border-top: none;
    margin-top: 4px;
    padding-top: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/*--------------------------------------------------------------
>>> footer
----------------------------------------------------------------*/
.footer-primary .widget .widget-title::before {
    margin-right: 0;
    margin-left: 10px;
}

.widget.widget_recent_post li .entry-meta span::before {
    right: auto;
    left: 0;
}

.site-footer .footer-menu ul li::before {
    right: auto;
    left: -2px;
}

.site-footer .award-img a {
    width: 80%;
}


/*============ style for contact button on the top navbar ===========*/
.inner-baner-container {
    /*padding: 230px 0 !important;*/
    padding-top: 263px!important;
}

.header-contact-info ul li a {
    padding: 3px 15px !important;
}

.header-contact-info ul li a:hover {
    background-color: #fff;

    border-radius: 10px;
}

/*=== make class (active) to add it to the navbar item ======*/
.active_navbar {
    color: #fc8e14 !important;
}

/*================== edit collapse nav-link in package-details page ================*/
/*.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active{*/
/*    border-color: #dee2e6 #dee2e6 #fff !important;*/
/*}*/
.nav-pills .nav-link.active {
    background-color: unset;
    border-right: 2px solid;
    border-left: 2px solid;
    border-top: 2px solid;
    border-color: #dee2e6 #dee2e6 #fff !important;
    color: #fc8e14;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
    color: #fc8e14;
}