@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

:root {
    --card-bg: #f8fafc;
    --main-border-color: #f4f4f4;
    --main-text-color: #134074;
    --main-text-dark: #0a0908;
    --secondary-bg-color: #47CACE;
    --third-bg-color: #cfe6f9;
    --white-color: #ffffff;
    --hover-border-color: #0f335d;
}

header {
    background-color: rgba(233, 243, 253, 0.5);
    backdrop-filter: blur(10px);
}

/* Start Root */
*,
body {
    font-family: "Outfit", sans-serif;
    scrollbar-width: thin;
    scrollbar-color: #ddd var(--card-bg);
}

body::-webkit-scrollbar {
    width: 0.1rem;
}

body {
    background-color: var(--white-color);
}

.page-body {
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

svg {
    animation: strok 1.5s reverse;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 400;
}

::placeholder {
    color: #60606089 !important;
    font-weight: 400;
}

.card {
    border: none;
}

.card-header {
    padding-bottom: 0.5rem;
}

.modal-backdrop {
    --aous-aw-backdrop-opacity: 0.5 !important;
}

.bg-info-subtle {
    color: var(--aous-aw-dark);
}

.bg-info-lt,
.bg-warning-lt {
    color: var(--aous-aw-body-color) !important;
}

.bg-success-lt {
    color: unset !important;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--aous-aw-pagination-active-color);
    background-color: var(--aous-aw-bg-custom);
    border-color: var(--aous-aw-bg-custom);
}

.btn {
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.btn-primary,
.bg-custom {
    background-color: var(--aous-aw-bg-custom);
    border-color: var(--aous-aw-bg-custom);
    color: var(--aous-aw-white);
}

.btn-primary:hover,
.bg-custom:hover {
    background-color: var(--aous-aw-bg-custom-hover);
    border-color: var(--aous-aw-bg-custom-hover);
    color: var(--aous-aw-white);
}

.btn-main {
    background: var(--card-bg);
    border: unset;
    opacity: 0.7;
}

.btn-main:hover {
    background: var(--card-bg);
    border: unset;
    opacity: 1;
}

.bg-main {
    background: var(--card-bg);
    border-color: var(--main-border-color);
}

/* End Root */

/* Start Loader */
.loader_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(24 24 27 / 25%);
    z-index: 999999;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.loader_area.active {
    visibility: visible;
    opacity: 1;
}

.loader_area .content_loader {
    width: 12rem;
    height: 6rem;
    background: var(--main-border-color);
    color: var(--aous-aw-gray-700);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
    user-select: none;
}

.loader_area .content_loader h3 {
    margin: 0;
}

/* End Loader */

/* Start Reset Tag */
a:hover {
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

input,
select,
textarea {
    box-shadow: none !important;
    outline: none !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--aous-aw-border-active) !important;
}

#shared_item_link .input-icon-addon {
    background: var(--white-color);
    border: 1px solid var(--main-border-color);
}

html[dir="rtl"] .input-icon-addon {
    right: auto;
    left: 0;
}


.ts-dropdown {
    z-index: 9999;
    box-shadow: none;
    padding: 0.5rem;
    border: var(--aous-aw-border-width) solid var(--aous-aw-border-color);
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
    padding: 8px 5px;
}

.ts-control {
    outline: none !important;
    box-shadow: none !important;
}

.form-select .ts-control,
.tom_select .ts-control {
    font-size: .875rem !important;
    outline: none;
    box-shadow: none;
    border-radius: 0.5rem;
    border-color: #e4e4e7;
    padding: 0.6rem;
}

.tom_select .ts-control {
    border-color: #e4e4e7;
    position: relative;
}

.tom_select .ts-control::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24'><path fill-rule='evenodd' d='M11.341 4.747a1 1 0 0 1 1.318 0l4 3.5a1 1 0 1 1-1.317 1.506L12 6.829 8.659 9.753a1 1 0 0 1-1.317-1.506l4-3.5Zm-4.095 9.61a1 1 0 0 1 1.41-.096L12 17.174l3.343-2.913a1 1 0 1 1 1.314 1.508l-4 3.485a1 1 0 0 1-1.314 0l-4-3.485a1 1 0 0 1-.097-1.411Z' clip-rule='evenodd'></path></svg>");
    position: absolute;
    top: 50%;
    right: 5px;
    width: 1.09rem;
    height: 1rem;
    pointer-events: none;
    transform: translate(0, -50%);
    opacity: .5;
}

html[dir="rtl"] .tom_select .ts-control::after {
    left: 5px;
    right: unset;
}

html[dir="rtl"] .ts-control,
html[dir="rtl"] .ts-wrapper.single.input-active .ts-control {
    padding-right: 10px !important;
}

.tom_select.form-control {
    border: unset !important;
    padding: unset !important;
}

.plugin-dropdown_input .dropdown-input {
    border: 1px solid var(--main-border-color);
    margin-bottom: 0.7rem;
    border-radius: 0.25rem;
    background: transparent;
    padding: 0.6rem;
}


/* End Reset Tag */

/* Start Var */
.main_section {
    padding-top: 6rem;
    min-height: 100vh;
}

.header_section {
    text-align: center;
    margin-bottom: 3rem;
}

.title_section {
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 500;
    color: var(--main-text-dark);
}

.description_section {
    font-size: 1rem;
    color: var(--aous-aw-gray-700);
    width: 60%;
    margin: auto;
}

.title_area {
    position: relative;
    margin-bottom: 2.5rem;
}

.title_area::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 1.5px;
    background-color: var(--main-border-color);
}

.global_card {
    border: 1px solid var(--main-border-color);
    padding: 1.25rem;
    border-radius: 13px;
    margin-top: 2rem;
    background: var(--card-bg);
}

.info_sub_section {
    display: flex;
    align-items: start;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.info_sub_section span {
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--aous-aw-gray-600-darken);
}

.mobile_navbar {
    display: none;
}

.btn_custom {
    background: var(--main-text-color);
    color: var(--white-color) !important;
    padding: 0.6rem;
    border: unset;
}

.btn_custom:hover {
    background-color: var(--hover-border-color);
    color: var(--white-color);
}

.btn_custom.disabled {
    opacity: 0.1;
}

.radial_img {
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgb(245, 230, 209);
    background: radial-gradient(circle,
            var(--aous-aw-primary) -40%,
            rgb(32 107 196 / 26%) 30%);
    border-radius: 50%;
    filter: blur(28px);
    opacity: 1;
    transition: all 1s ease-in-out;
    z-index: -1;
}

