/* =============> general */

.bg-pri {
    background-color: #2F58CD;
}

.cr-pri {
    color: #2F58CD !important;
}

.cursor-pointer {
    cursor: pointer;
}

.btn-pri {
    color: white;
    background-color: #2F58CD;
}

.btn-pri:hover {
    color: white;
    background-color: #19388e;
}

.btn-sec {
    color: #2F58CD;
    background-color: white;
}

.btn-sec:hover {
    color: #2F58CD;
    background-color: #e8e7e7;
}

.loading {
    z-index: 9990;
    background-color: #fbfbfb;
}

.loading .loading-img {
    max-width: 400px;
}

.start-75 {
    left: 75% !important;
}

.img-max-width-75 {
    max-width: 75%;
    margin: auto 12.5%;
}

.h-50p {
    height: 50px;
}

.no-arrow .accordion-button::after {
    display: none;
}

.transition-fast {
    transition: 0.1s all;
}

.go-back-link {
    transition: 0.3s all;
}

.go-back-link .bi {
    top: 5px;
}

.go-back-link:hover {
    padding-right: 3rem !important;
}

.zdp_holiday {
    color: red !important;
}

body{
    overflow-x: hidden;
}

/* =============> Menu Desktop */

.nav-desktop {
    border-radius: 24px;
}

.nav-desktop li {
    background-color: transparent;
    border-radius: 8px 8px 0 0;
    position: relative;
}

.nav-desktop li>a {
    color: white;
    display: block;
    padding: 6px 24px;
}

.nav-desktop li>ul {
    display: none;
    position: absolute;
    top: 100%;
    background-color: white;
    box-shadow: 0 4px 4px #c3c3c3;
    list-style: none;
    padding: 0;
    width: 100%;
    z-index: 2010;
}

.nav-desktop li>ul.secondary {
    box-shadow: none;
}

.nav-desktop li>ul>li>a {
    color: #2F58CD;
}

.nav-desktop li>ul>li>a:hover {
    background-color: #f3f3f3;
}

.nav-desktop li>ul ul {
    left: 100%;
    top: 0;
}

.nav-desktop li:hover {
    background-color: white;

}

.nav-desktop li:hover>a {
    color: #2F58CD;
}

.nav-desktop li:hover>ul {
    display: block;
}

/* =============> User Sign_in/Details Drop-down */
#logout-form {
    display: none;
}

.user-list-menu a {
    border: none !important;
}

/* =============> Cart */
#cart-side {
    background-image: linear-gradient(to bottom, #0dcaf0, #2F58CD);
}

#cart-side.fixed-top {
    z-index: 9999;
}

.un-empty-view {
    display: block !important;
}

.cart-handler {
    width: 50px;
    height: 50px;
}

.cart-item {
    list-style: none;
}

/* =============> Reservation One */
.reservation-one {
    background-image: linear-gradient(45deg, #2F58CD, #779aff);
}

.navigation-services .navigation-item {
    width: 280px;
}

.navigation-services {
    padding-right: 35px;
}

.navigation-services-content {
    padding-left: 35px;
}

.modal-body .navigation-services-content {
    padding-right: 55px;
}

.navigation-services .navigation-item::after {
    content: "";
    position: absolute;
    right: -17.5px;
    top: 0;
    background-color: inherit;
    display: block;
    width: 20px;
    height: 100%;
    clip-path: polygon(100% 54%, 0 2%, 0 98%);
}

.navigation-services .navigation-item.active::after {
    background-color: #1ee9e9 !important;
}

.reservation-one .view-product-gallery {
    width: 75px;
}

.range-item.bg-success:hover {
    background-color: rgb(13, 90, 54) !important;
}

.coverReservation {
    z-index: 9998;
}

body[data-location="front_end.vendor_items"] .show_working_time {
    display: none;
}

/* =============> Product One */

.circle-color {
    width: 13px;
    height: 13px;
}

#quantity-one {
    max-width: 100px;
}

.product-one.unavailable::before {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.722);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.product-one.unavailable::after {
    position: absolute;
    content: attr(data-status);
    font-size: larger;
    color: red;
    display: block;
    width: 100px;
    z-index: 10;
    left: calc((100% - 100px) / 2);
    top: 50%;
}

#carousel-product-single {
    max-width: 300px;
}

[name="rating"] {
    display: none;
}

.stars-wrapper .star {
    fill: gray;
}

