@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=League+Spartan:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body, body * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

body {
    font-family: "Rubik", sans-serif;
}
p {
    margin-bottom: 0;
}
a {
    text-decoration: none;
}
:focus {
  outline: 2px solid #0d6efd; /* Bootstrap primary color */
  outline-offset: 2px;
}
.page {
    padding-top: 70px;
}
.btn_main {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 25px;
    border-radius: 5px;
    border: 0;
}
.f-dark {
	color: #000000;
}
a.btn_main {
    color: #000;
    text-decoration: none;
}
.w-200 {
    width: 200px !important;
}
.small {
    font-size: 14px;
}
.color_green {
    color: #80C63B;
}
.bg_section {
    background-color: rgba(228, 228, 228, 0.25);
}
.bg_green {
    background: #ADE279;
}
.bg_light_green {
    background: #DEF1CC;
}
.bg_orange {
    background: #FC9934D9;
}
.bg_gray {
    background: #DEDDDD;
}
.btn:hover {
    background-color: inherit !important;
}

.title_1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.title_2 {
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.title_3 {
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 107.143% */
    letter-spacing: 0.168px;
}
.title_4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
}
.title_5 {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
}
.title_6 {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
}
.text {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 28px */
    letter-spacing: 0.12px;
    color: #000;
}
.text_light {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.108px;
}
.badge {
    border-radius: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000000;
    padding: 5px;
    margin-left: 5px;
}
.article_inner p, .page_content p {
    margin-bottom: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0.12px;
    color: #000;
    margin-top: 25px;
}
.article_image {
    border-radius: 10px;
}
.article_inner h3, .article_inner h2 {
    margin-top: 40px;
    margin-bottom: -15px;
    line-height: 1.2;
    font-weight: 400;
    font-size: 26px;
}
.article_inner h2 {
    font-weight: 300;
}
.article_inner h4 {
    font-weight: 400;
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: -15px;
}
.article_inner h5, .article_inner h6 {
    margin-top: 40px;
    margin-bottom: -15px;
}
h3 {
    font-weight: 400;
}
.f-normal {
    font-weight: 400;
}
.f-light {
    font-weight: 300;
}
.f-bold {
    font-weight: 500;
}
.f-12 {
    font-size: 12px !important;
}
.f-14 {
    font-size: 14px !important;
}
.f-16 {
    font-size: 16px !important;
}
.f-18 {
    font-size: 18px;
}
.f-20 {
    font-size: 20px;
}
.f-22 {
    font-size: 22px;
}
.f-24 {
    font-size: 24px;
}
.f-26 {
    font-size: 26px;
}
.f-28 {
    font-size: 28px;
}
.f-30 {
    font-size: 30px;
}
.f-32 {
    font-size: 32px !important;
}
.f-34 {
    font-size: 34px;
}
.f-40 {
    font-size: 40px;
}
.f-44 {
    font-size: 44px;
}
.f-160 {
    line-height: 160%;
}
.mr-5 {
    margin-right: 3rem !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-2 {
    margin-right: .5rem!important;
}
.mr-0 {
    margin-right: 0;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-2 {
    margin-left: .5rem!important;
}
.ml-0 {
    margin-left: 0;
}
.pr-5 {
    margin-right: 3rem !important;
}
.pl-5 {
    padding-left: 3rem !important;
}
.text-left {
    text-align: left;
}
.max-200 {
    max-width: 200px;
}
.form-check {
    text-align: right;
    display: inline-block;
}
.form-check .form-check-input {
    float: right;
    margin-left: 10px;
}
::-webkit-input-placeholder {
    font-weight: 300;
    color: #808080;
}
:-moz-placeholder {
    color: #808080;
    font-weight: 300;
}
::-moz-placeholder {
    font-weight: 300;
    color: #808080;
} 
.form-control {
    max-width: 300px;
    margin: auto;
    font-weight: 300;
    font-size: 18px;
}
select.form-select {
    font-size: 18px;
    font-weight: 300;
    max-width: 300px;
    margin: auto;
}
[type=email], [type=number], [type=tel], [type=url] {
    direction: rtl;
}
.sticky_btn_line {
    transition: opacity 0.3s ease;
}
.sticky_btn_line.hidden {
    opacity: 0;
    pointer-events: none;
}
.search_section.collapse.show {
    position: fixed;
    z-index: 999999;
    margin-top: 58px;
    width: 100%;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

@media (min-width: 1400px) {
    .container-md {
        max-width: 1297px;
    }
}




/* header menu logo */
header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1020; /* Ensure it's above other content */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
header.transparent {
    background-color: transparent;
}
header.scrolled {
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: add shadow for visual distinction */
}
.logo_text1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
}
.logo_text2 {
    color: #80C63B;
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}
.nav-link {
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    color: #000;
}
.btn-banner-contact {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.108px;
    padding: 11px 30px;
}
.logo_icon {
    max-height: 39px;
}

/* menu Styles */
.nav-item:hover > a.nav-link.dropdown-toggle {
    /* border-bottom: 3px solid #80C63B; */
    font-weight: 400;
    letter-spacing: 0px !important;
}
.dropdown > ul.dropdown-menu {
    border: 1px solid rgba(139, 139, 139, 0.25);
    border-radius: 10px;
    /* margin-top: 10px; */
    right: 0;
    left: auto;
    min-height: 300px;
    min-width: 200px;
}

.section_faq  h4 {
    font-size: 18px !important;
    font-weight: 300;
    margin-top: -15px !important;
}

@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-menu .dropdown:hover > .dropdown-menu {
        display: block;
        position: absolute;
        right: 97%;
        left: auto;
        top: -1px;
        margin-top: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        min-height: 100%;
    }
}
/* Styling for nested dropdown alignment */
.dropdown-menu .dropdown-menu {
    right: 100%; /* Position submenus to the right */
    left: auto;
    top: 0;
}
.dropdown-item.active, .dropdown-item:active {
    background: transparent;
    color: var(--bs-dropdown-link-color);
}
/* .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: static;
} */

ul.dropdown-menu ul.dropdown-menu {
    border-radius: 10px 0 0 10px !important;
    list-style: circle;
    padding-right: 25px;
    
}
ul.dropdown-menu ul.dropdown-menu li::marker {
    content: "• ";
    color: #FC9934;
}
.dropdown-menu > li.dropdown {
    position: static;
}

.dropdown-toggle::after {
    background: url('/images/arrow_down.svg');
    content: "" !important;
    border: 0;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 5px;
}
.nav-item:hover .dropdown-toggle::after {
    transform: rotate(180deg);
    margin-top: -6px;
}

.navbar-nav > li > a.nav-link.dropdown-toggle {
    border-bottom: 3px solid transparent;
    letter-spacing: 0.2px;
        margin-bottom: -4px;
    margin-top: 1px;
}
.dropdown > ul.dropdown-menu .dropdown-toggle::after {
    background: transparent;
}
.dropdown-item {
    padding: 10px 15px;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    text-align: right;
}
.dropdown-menu .dropdown ul li .dropdown-item {
    font-size: 16px;
}

.dropdown-item img {
    padding: 0 5px;
}
.navbar-nav > li > ul > li:hover > .dropdown-item {
    font-weight: 400;
    background: transparent;
}
.dropdown-item:hover {
    font-weight: 400;
}
.nav-item.dropdown .dropdown a:after {
    display: none;
}
a.nav-link.dropdown-toggle.no_arrow::after {
    content: "" !important;
    display: none;
}
.navbar-expand-lg .navbar-collapse {
    justify-content: center;
}
.menu_item_icon {
    width: auto;
    height: 20px;
}
.menu_text_bold {
    color: #80C63B;
}
.hotel_box {
    width: 401px;
    height: 189px;
}
.content_index_bar {
    max-height: 550px;
    overflow-y: auto;
}
.map iframe {
    border-radius: 10px;
    border: 0;
    height: 321px;
    width: 100%;
}
.inner_pages_iframes iframe {
    width: 100%;
    min-height: 300px;
}
.sub_title {
    font-weight: 300;
}
li.breadcrumb-item a {
    color: #000;
}
.breadcrumb {
    margin-right: 33px;
}
.breadcrumb-item a {
    color: inherit;
}

.error-message {
    background: #eee;
    position: absolute;
    padding: 2px 20px;
    min-width: 200px;
    border-radius: 5px;
    margin-top: -8px;
    margin-right: 4%;
    color: #000;
    font-size: 12px;
    border: 1px solid #f49696;
}
.error-message.error-message-checkbox {
    position: relative;
    display: inline;
    margin-left: 10px;
}

@media (max-width: 550px) {
    header.transparent {
        background: #fff;
    }
    .navbar-toggler-icon {
        background-image: url('/images/menu_close.svg');
        background-size: 25px;
        background-position: center;
    }
    .navbar-toggler.collapsed span.navbar-toggler-icon {
        background-image: url('/images/menu.svg');
    }
    .navbar-toggler {
        border: 0;
        padding: 0px;
    }
    .navbar-collapse {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100vw;
        background-color: #ffffff;
        z-index: 1050;
        padding: 15px;
        height: 94vh;
    }
    .navbar-collapse.show {
        display: block !important;
        overflow: scroll;
    }
    .dropdown > ul.dropdown-menu {
        border: 0;
    }
    .navbar-nav:hover > li > a.nav-link.dropdown-toggle, .navbar-nav > li > a.nav-link.dropdown-toggle {
        display: flex;
        justify-content: space-between;
        line-height: 28px;
    }
    .nav-item:hover .dropdown-toggle::after {
        margin-top: 7px;
        margin-left: 5px;
    }
    .nav-item:hover .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .nav-item:hover .dropdown-toggle.show::after {
        transform: rotate(180deg);
    }
    .nav-item:hover .dropdown-toggle::after {
        margin-top: 7px;
    }
    .nav-item.dropdown > ul > .dropdown > a:after {
        display: block;
        background: url('/images/arrow_down.svg');
        content: "" !important;
        border: 0;
        height: 10px;
        width: 10px;
        background-repeat: no-repeat;
        background-size: contain;
        vertical-align: middle;
        margin-left: 0px;
        margin-top: 5px;
        margin-right: 5px;
    }
    .nav-item.dropdown .dropdown a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    

    li.nav-item.dropdown > ul {
        border-top: 1px solid #757575 !important;
        border-radius: 0;
    }

    .header_area {
        box-shadow: 0px 6px 2px 0px rgba(139, 139, 139, 0.00), 0px 4px 2px 0px rgba(139, 139, 139, 0.01), 0px 2px 1px 0px rgba(139, 139, 139, 0.03), 0px 1px 1px 0px rgba(139, 139, 139, 0.04), 0px 0px 1px 0px rgba(139, 139, 139, 0.05);
        background: #fff;
    }
    .logo_navbar {
        margin: 0 auto;
        padding: 5px 0;
        min-width: 140px;
    }
    .logo_icon {
        float: right;
        max-width: 250px;
    }
    .logo_spareat {
        display: none;
    }
    .logo_text1 {
        font-size: 18px;
        display: block;
        line-height: 18px;
    }
    .logo_text2 {
        font-size: 16px;
        display: block;
        line-height: 16px;
    }
    .dropdown > ul.dropdown-menu {
        min-height: auto;
    }
    .dropdown-item, .nav-link {
        font-size: 20px !important;
    }

    ul.navbar-nav {
        padding-bottom: 60%;
    }

    .mobile_cta_bg {
        background: #ffffff;
        height: 13%;
        position: fixed;
        bottom: 0;
        width: 100%;
        right: 0;
    }
}


/* footer section */
.section_footer {
    padding: 75px 0 50px;
}
.section_footer ul {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 5px 0;
    font-weight: 300;
}
.section_footer ul li {
    font-size: 20px;
}
.logo_footer_fl img.logo_icon {
    max-width: 40px;
}
.logo_footer_fl {
    margin-bottom: 10px;
}
.author_details_text {
    margin: 0 5px 0 !important;
}
.search_section .btn_main {
    color: #000;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    margin-top: 9px;
    z-index: 9999999999;
    margin-right: 74px !important;
    width: 314px !important;
    border-radius: 10px;
}
.ui-widget.ui-widget-content li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}
.article_navigation_badge {
    white-space: nowrap;
    overflow: hidden;
}
.article_form_offer h2 {
    line-height: 40px;
    display: inline-block;
}
.article_form_offer .section_contact_badge {
    bottom: -60px;
}
.article_inner section.section_contact {
    padding: 0 !important;
}
.article_form_offer p {
    margin-top: 15px;
}
img.banner_type_img {
    width: 100%;
    height: auto;
}