.radial_img_bottom {
    bottom: 6%;
}

.radial_img_top {
    top: -20%;
}

.radial_img_right {
    right: -13rem;
    opacity: 0.3;
}

.radial_img_left {
    left: -13rem;
    z-index: 9;
    opacity: 0.2;
}

.item_problem_area {
    margin-top: 5rem;
    background: var(--main-border-color);
    border: unset !important;
}

.bg-main-lt {
    background-color: var(--secondary-bg-color);
}

.open_filter_btn {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    background: var(--main-text-color);
    backdrop-filter: blur(5px);
    padding: 0.7rem;
    border-radius: 50%;
    z-index: 9;
    width: 3.5rem;
    height: 3.5rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.open_filter_btn svg {
    --aous-aw-icon-size: 1.5rem;
    color: var(--main-text-dark);
    stroke-width: 1.5;
    color: white;
}

.offcanvas-header {
    padding-block: 0.75rem;

}
/* End Var */

/* Start Map */
#map {
    height: 320px;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(var(--aous-aw-body-color-rgb), 0.15) !important;
}

/* End Map */

/* Start Modals */
.no_postal_code_specified>div {
    background: var(--card-bg);
    padding-block: 1.2rem;
    font-size: 0.95rem;
    border-radius: 10px;
}

.no_postal_code_specified>div a {
    font-weight: 500;
    color: var(--main-text-color);
}

#search_item .modal-content {
    border-radius: 20px;
}

#search_item input,
#form_choose_postal_modal input {
    padding-block: 0.65rem;
    border-radius: 10px;
}

#form_choose_postal_modal svg {
    color: var(--main-text-color);
}

/* End Modals */

/* Start Custom Pagination */
.pagination {
    background: var(--card-bg);
    padding: 0.5rem;
    border-radius: 30px;
}

.pagination_area p {
    margin: 0;
    font-size: 0.85rem;
}

.pagination_area .page-link {
    min-width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.pagination_area .active>.page-link {
    background-color: var(--secondary-bg-color);
}

html[dir="rtl"] .pagination_area .page-link svg {
    rotate: -180deg;
}

html[dir="rtl"] .pagination_area .page-link[rel="next"] svg {
    rotate: 180deg;
}

/* End Custom Pagination */

/* Start Reset Var */

[data-star-rating] .gl-star-rating--stars>span {
    color: var(--aous-aw-gray-200);
}

[data-star-rating] .gl-star-rating--stars>span.gl-active {
    color: var(--aous-aw-yellow);
}

.form-label {
    margin-bottom: 0.25rem;
    font-size: 0.8rem;
}

.form-selectgroup-label,
.navbar-toggler:focus,
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    text-decoration: none;
    outline: none !important;
    border-color: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.form-selectgroup-input:checked+.form-selectgroup-label {
    color: var(--main-text-dark);
    border-color: var(--main-text-dark);
    background-color: var(--card-bg);
}

.badge {
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 400;
}

html[dir="rtl"] .form-check .form-check-input {
    margin-left: 0;
    margin-right: 0;
}

.form-check-input:checked {
    background-color: var(--secondary-bg-color);
    border-color: var(--aous-aw-border-color-translucent);
}

.form-check-input[type=checkbox]:focus,
.form-check-input[type=checkbox]:active {
    border-color: var(--main-border-color) !important;
}

/* End Reset Var */

/* Start Navbar */
.app_navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 5rem;
    transition: all 0.1s ease;
}

.app_navbar.with_absolute {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    height: 4rem;
    z-index: 999;
    border-radius: 50px;
    background: transparent;
}

.app_navbar.with_absolute:not(.fixed, .in_hero) {
    left: 5%;
    width: 90%;
}

.app_navbar.with_absolute.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 4rem;
    z-index: 999;
    border-radius: 0;
    backdrop-filter: blur(4px);
    -webkit-animation: sticky 1s;
    animation: sticky 1s;
    transition: all 0.1s ease;
}

@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.app_navbar a {
    color: var(--main-text-color);
    font-size: 0.9rem;
    font-weight: 500;
}

.app_navbar a svg {
    color: var(--main-text-color);
}

.app_navbar.in_hero:not(.fixed) {
    box-shadow: unset !important;
}

html[dir="rtl"] .app_logo {
    display: flex;
    align-items: center;
    gap: 5px;
}

.app_navbar .app_logo a {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--main-text-color);
}

.app_navbar .links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.app_navbar.single_page .links {
    gap: 2rem;
}