#flush-body p img {
    max-width: 100%;
}

/* Vendor */

#carousel-view-gallery .img-one {
    border-radius: 88px 4px 88px 4px;
}

/* End Vendor */

/* =============> HOME PAGE */

body.need-fit-height {
    padding-top: 0.15rem;
    overflow: hidden;
}

body[data-location="front_end.home"] {
    background-image: linear-gradient(to right top, rgb(47 88 204 / 40%), #527aea);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

body[data-location="front_end.home"] .cart-handler,
body[data-location="front_end.order_view_completed"] .cart-handler {
    display: none !important;
}

body[data-location="front_end.home"] .nav-desktop {
    background-color: white;
}

body[data-location="front_end.home"] .nav-desktop li>a {
    color: #2F58CD;
}

body[data-location="front_end.home"] .nav-desktop>li:hover {
    background-color: #2F58CD;
}

body[data-location="front_end.home"] .nav-desktop>li:hover>a {
    color: white !important;
}

body[data-location="front_end.home"] .nav-desktop li>ul {
    box-shadow: none;
    background-color: #f8f8f8;
}

.vendor-list h1 {
    text-shadow: 0 0 5px #000000;
}

.vendor-list .nav {
    background-color: rgba(0, 0, 0, 0.31);
    padding-bottom: 8px !important;
    max-height: 250px;
    overflow: auto;
}

.vendor-list .nav li:hover {
    background-color: white;
}

.vendor-list .nav li:hover a {
    color: #2F58CD !important;
}

/* =============> Vendor Info PART */
.vendor-info-wrapper .depth-1 {
    background: rgb(30 233 233 / 90%);
    box-shadow: 0 0 45px rgb(30 233 233 / 100%);
    z-index: 10;
}

.vendor-info-wrapper .depth-1 .vendor-img {
    border-radius: 0 18px 18px 0;
}

.vendor-info-wrapper .depth-1 .text-information {
    top: 20px;
}

.vendor-info-wrapper .depth-1 .vendor-status {
    right: 6px;
    top: 10px;
    transform: rotateZ(315deg);
    color: #046e70;
    z-index: 1;
}

.vendor-info-wrapper .depth-2 {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vendor-action {
    padding-top: 5px;
    padding-bottom: 5.5px;
}


/* =============> Pagination PART */
.pagination-custom li:first-child {
    margin-right: 0;
}

.pagination-custom li {
    display: inline-block;
    margin-right: 4px;
}

.pagination-custom a {
    padding: 6px 10px;
    color: #000;
    border-bottom: 3px solid #1ee9e9;
    background-color: transparent;
    border-radius: 8px 8px 0 0 !important;
}

.pagination-custom a.active,
.pagination-custom a:hover {
    color: #fff;
    border-bottom-color: black;
    background-color: #1ee9e9;
}

/* =============> Footer PART */
footer {
    box-shadow: 0 0 15px #cbcbcb;
    background-color: #ffffff;
}

footer .body-one {
    box-shadow: 0 0 15px #e1e1e1;
    border-bottom: 3px solid #1ee9e9;
}

footer .social-media-wrapper .social-item svg {
    fill: #2F58CD;
}

footer .social-media-wrapper .social-item:hover svg {
    fill: #3795BD;
}

footer .body-one img {
    width: 100%;
}

@media (min-width: 992px) {
    .navbar-expand-lg #navbar-menu-top {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .nav-desktop li {
        display: block !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .nav-desktop>li {
        margin-left: 0 !important;
    }

    .nav-desktop li>ul {
        position: initial;
    }

    .wrapper-actions>* {
        margin-top: 10px;
    }

    .vendor-info-wrapper .depth-1 .vendor-img {
        border-radius: 18px;
    }

    .taxonomy-wrapper [id*='taxonomy-'] {
        margin-bottom: 10px;
        margin-left: 7px;
    }

    .reservation-one .view-product-gallery {
        width: auto;
    }

    .navigation-services-content {
        padding-left: 0;
    }

    .navigation-services,
    .modal-body .navigation-services-content {
        padding-right: 0.65rem;
    }

    .modal-body .navigation-services .navigation-item {
        width: 75%;
        margin-bottom: 9px !important;
    }

    .navigation-services .price-option-type {
        margin-top: 3px;
    }

}

@media (max-width: 480px){
    .range-item{
        font-size: smaller;
    }

    
}