
@font-face {
    font-family: 'Poppins';
    src: url('poppins_font/Poppins-Regular.ttf') format('truetype');
    font-display: swap;
}
/*--------------------------------------------------------------
>>>  General
----------------------------------------------------------------*/

body, p {
    direction: ltr;
}

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

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

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

/*--------------------------------------------------------------
>>> header Section - slider
----------------------------------------------------------------*/
.header-contact-info ul li:first-child {
    padding-right: 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-left: 10px;
    margin-right: 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;
    margin-top: -2px !important;
}

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

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

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

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

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

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

.section-heading .dash-style::before {
    right: 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-right: 12px;
    padding-left: 0;
}

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

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

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

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

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

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

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

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

.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: 18px 5px 25px 5px;
    }

    .callback-counter-wrap .counter-content {
        padding-left: 10px;
        padding-right: 0px;
        text-align: left !important;
    }
    .callback-section .callback-counter-wrap .counter-item{
        direction: rtl!important;
    }
}

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

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

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

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

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

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

}

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

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

.newsletter-form input[type="submit"] {
    left: auto;
    right: 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;
    }
    .section-heading h2{
        font-size: 2rem !important;
    }
}

.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-left: 0;
    margin-right: 10px;
}

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

.site-footer .footer-menu ul li::before {
    left: auto;
    right: -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: #F56960 !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: #F56960;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
    color: #F56960;
}
.main-navigation ul > li > a{
    font-size:13px !important
}

.package-wrap .package-content .btn-wrap a.width-6 {
    width: 100% !important;
    direction: ltr;
}

.section-heading h2{
    font-size: 2rem !important;
}
.best-section .section-heading {
    margin-bottom: 25px !important;
}
.hotels-section .package-inner .row [class*=col-]{
    padding-right: unset !important;
    padding-left: unset !important;
}
.subscribe-section .section-heading h4{
    font-weight: 400;
    font-size: 1rem;
}