.app_navbar .links .pages_links,
.app_navbar .links .help_links {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

.app_navbar .links .help_links {
    gap: 1rem;
}

.app_navbar .links .pages_links {
    gap: 3rem;
    display: none;
}

.app_navbar .links .help_links .main_button {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    background: var(--secondary-bg-color);
    color: var(--white-color);
    border-color: transparent;
}

.app_navbar.in_hero:not(.fixed) .links .help_links .main_button {
    background: transparent;
    color: var(--main-text-color) !important;
    border: 1px solid var(--main-text-color) !important;
}

.app_navbar .open_search_area {
    position: absolute;
    top: 60px;
    left: 0;
    background: #ffffff;
    width: 100%;
    height: 8rem;
    padding: 1rem 5rem;
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s ease;
}

.app_navbar .open_search_area .close_search_area {
    position: absolute;
    right: 1.5rem;
    top: -0.25rem;
}

html[dir="rtl"] .app_navbar .open_search_area .close_search_area {
    left: 1.5rem;
    right: unset;
}

.app_navbar .open_search_area.opend {
    visibility: visible;
    opacity: 1;
}

.open_search_area .input_content {
    display: flex;
    align-items: center;
}

.open_search_area .input_content svg {
    --aous-aw-icon-size: 1.75rem;
}

.open_search_area .input_content form {
    width: 100%;
    display: flex;
    align-items: center;
}

.open_search_area .input_content form input {
    padding-block: 0.7rem;
    background: transparent;
    border: none;
    font-size: 1.25rem;
    font-weight: 500;
}

.open_search_area .input_content input::placeholder {
    font-size: 1.25rem;
    font-weight: 500;
}

body.open_search_area_modal::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.search_button_mobile {
    display: none;
}

/* End Navbar */

/* Start Wihtout Nav */
.custom_navbar.single_page {
    background-color: transparent;
    box-shadow: unset !important;
}

/* End Wihtout Nav */

/* Start Hero */
.hero_area {
    position: relative;
    padding-top: 10rem;
    padding-inline: 5rem;
    text-align: center;
    overflow: hidden;
    background: -webkit-linear-gradient(to left, #6db2f054, #ffffff);
    background: linear-gradient(to left, #6db2f00f, #ffffff);
    /* -webkit-mask-image: linear-gradient(360deg, transparent 0, #000 35%); */
    /* mask-image: linear-gradient(360deg, transparent 0, #000 35%); */
}

html[dir="rtl"] .hero_area .action_hero {
    padding-left: unset;
    padding-right: 5rem;
}

.hero_area .action_hero .text_hero h1 {
    font-size: 4rem;
    line-height: normal;
    position: relative;
    margin-bottom: 0.75rem;
    color: var(--main-text-color);
    letter-spacing: -2px;
}

html[dir="rtl"] .hero_area .action_hero .text_hero h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.hero_area .action_hero .text_hero p {
    font-size: 0.9rem;
    color: #606060;
}

html[dir="rtl"] .hero_area .action_hero .text_hero p {
    font-size: 0.95rem;
}

.hero_area .form_hero {
    padding-top: 3.5rem;
    width: 28rem;
    margin: auto;
}

.hero_area .form_hero .content_input {
    position: relative;
}

.hero_area .form_hero .content_input input {
    padding: 0.9rem 2.5rem;
    border-radius: 25px;
    font-size: 0.9rem;
    border: unset;
    font-weight: 500;
    background: transparent;
    border: 1px solid var(--main-text-color);
    box-shadow: unset !important;
}

.hero_area .form_hero .input-icon-addon {
    left: 5px;
}

html[dir="rtl"] .hero_area .form_hero .input-icon-addon {
    left: unset;
    right: 5px;
}

.hero_area .form_hero .input-icon-addon svg {
    --aous-aw-icon-size: 1.5rem;
    color: var(--main-text-color);
}

.hero_area .form_hero .content_input button {
    padding: 0.7rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4px;
    right: 5px;
    border: unset;
    background: var(--main-text-color);
    color: var(--white-color);
}

html[dir="rtl"] .hero_area .form_hero .content_input button {
    right: unset;
    left: 10px;
}

.hero_area .form_hero .content_input button.location_btn {
    right: 55px;
    background: transparent;
    color: var(--secondary-bg-color);
}

html[dir="rtl"] .hero_area .form_hero .content_input button.location_btn {
    left: 55px;
    right: unset;
}

html[dir="rtl"] .hero_area .form_hero .content_input button.location_btn svg {
    transform: rotate(0);
}

.hero_area .form_hero .content_input button svg {
    margin: 0;
    --aous-aw-icon-size: 1.5rem;
}

html[dir="rtl"] .hero_area .form_hero .content_input button svg {
    transform: rotate(180deg);
    margin-inline: 0 !important;
}

.hero_area .form_hero .note {
    font-size: 0.7rem;
    margin-left: 0.75rem;
    margin-top: 0.3rem;
    color: #606060;
}

html[dir="rtl"] .hero_area .form_hero .note {
    margin-left: unset;
    margin-right: 0.75rem;
}

.hero_area .action_hero .keywords {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    margin-left: 0.65rem;
}

.hero_area .action_hero .keywords span {
    font-size: 0.9rem;
    display: inline-block;
    padding: 6px 1rem;
    border-radius: 20px;
    font-weight: 500;
    color: black !important;
    background: #fecc4e;
}

.hero_area .action_hero .city_name_title span {
    display: block;
    font-size: 3.5rem;
    margin-top: 3rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.6;
    color: var(--secondary-bg-color);
    letter-spacing: -5px;
    line-height: 0.8;
    user-select: none;
}

.hero_area .content_text {
    overflow: hidden;
    font-size: 3.5rem;
    line-height: 3rem;
}

html[dir="rtl"] .hero_area .content_text {
    font-size: 2rem;
}

.content__container {
    overflow: hidden;
    height: 3rem;
}

.content__container__list {
    color: var(--aous-aw-secondary);
    opacity: 0.7;
    margin-top: 0;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes opacity {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes change {

    0%,
    12.66%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -25%, 0);
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -50%, 0);
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0);
    }

    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0);
    }

    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0);
    }
}

@keyframes opacity {

    0%,
    100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes change {

    0%,
    12.66%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -25%, 0);
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -50%, 0);
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0);
    }

    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0);
    }

    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0);
    }
}

.content__container__list__item {
    color: var(--secondary-bg-color);
}

.hero_area .image_hero {
    text-align: end;
}

.hero_area .image_hero img {
    height: 100%;
    object-fit: cover;
    width: 90%;
}

.recommended_by_us .action_tools {
    text-align: center;
    margin-top: 1.5rem;
}

.recommended_by_us .action_tools a {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    background: var(--secondary-bg-color);
    color: var(--white-color);
    border-color: transparent;
    display: block;
    width: 10rem;
    margin: auto;
}

/* End Hero */

/* Start Main Categories List */
.main_categories_list .content_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    /* margin-top: 4rem; */
}

.main_categories_list .content_list .card_category {
    padding: 1rem 0.5rem;
    border-radius: 10px;
    text-align: center;
    background: var(--card-bg);
    transition: all 0.3s ease;
}

.main_categories_list .content_list .card_category.active,
.main_categories_list .content_list .card_category:hover {
    border: unset;
}

.main_categories_list .content_list .card_category .category_title {
    color: var(--main-text-dark);
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0.5rem;
}

.sub_category_card video,
.card_category video {
    mix-blend-mode: multiply;
    /* filter: hue-rotate(90deg) brightness(0.8) contrast(1.2); */
}

/* End Main Categories List */

/* Start Item Card */
.item_cards {
    padding-inline: 7rem;
}

.item_card {
    border-radius: 10px;
    margin-bottom: 1.5rem;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    overflow: hidden;
}

.item_card .card_image_content {
    position: relative;
    overflow: hidden;
    max-height: 15rem;
    height: 15rem;
    width: 100%;
}

.item_card .card_image_content img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.item_card .card_image_content a {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--aous-aw-gray-50);
    border: unset;
    padding: 0.5rem;
    border-radius: 50%;
    color: var(--main-text-dark);
}