.sidebar_box {
        border-radius: 10px;
        border: 0.5px solid rgba(0, 0, 0, 0.20);
    }
    .single-timeline-area {
        position: relative;
        z-index: 1;
        padding-right: 50px;
    }
    .single-timeline-area .timeline-date {
        position: absolute;
        width: 180px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 60px;
    }
    .single-timeline-area .timeline-date::after {
        position: absolute;
        width: 3px;
        height: 100%;
        content: "";
        background-color: #E4E4E4;
        top: 0;
        right: 30px;
        z-index: 1;
    }
    .single-timeline-area .timeline-date::before {
        position: absolute;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background-color: #E4E4E4;
        content: "";
        top: 50%;
        right: 26px;
        z-index: 5;
        margin-top: -5.5px;
    }
    .single-timeline-area-read .timeline-date::after,
    .single-timeline-area-read .timeline-date::before {
        background-color: #ADE279;
    }
    .single-timeline-area .timeline-date p {
        margin-bottom: 0;
        color: #020710;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
    }

@media (max-width: 550px) {
    .mt-5 {
        margin-top: 30px !important;
    }
    .mb-5 {
	    margin-bottom: 30px !important;
	}
    .py-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .my-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .sm-m-0 {
        margin: 0px !important;
    }
    .section_footer .logo_navbar {
        width: 138px;
        margin: 25px  auto 0 !important;
        text-align: center;
        position: relative;
        height: 50px;
    }
   
    .logo_footer_fl {
        margin-bottom: 7px;
    }

    /* .arrow {
        margin-left: 10px;
        transition: transform 0.3s ease;
    }

    .collapse:not(.show) + .arrow {
        transform: rotate(0deg); 
    }

    .collapse.show + .arrow {
        transform: rotate(180deg); 
    } */

    .footer_menu_title {
        display: flex;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.70); */
        padding: 20px 0;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
    }
    .footer_menu {
        border-bottom: 1px solid rgba(0, 0, 0, 0.70);
    }
    .collapse:not(.show) + .arrow {
        transform: rotate(0deg); 
    }
    .collapse.show + .arrow {
        transform: rotate(180deg); 
    }
    .accordion-header .title_4 {
        font-size: 20px;
    }
    .section_article_title {
        font-size: 20px;
    }

    .text {
        font-size: 18px;
    }
    .title_1 {
        font-size: 30px;
    }
    .title_6 {
        font-size: 36px;
    }
    .btn_main {
        width: auto;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        padding: 10px 10px;
        max-width: 100%;
    }
    .mobile_swipe_box {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding: 10px 30px;
        scrollbar-width: none;
        flex-wrap: nowrap;
    }
    .mobile_swipe_box::-webkit-scrollbar {
        display: none; /* Hide scrollbar (for WebKit browsers) */
    }
    .mobile_swipe_item {
        flex: 0 0 calc(100% - 32%); /* Visible full and part of the next item */
        scroll-snap-align: start; /* Snap each item to the start */
        box-sizing: border-box; /* Include padding in width */
        /* display: flex; */
        justify-content: center; /* Center content */
        padding-left: 0;
        width: 270px;
        flex: none;
    }
    div#esn_acl_activate {
        top: auto !important;
        bottom: 50px !important;
        right: 20px;
    }
    .sidebar_box {
        position: relative !important;
        top: 0 !important;
    }
    .sidebar_box_row {
        max-width: 367px;
    }
    .breadcrumb {
        margin: 15px 5px 0 !important;
    }
    .article_inner .badge {
        font-size: 16px;
        padding: 7px;
    }
    .author_details_text {
        margin: 0 5px 0 !important;
    }
    .article_author_img img {
        margin-bottom: 0 !important;
    }
    .section_footer ul li {
        padding: 0 0 10px;
    }
    a.dropdown-item.hide_arrow::after {
        display: none !important;
    }
    body.no-scroll {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        width: 100%;
    }
    .article_nav_box {
        border-radius: 10px;
        border: 0.5px solid #E4E4E4;
        background: #FFF;
        box-shadow: -28px 25px 11px 0px rgba(139, 139, 139, 0.00), -18px 16px 10px 0px rgba(139, 139, 139, 0.01), -10px 9px 8px 0px rgba(139, 139, 139, 0.03), -4px 4px 6px 0px rgba(139, 139, 139, 0.04), -1px 1px 3px 0px rgba(139, 139, 139, 0.05);
        margin: 5px;
    }
    .sub_title {
	    font-size: 18px;
	}
   
    .ui-autocomplete {
        direction: rtl;
        text-align: right;
        right: -36px;
        left: auto !important;
    }
    .page {
        padding-top: 66px;
    }
    .section_footer {
        padding: 5px 0 50px;
    }
    .btn-banner-contact {
        bottom: 5%;
        position: fixed;
        width: 90% !important;
        margin: 0;
        font-size: 18px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: 0;
        right: 0;
        text-align: center;
    }
    .sidebar_box_row {
        max-width: 100% !important;
    }
    .section_articles .section_article_tags .badge {
        display: none;
    }
    .section_articles .section_article_tags .badge:nth-child(-n+3) {
        display: inline-block;
    }
    .category_menu_box1, .category_menu_box2 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 10px;
        padding: 10px 30px;
        scrollbar-width: none;
        flex-wrap: nowrap;
	    padding-right: 100%;
    }
    .category_menu_item {
        flex: 0 0 calc(100% - 32%);
        scroll-snap-align: start;
        box-sizing: border-box;
        justify-content: center;
        padding-left: 0;
        flex: none;
    }
    .category_menu_box2 .category_menu_item > a , .category_menu_box1 .category_menu_item > a{
        margin: 0 8px !important;
    }
    .category_menu_box1 .category_menu_item {
	    margin-left: 0 !important;
	    padding: 5px 0 !important;
	}
    .accordion_article {
        padding: 0 !important;
        background: #fff !important;
    }
    .section_credit .text-left {
        text-align: right;
    }


}