html[dir="rtl"] .item_card .card_image_content a {
    right: unset;
    left: 10px;
}

.item_card .card_text_content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    background-color: var(--card-bg);
    border: 1px solid var(--main-border-color);
    border-radius: 0 0 12px 12px;
}

.item_card .card_text_content .name_item {
    font-size: 1.1rem;
    font-weight: bold;
    display: flex;
    align-items: start;
    gap: 0.35rem;
}

.item_card .card_text_content .name_item a {
    color: var(--main-text-dark);
    font-weight: 500;
    font-size: 1rem;
}

.item_card .card_text_content span {
    font-size: 0.8rem;
}

.item_card .card_text_content .location_item {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    gap: 0.25rem;
}

.item_card .card_text_content .location_item svg {
    --aous-aw-icon-size: 0.95rem;
}

.item_card .card_text_content .action_card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    margin-top: 1rem;
}

.item_card .card_text_content .action_card::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: 0;
    width: 20%;
    height: 1px;
    background-color: var(--main-border-color);
}

html[dir="rtl"] .item_card .card_text_content .action_card::before {
    left: unset;
    right: 0;
}

.item_card .card_text_content .action_card svg {
    --aous-aw-icon-size: 1rem;
}

.item_card .card_text_content .action_card a {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--main-text-dark);
}

.item_card .card_text_content .action_card .reviews {
    display: flex;
    align-items: center;
    gap: 3px;
}

/* End Item Card */

/* Start Info add your business */

.info_add_your_business.main_section {
    background: var(--card-bg);
    padding: 3rem 0 0 2rem;
    border-radius: 50px;
    margin-top: 5rem;
    margin-bottom: 3rem;
}

.info_add_your_business .title_section {
    width: 50%;
    text-align: start;
}

.info_add_your_business .content_section {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.info_add_your_business .content_section .description_list {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-left: 1rem;
    margin-top: 2rem;
}

html[dir="rtl"] .info_add_your_business .content_section .description_list {
    margin-left: unset;
    margin-right: 1rem;
}

.info_add_your_business .content_section .description_list .badge {
    font-size: 0.75rem;
    border-radius: 20px;
    min-width: 80px;
    margin-bottom: 0.25rem;
}

.info_add_your_business .content_section .description_list .description_item h2 {
    color: var(--main-text-color);
}

.info_add_your_business .content_section .description_list .description_item p {
    width: 80%;
    font-size: 1rem;
    color: var(--aous-aw-gray-500);
}

.info_add_your_business .content_section .description_list .description_item p:last-of-type {
    margin: 0;
}

.info_add_your_business .content_section .help_image {
    text-align: end;
}

.info_add_your_business .content_section .help_image img {
    border-radius: 15px;
    object-fit: cover;
}

.info_add_your_business .content_section .description_item .add_your_business {
    background-color: var(--secondary-bg-color);
    border: unset;
    color: var(--white-color) !important;
    padding: 0.7rem 2.5rem;
    border-radius: 25px;
}

/* End Info add your business */

/* Start Explore nearby */
.explore_nearby {
    margin-block: 10rem;
}

.main_small_cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding-inline: 7rem;
}

.main_small_cards.main {
    margin-top: 5rem;
}

.main_small_cards .explore_nearby_card {
    padding: 0.6rem 0.5rem;
    border: 1px solid var(--main-border-color);
    border-radius: 20px;
    transition: all 0.4s ease;
}

.main_small_cards .explore_nearby_card:hover {
    border-color: transparent;
    background-color: var(--main-secondary-color);
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.main_small_cards .explore_nearby_card a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: inherit;
}

.main_small_cards .explore_nearby_card a .content_text {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.main_small_cards .explore_nearby_card .content_image img {
    object-fit: contain;
}

.main_small_cards .explore_nearby_card .content_text .stars svg {
    color: var(--aous-aw-yellow);
    --aous-aw-icon-size: 0.85rem;
}

.main_small_cards .explore_nearby_card .content_text h3 {
    font-size: 0.85rem;
}

/* End Explore nearby */

/* Start Help to have business account */
.help_to_have_business_account {
    background: var(--white-color);
    padding: 4rem 7rem;
    border-radius: 20px;
    margin-top: 3rem;
}

.help_to_have_business_account .header_section .title_section {
    width: 70%;
    margin: auto;
    margin-bottom: 2rem;
}

.help_to_have_business_account .description_section {
    width: 70%;
    margin: auto;
}

html[dir="rtl"] .help_to_have_business_account .description_section {
    width: 50%;
}

.help_to_have_business_account .card_info_area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.help_to_have_business_account .card_info_area .card_info {
    background: var(--card-bg);
    padding: 1.25rem;
    border-radius: 20px;
}

.help_to_have_business_account .card_info_area .card_info h2 {
    color: var(--main-text-dark);
}

.help_to_have_business_account .card_info_area .card_info p {
    font-size: 0.9rem;
    color: var(--aous-aw-gray-500);
    margin-bottom: 0;
}

.help_to_have_business_account .note_section {
    text-align: center;
    margin-top: 4rem;
}

.help_to_have_business_account .note_section a {
    background-color: var(--secondary-bg-color);
    border: unset;
    color: var(--white-color) !important;
    padding: 0.7rem 2.5rem;
    border-radius: 25px;
    margin-bottom: 1rem;
}

.help_to_have_business_account .note_section h2 {
    text-align: center;
    color: var(--aous-aw-secondary);
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.5;
}

/* End Help to have business account */

/* Start Footer */
footer {
    border-top: 1px solid var(--main-border-color);
    margin-top: 2rem;
}

footer .contact_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    border: 1px solid var(--main-border-color);
}

footer .second_info {
    padding: 4rem 0 1rem 0;
}

footer .second_info .links_info {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    color: var(--main-text-dark);
    padding-top: 2rem;
}

footer .second_info .links_info a {
    color: var(--aous-aw-secondary);
}

footer .second_info .links_info a:hover {
    color: var(--main-text-dark);
}

footer .second_info .links_info .info_company h1 {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

footer .second_info .links_info .info_company h1::first-letter {
    color: var(--main-text-dark);
    font-weight: bolder;
}

footer .second_info .links_info .info_company p {
    width: 60%;
    color: var(--main-text-dark);
}

footer .second_info .links_info .info_company .social_media {
    align-items: center;
    display: flex;
    gap: 1rem;
}

footer .second_info .links_info .info_company .social_media a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--main-border-color);
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
    display: flex;
    color: var(--main-text-dark);
    box-shadow: 1px 20px 60px 0px rgb(0 0 0 / 18%);
}

footer .second_info .links_info .info_company .social_media a:hover {
    background-color: var(--main-text-dark);
    color: var(--white-color);
    border-color: var(--main-text-dark);
}

footer .second_info .links_info .quick_links ul {
    margin-top: 1rem;
}

footer .second_info .links_info .quick_links ul li {
    margin-bottom: 1rem;
}

footer .third_info {
    padding: 20px 0;
    position: relative;
}

footer .third_info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-border-color);
}

footer .third_info p {
    color: var(--aous-aw-secondary);
    opacity: 0.7;
}

footer .third_info a {
    color: var(--main-text-dark);
}

.single_footer {
    padding-block: 0.5rem;
    opacity: 0.6;
}

.single_footer a {
    color: var(--aous-aw-muted);
}

.single_footer .content_area_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single_footer .content_area_footer .help_links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* End Footer */

/* Start Scrolling */
.scrolling {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1.25rem;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    --webkit-overflow-scrolling: touch;
    scrollbar-color: #edf1f3 transparent;
    scrollbar-width: thin;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.scrolling a {
    display: inline-block;
    font-size: 1rem;
    white-space: nowrap;
    background: var(--card-bg);
    color: var(--main-text-dark);
    padding: 0.5rem;
    border-radius: 8px;
}

.scrolling a.active {
    background: var(--secondary-bg-color);
    color: #f8fcff;
}

/* End Scrolling */

/* Start Single area */

.single_area {
    margin-top: 8rem;
    margin-bottom: 4rem;
}

.single_area .single_header {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.single_area .single_header .text .title {
    font-size: 2rem;
    line-height: normal;
    color: var(--main-text-color);
}

.single_area .single_header .text .description {
    font-size: 1rem;
    width: 60%;
    color: var(--aous-aw-gray-600);
}

.content_single {
    margin-top: 3rem !important;
}

.single_area .content_single {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 3rem;
    align-items: start;
}

.single_area .content_single .sub_categories_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3rem;
    column-gap: 1.5rem;
}

.single_area .content_single .sub_categories_list,
.single_area .content_single .map_content {
    margin-top: 3rem;
}

.single_area .content_single .sub_categories_list .link_card {
    color: var(--main-text-dark);
}

.single_area .content_single .sub_categories_list .sub_category_card {
    padding: 1.5rem 0.5rem;
    border-radius: 10px;
    text-align: center;
    background: var(--card-bg);
    transition: all 0.3s ease;
}

.single_area .content_single .sub_categories_list .sub_category_card .title .stars {
    margin-top: 0.5rem;
}

.single_area .content_single .sub_categories_list .sub_category_card .title .stars svg {
    --aous-aw-icon-size: 1rem;
    color: var(--aous-aw-yellow);
}

.single_area .content_single .sub_categories_list .sub_category_card .title span {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
}

.single_area .content_single .sub_categories_list .sub_category_card .image img {
    width: 4rem;
    margin-bottom: 0.5rem;
}

.single_area .content_single .item_cards {
    padding-inline: 0;
}

.single_area .content_single .item_card {
    margin-bottom: 1rem;
}

.single_area .item_cards .item_card .card_image_content {
    max-height: unset;
    height: unset;
}

.mittel_area {
    background: var(--card-bg);
    border-radius: 20px;
    margin-top: 5rem;
    margin-bottom: 3rem;
    padding-block: 3rem;
}

.mittel_area .header {
    text-align: center;
    padding-inline: 0.75rem;
}

.mittel_area .header .title h1 {
    font-size: 2rem;
    line-height: normal;
}

.random_categories_list {
    display: flex;
    gap: 5rem;
    margin-top: 5rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-inline: 4rem;
}

.random_categories_list .card_category .category_image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
}

.random_categories_list .card_category .category_title {
    font-size: 0.9rem;
    color: var(--main-text-dark);
    font-weight: 500;
    padding: 0.5rem;
}

/* End Single area */

/* Start Item Details */

.card_item_details {
    padding-top: 6rem;
}

.card_item_details .title_area {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.card_item_details .title_area svg {
    --aous-aw-icon-size: 1.25rem;
    color: var(--aous-aw-gray-500);
}

.card_item_details .header_tools_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card_item_details .header_tools_item .share_links {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.card_item_details .header_tools_item .share_links a {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem;
    color: var(--main-text-dark);
    background: white;
    border-radius: 8px;
}

.card_item_details .header_tools_item .share_links a:hover {
    background: var(--secondary-bg-color);
    color: var(--white-color);
}

.card_item_details .body_card_area {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.card_item_details .body_card_area .header_card_title {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 1.25rem;
    margin: 0;
}

.card_item_details .body_card_area .card_item_info {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.card_item_details .body_card_area .card_item_info .location_info {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    color: var(--aous-aw-muted);
}

.card_item_details .body_card_area .card_item_info .location_info svg {
    --aous-aw-icon-size: 1.05rem;
}

.card_item_details .footer_card_area {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-top: 2.75rem;
}

.card_item_details .footer_card_area::after {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-border-color);
}

.card_item_details .footer_card_area a {
    color: var(--main-text-dark);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}

.card_item_details .footer_card_area a svg {
    color: var(--aous-aw-muted);
}

.card_item_details .card_item_description .text_description {
    font-size: 0.9rem;
    color: var(--aous-aw-gray-500);
    font-weight: 400;
    line-height: 1.6;
}

.card_item_details .card_item_description .text_description:last-child {
    margin: 0;
}

.card_item_details .item_main_image {
    margin-top: 2.05rem;
}

.card_item_details .item_main_image img {
    box-shadow: 0 1rem 3rem rgba(var(--aous-aw-body-color-rgb), 0.175) !important;
}

.card_item_details .card_item_action {
    margin-top: 2rem;
    /* position: sticky; */
    /* top: 2rem; */
}

.card_item_details .card_item_action td {
    padding-inline: 4px;
    font-weight: 500;
}

.card_item_details .card_item_action td:first-child {
    font-weight: bold;
    color: var(--aous-aw-muted);
}

.card_item_details .card_item_action .action_button a {
    display: block;
    width: 100%;
    padding: 0.75rem;
    border-radius: 10px;
    background: var(--secondary-bg-color);
    color: var(--white-color);
}

.card_item_payments .card_payments {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.5rem;
}

.card_item_payments .card_payments div {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--aous-aw-muted);
}

.card_item_reviews input {
    padding: 0.7rem;
    font-size: 1rem;
}

.card_item_reviews input {
    padding: 0.6rem;
    font-size: 1rem;
}

.card_item_reviews .btn {
    padding-inline: 1.35rem;
    background: var(--secondary-bg-color);
    color: var(--white-color);
}

html[dir="rtl"] .card_item_reviews .btn {
    padding-inline: 1rem;
}

html[dir="rtl"] .card_item_reviews .btn svg {
    margin: 0 !important;
}

.card_item_reviews .reviews_area {
    margin-top: 3rem;
}

.card_item_reviews .reviews_area .review_card {
    position: relative;
    display: flex;
    align-items: start;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-block: 1rem;
    border: 1px solid var(--main-border-color);
    padding-inline: 1rem;
    border-radius: 10px;
}

.card_item_reviews .reviews_area .review_card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-border-color);
}

.card_item_reviews .reviews_area .review_card .user_avatar img {
    width: 50px;
    border-radius: 50%;
}

.card_item_reviews .reviews_area .review_card .review_content {
    width: 100%;
}

.card_item_reviews .reviews_area .review_card .review_content .rating_content {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.card_item_reviews .reviews_area .review_card .review_content .rating_content .user_info {
    display: flex;
    flex-direction: column;
}

.card_item_reviews .reviews_area .review_card .review_content .rating_content .user_info .user_name {
    display: block;
    font-size: 1rem;
    font-weight: 500;
}

.card_item_reviews .reviews_area .review_card .review_content .rating_content .user_info .time_review {
    display: block;
    font-size: 0.8rem;
    color: var(--aous-aw-muted);
    font-weight: 500;
    opacity: 0.7;
}

.card_item_reviews .reviews_area .review_card .review_content .user_commant {
    display: block;
    font-size: 0.95rem;
    margin-top: 0.7rem;
    font-weight: 500;
    color: var(--aous-aw-muted);
}

/* End Item Details */

/* Star Sweet Alerts */

#toast-container {
    z-index: 99999999999;
}

#toast-container .toast {
    min-width: 280px;
    border-radius: 7px;
    z-index: 99999999999;
    padding-left: 1rem;
}

#toast-container .toast .toast-message {
    font-size: 14px;
    font-weight: 400;
}

#toast-container>.toast-error {
    background-color: var(--aous-aw-danger);
    box-shadow: none;
    opacity: 1;
    font-size: 0.9rem;
}

#toast-container>.toast-success {
    background-color: var(--aous-aw-success);
    box-shadow: none;
    opacity: 1;
    font-size: 0.9rem;
}

#toast-container>.toast-warning {
    background-color: var(--aous-aw-warning);
    box-shadow: none;
    opacity: 1;
    font-size: 0.9rem;
}

#toast-container>.toast-primary {
    background-color: var(--aous-aw-primary);
    box-shadow: none;
    opacity: 1;
    font-size: 0.9rem;
}

#toast-container>.toast-info {
    background-color: var(--aous-aw-info);
}

#toast-container>.toast-success,
#toast-container>.toast-info,
#toast-container>.toast-primary,
#toast-container>.toast-warning,
#toast-container>.toast-error {
    background-image: unset !important;
}

/* End Sweet Alerts */

/* Start Auth Section */
.auth_section {
    width: 25rem;
    margin: auto;
    padding-bottom: 2rem;
}

.auth_section .header_section {
    margin-bottom: 4rem;
}

.auth_section .header_section h1 {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 600;
    line-height: normal;
    color: var(--main-text-color);
}

.auth_section .socialite_buttons {
    display: grid;
    gap: 1rem;
    margin-bottom: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.auth_section .socialite_buttons a {
    border: none;
    padding: 0.65rem;
    color: black !important;
    border-radius: 10px;
    background-color: var(--card-bg);
}

svg {
    margin: 0;
    animation: none;
}

a:hover svg {
    animation: strok 2s forwards;
}

@keyframes strok {
    0% {
        stroke-dasharray: 0, 100;
    }

    100% {
        stroke-dasharray: 100, 0;
    }
}

.form_area button[type="submit"],
.form_area input {
    padding: 0.6rem;
    border-radius: 10px;
    font-size: 0.85rem;
    background-color: transparent;
}

.form_area button[type="submit"] {
    background-color: var(--main-text-color);
    border: unset;
    color: var(--white-color) !important;
    padding: 0.7rem 2.5rem;
    border-radius: 25px;
    margin-bottom: 1rem;
}

.form_area .note_area {
    text-align: center;
    color: var(--aous-aw-muted);
}

.note_warning {
    text-align: center;
    color: var(--main-text-color);
    background: var(--main-border-color);
}

.form_area .note_area a {
    color: var(--main-text-dark);
    font-weight: 500;
}

.form-selectgroup-label {
    padding: 0.6rem 1rem;
    border-radius: 10px;
}

/* End Auth Section */

/* Start Profile */

.navbar_profile {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding: 1.25rem;
    border-radius: 50px;
    margin-top: 2rem;
    background-color: var(--card-bg);
    border: 1px solid var(--main-border-color);
}

.navbar_profile a {
    color: var(--aous-aw-gray-600);
    font-weight: 400;
    font-size: 0.9rem;
    opacity: 0.8;
    display: flex;
    align-items: center;
    gap: 4px;
}

.navbar_profile a.active {
    color: var(--main-text-dark);
    font-weight: 500;
}

.navbar_profile a svg {
    --aous-aw-icon-size: 1.1rem;
    color: var(--aous-aw-muted);
}

.person_card {
    border: 1px solid var(--main-border-color);
    padding: 2rem;
    border-radius: 13px;
    margin-top: 2rem;
}

.person_card .avatar_person {
    text-align: center;
}

.person_card .avatar_person img {
    width: 100px;
    border-radius: 50%;
}

.person_card .name_person {
    text-align: center;
    margin-top: 1rem;
}

.person_card .name_person h1 {
    font-size: 1.5rem;
}

.person_card .social_media_links {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.person_card .social_media_links::after {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    width: 100px;
    height: 1px;
    background-color: var(--main-border-color);
}

.person_card .social_media_links a {
    display: block;
    padding: 0.5rem;
    border-radius: 50%;
    background: var(--card-bg);
    color: var(--main-text-dark);
}

.person_card .list_person_info {
    padding-inline: 3.5rem;
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.person_card .list_person_info .item_person_info {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}

.person_card .list_person_info .item_person_info .icon_content {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--aous-aw-muted);
}

.person_card .list_person_info .item_person_info .info_content {
    font-size: 1rem;
    color: var(--aous-aw-muted);
    font-weight: 500;
}

.card_details_info {
    border: 1px solid var(--main-border-color);
    padding: 2rem;
    border-radius: 13px;
    margin-top: 1rem;
}

.card_details_info button[type="submit"] {
    background-color: var(--main-text-dark);
    color: var(--white-color);
    padding: 0.5rem 2rem;
}

.card_details_info input {
    padding: 0.6rem;
    border-radius: 10px;
    font-size: 1rem;
}

.card_details_info .form-selectgroup .form-selectgroup-item {
    min-width: 6rem;
}

.card_details_info .item_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    padding-inline: 1rem;
}

.card_details_info .item_cards .item_card {
    position: relative;
}

.card_details_info .item_cards .remove_from_favorite {
    position: absolute;
    padding: 0.5rem;
    top: 0.5rem;
    right: 0.5rem;
    border-radius: 8px;
    z-index: 1;
}

/* End Profile */

/* Start All Items */
.all_items .header_text {
    margin-bottom: 3rem;
}

.all_items .header_text h1 {
    font-size: 2rem;
}

.all_items .header_text h2 {
    font-size: 1.25rem;
}

/* End All Items */

/* Start Single Wizard Page */
.single_wizard_page .content_page {
    display: grid;
    grid-template-columns: 1.4fr 2fr;
}

.single_wizard_page .header_section {
    margin-bottom: 3rem;
}

.single_wizard_page .header_section h1 {
    font-size: 2.25rem;
    text-align: center;
    font-weight: 600;
    line-height: normal;
    color: var(--main-text-color);
    padding-top: 3rem;
}

.single_wizard_page .helper_image {
    text-align: end;
}

.single_wizard_page .helper_image svg {
    width: 32rem;
}

/* End Single Wizard Page */

/* Start Special items */
.special_items_area {
    padding-top: 8rem;
}

.special_items_area .items_content_area {
    padding-inline: 5rem;
}

.special_items_area .items_content_area .items_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.special_items_area .items_content_area .items_cards .item_content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    border: 1px solid var(--main-border-color);
    border-radius: 12px;
    overflow: hidden;
}

.special_items_area .items_content_area .items_cards .item_content .item_info {
    padding: 0.5rem 1rem;
}

.special_items_area .items_content_area .items_cards .item_content .item_info .item_title {
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
}

.special_items_area .items_content_area .items_cards .item_content .item_info .item_address {
    padding-top: 0.7rem;
    display: block;
    font-size: 0.85rem;
    color: var(--aous-aw-secondary);
}

.special_items_area .items_content_area .items_cards .item_content .item_info .item_address svg {
    --aous-aw-icon-size: 1.1rem;
}

.special_items_area .items_content_area .items_cards .item_content .item_info ul {
    margin-top: 0.75rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1rem;
}

.special_items_area .items_content_area .items_cards .item_content .item_info ul li {
    color: var(--aous-aw-secondary);
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 2px;
}

.special_items_area .items_content_area .items_cards .item_content .item_info ul li svg {
    --aous-aw-icon-size: 0.9rem;
}

.special_items_area .items_content_area .items_cards .item_content .item_info .btn_details {
    display: block;
    margin-top: 0.5rem;
    color: var(--main-text-dark);
    border-top: 1px solid var(--main-border-color);
    padding-top: 0.5rem;
}

.special_items_area .items_content_area .items_cards .item_content .item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* End Special items */

/* Start Modal Current Loction */

.my_location_btn {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-text-color);
    color: var(--white-color);
    transition: all 0.3s ease;
    z-index: 9999;
}

html[dir="rtl"] .my_location_btn {
    right: unset;
    left: 1rem;
}

.my_location_btn:hover {
    opacity: 1;
}

.my_location_btn svg {
    --aous-aw-icon-size: 2.25rem;
}

#current_loction .modal-content {
    border-radius: 20px;
}

#current_loction .modal-body {
    text-align: center;
}

#current_loction .modal-body .modal-title {
    font-size: 1.25rem;
    font-weight: 500;
}

#current_loction .modal-body svg {
    color: var(--main-text-color);
    --aous-aw-icon-size: 2.75rem;
}

#current_loction .modal-body .current_loction_message_area span {
    font-size: 1rem;
    width: 100%;
    display: block;
}

#current_loction .modal-body .current_loction_message_area .current_loction_message {
    background: rgb(177 185 201 / 20%);
}

/* End Modal Current Loction */

/* Start Languages app */
#languages_app .list_languages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding-block: 1rem;
}

#languages_app .list_languages a {
    display: block;
}

#languages_app .list_languages a.btn_custom {
    background: var(--secondary-bg-color);
    color: var(--white-color) !important;
}

/* End Languages app */

/* Start About Us */

.card_single_info_page {
    width: 55%;
    margin-bottom: 3.5rem;
}

.card_single_info_page h2 {
    font-size: 1.35rem;
    color: var(--aous-aw-gray-600);
}

.card_single_info_page p {
    line-height: 1.6;
    color: var(--aous-aw-gray-600);
    margin-bottom: 0.5rem;
}

.card_single_info_page ul {
    margin-top: 1rem;
}

.card_single_info_page ul li {
    margin-bottom: 1rem;
    font-size: 1rem;
}

.card_single_info_page ul li strong {
    display: block;
}

.card_single_info_page ul li span {
    color: var(--aous-aw-gray-600);
}

/* End About Us */

/* Start Cookies area */
.cookies_area button {
    border-radius: 10px;
    padding: 0.65rem 1rem;
}

.cookies_area .accept_all_cookies {
    background: black;
    color: white;
}

/* End Cookies area */

/* Start Search area */
.search_area {
    position: relative;
    min-height: 100vh;
    padding-top: 10rem;
    padding-inline: 5rem;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(to left, #6db2f054, #ffffff);
    -webkit-mask-image: linear-gradient(360deg, transparent 0, #000 35%);
    mask-image: linear-gradient(360deg, transparent 0, #000 35%);
}

html[dir="rtl"] .search_area .action_hero {
    padding-left: unset;
    padding-right: 5rem;
}

.search_area .action_hero .text_hero h1 {
    font-size: 4rem;
    line-height: normal;
    position: relative;
    margin-bottom: 0.75rem;
    color: var(--main-text-dark);
}

html[dir="rtl"] .search_area .action_hero .text_hero h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.search_area .action_hero .text_hero p {
    font-size: 0.9rem;
    color: #606060;
}

html[dir="rtl"] .search_area .action_hero .text_hero p {
    font-size: 0.95rem;
}

.search_area .form_hero {
    padding-top: 1.5rem;
    width: 30rem;
    margin: auto;
    position: relative;
}

.search_area .form_hero .content_input {
    position: relative;
}

.search_area .form_hero .content_input input {
    padding: 0.9rem 2.5rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 500;
    background: transparent;
    border: 1px solid var(--main-text-color);
    box-shadow: unset !important;
}

html[dir="rtl"] .search_area .form_hero .content_input button svg {
    transform: rotate(0) !important;
}

.search_area .form_hero .input-icon-addon {
    left: 5px;
}

html[dir="rtl"] .search_area .form_hero .input-icon-addon {
    left: unset;
    right: 5px;
}

.search_area .form_hero .input-icon-addon svg {
    color: var(--white-color) !important;
    --aous-aw-icon-size: 1.5rem;
}

.search_area .form_hero .content_input button {
    padding: 0.7rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 4px;
    right: 5px;
    border: unset;
    background: var(--secondary-bg-color);
    color: var(--white-color);
}

html[dir="rtl"] .search_area .form_hero .content_input button {
    right: unset;
    left: 6px;
}

.search_area .form_hero .content_input button svg {
    margin: 0;
    --aous-aw-icon-size: 1.5rem;
}

html[dir="rtl"] .search_area .form_hero .content_input button svg {
    transform: rotate(180deg);
    margin-inline: 0 !important;
}

.search_area .action_hero .city_name_title span {
    display: block;
    font-size: 3.5rem;
    margin-top: 3rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.09;
    text-shadow: 2px 5px 15px #607d8b63;
    letter-spacing: -5px;
    line-height: 0.85;
    user-select: none;
}

.search_area .content_text {
    overflow: hidden;
    font-size: 3.5rem;
    line-height: 3rem;
}

html[dir="rtl"] .search_area .content_text {
    font-size: 2rem;
}

.search_area .auto_list {
    background: white;
    border-radius: 7px;
    width: 97%;
    max-height: 18rem;
    overflow: scroll;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 5rem;
    left: 0.5rem;
    z-index: 99;
    transition: all 0.25s ease-in-out;
}

.search_area .auto_list.active {
    visibility: visible;
    opacity: 1;
}

.search_area .auto_list ul li {
    text-align: start;
}

.search_area .auto_list ul li a {
    color: var(--aous-aw-muted);
    display: block;
    padding: 0.75rem;
}

.search_area .auto_list ul li a:hover {
    background-color: rgb(19 64 117 / 20%);
    color: var(--main-text-dark);
}

.search_area .auto_list ul li a strong {
    color: var(--secondary-bg-color);
    text-decoration: underline;
    font-weight: 500;
}

.search_area .auto_list .sub_categories {
    position: relative;
}

.search_area .auto_list .sub_categories::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--aous-aw-gray-300);
}

/* End Search area */

/* Start Data protection */
.data_protection {
    margin-top: 8rem;
}

/* End Data protection */

/* Start Items card info */

.items_area {
    display: grid;
    grid-template-columns: 28% 70%;
    gap: 2%;
}

.items_card_info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    row-gap: 2rem;
}

.items_card_info .item_card_info {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.items_card_info .item_card_info .item_image {
    width: 100%;
    height: 15rem;
    max-height: 15rem;
    object-fit: cover;
}

.items_card_info .item_card_info .details {
    padding: 0.75rem;
    border: 1px solid var(--main-border-color);
    border-radius: 0px 0px 10px 10px;
}

.items_card_info .item_card_info .details .title {
    font-size: 1rem;
    line-height: normal;
    font-weight: 500;
    color: var(--main-text-dark);
    padding-top: 1rem;
}

.items_card_info .item_card_info .details .time_review {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.items_card_info .item_card_info .details .item_card_details {
    margin-top: 1rem;
    border-top: 1px solid var(--main-border-color);
    padding-top: 1rem;
}

.items_card_info .item_card_info .details .item_card_details div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.items_card_info .item_card_info .details .item_card_details div svg {
    color: var(--secondary-bg-color);
}

.items_card_info .item_card_info .details .item_card_details div span {
    color: var(--main-text-dark);
    opacity: 0.8;
}

/* End Items card info */

/* Start Provinces */
.provinces {
    margin-top: 10rem;
}

.provinces .provinces_cards .province_card {
    border-radius: 1rem;
    display: block;
    overflow: hidden;
    position: relative;
}

.provinces .provinces_cards .province_card::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(180deg, rgba(11, 33, 50, 0) 0%, rgb(0 0 0) 100%);
    transition: all 0.3s ease;
}

.provinces .provinces_cards .province_card:hover::after {
    opacity: 1;
    visibility: visible;
}

.provinces .provinces_cards .province_card img {
    height: 22rem !important;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.provinces .provinces_cards .province_card:hover img {
    transform: scale(1.06);
}

.provinces .provinces_cards .province_card .title {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-radius: 12px;
    transition: all 0.3s ease;
    background-color: transparent;
    backdrop-filter: blur(3px);
}

.provinces .provinces_cards .province_card .title span {
    color: var(--white-color);
    font-weight: 500;
    font-size: 0.9rem;
}

.provinces .provinces_cards .province_card .title svg {
    border-radius: 50%;
    color: var(--white-color);
    --aous-aw-icon-size: 2rem;
    padding: 0.35rem;
    transition: all 0.3s ease;
}

html[dir="rtl"] .provinces .provinces_cards .province_card .title svg {
    rotate: 180deg;
}

.provinces .provinces_cards .province_card:hover .title svg {
    color: var(--main-text-dark);
    background-color: white;
}


/* End Provinces */
