:root {
    --main-color: #f1eee8;

    --theme-color: #f1eee8;

    --sec-color: #1e1e1e;

    --red-color: #ff4026;

    --gray-color: #565656;

    --gray-color2: #bab8b3;

    --gray-color3: #adadad;

    --dark-color: #000000;

    --text-black: #121212;

    --rose-color: #e33193;

    --secondray-color: #1e1e1e;

    --banner-black: #1e1e1e;

    --white-color: #ffffff;

    --color-gray: #545454;

    --white: #ffffff;

    --font-20: 20px;

    /* fonts */

    --font-barlow: "Barlow", sans-serif;

    --font-cormorant: "Cormorant", serif;

    --font-inter: "Inter", sans-serif;

    --font-old-standard: "Old Standard TT", serif;

    --font-oranienbaum: "Oranienbaum", serif;

    --font-roboto: "Roboto", sans-serif;
}

/* Common css Start */

body {
    font-family: var(--font-roboto);
    background: var(--theme-color);
    position: relative;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

::selection {
    background-color: #e33193 !important;
    color: #fff !important;
}

.form-control {
    font-size: 16px;
}

p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

/* .btn {
    width: fit-content;
    align-items: baseline;
} */
header.header-new
    .top-nav
    .navbar-top
    .rightside-box
    .right-side-menu
    .right-side::before {
    background-color: #fff;
}

.common-arrow {
    font-size: 18px;
    font-family: var(--body-font);
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}

/* .btn-animation {
    background: var(--red-color);

 
    border: 1px solid #000;
} */

.btn-outline-dark {
    border: 1px solid #000;

    background: transparent;
}

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

.bg-sec {
    background: var(--sec-color);
}

.bg-none {
    background: none;
}

.bg-gray-banner {
    background-color: var(--gray-color2);
}

.before-none::before {
    content: none;
}

.btn-outline-warning {
    border: 1px solid #ffc107;
}

.text-cormorant {
    font-family: var(--font-cormorant);
}

/* background colors */

.bg-secodary {
    background-color: var(--secondray-color);
}

.bg-theme {
    background: var(--theme-color);
}

.bg-white {
    background: var(--white-color);
}

.bg-rose {
    background-color: var(--rose-color);
}

/* text colors */

.text-rose {
    color: var(--rose-color);
}

.text-light-black {
    color: var(--text-black);
}

.text-gray {
    color: var(--color-gray);
}

.text-sec {
    color: var(--sec-color);
}

.background-texture {
    background: var(--theme-color);
}

.btn-white {
    background-color: white;
    color: #000000;
}

.btn-white:hover {
    background-color: #000000;
    color: white;
}

.btn2 {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    /* color: #212529; */
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background-color: transparent; */
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.py-180 {
    padding: 180px 0;
}

.py-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

.py-200 {
    padding: 200px 0;
}

.mg-y-80 {
    margin: 80px 0;
}

.w-35 {
    width: 35%;
}

.tx-gray {
    color: var(--gray-color);
}

.tx-red {
    color: var(--red-color);
}

.tx-red-link {
    color: var(--rose-color);
}

.tx-red-link:hover {
    color: #222;
}

.tx-14 {
    font-size: 14px;
}

.tx-12 {
    font-size: 12px;
}

.tx-18 {
    font-size: 18px;
}

.tx-16 {
    font-size: 16px;
}

.tx-24 {
    font-size: 24px;
}

/* .section-b-space {
    padding-bottom: calc(60px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

section,
.section-t-space {
    padding-top: calc(60px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.section-lg-space {
    padding: calc(60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
} */

.main-title {
    font-weight: 500;

    font-size: 52px;

    line-height: 1.1;
}

.sec-title {
    font-weight: 500;

    font-size: calc(30px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));

    line-height: 1.2;
}

.med-title {
    font-size: calc(21px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
    color: #000;
    margin: 1rem 0;
}

.sub-title {
    font-size: calc(17px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));

    line-height: 1.4;

    color: #000;

    margin: 1rem 0;
}

.sub-dec-tx {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: white;
}

.ff-cormorant {
    font-family: "Cormorant", serif;
}

.vinateria-a-links span:hover {
    color: var(--rose-color);
}

.vinateria-event-sub-content p {
    font-size: 24px;

    font-weight: 300;

    line-height: 34px;

    letter-spacing: 0em;

    text-align: center;

    color: var(--text-black);
}

.vinateria-heading-title h2 {
    font-family: var(--font-cormorant);

    font-size: 48px;

    font-weight: 600;

    line-height: 55px;

    letter-spacing: 0px;
    margin-bottom: 20px;
}

.vinateria-sub-content h2 {
    font-size: 40px;

    font-weight: 500;

    line-height: 50px;

    letter-spacing: 0em;
}

.vinateria-content-subcontent p {
    margin-bottom: 0px;

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    letter-spacing: 0em;

    color: #666666;
}

.vinateria-sub-content h3 {
    font-size: 38px;

    font-weight: 400;

    font-family: var(--font-cormorant);

    letter-spacing: 0em;
}

.vinateria-sub-content h4 {
    font-size: 32px;
    font-weight: 400;
}

.tx-underline-none {
    text-decoration: none !important;
}

.address-link {
    text-decoration: underline;
}

.bg-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.wd-16 {
    width: 1rem;
}

.ht-16 {
    height: 1rem;
}

.wd-24 {
    width: 24px;
}

.ht-24 {
    height: 24px;
}

.wd-20 {
    width: 20px;
}

.w-20p {
    width: 20%;
}

.ht-20 {
    height: 20px;
}

.w-15p {
    width: 15%;
}

.wd-75 {
    width: 75px;
}

.ht-75 {
    height: 75px;
}

.wd-50 {
    width: 50px;
}

.ht-50 {
    height: 50px;
}

.wd-fit {
    width: fit-content;
}

.ht-fit {
    height: fit-content !important;
}

.tx-trunc,
.line-clamp-1 {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;
}

.tx-trunc2,
.line-clamp-2 {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;
}

.tx-trunc3 {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;
}

.tx-trunc4 {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;
}

.a-link:hover {
    color: var(--main-color) !important;
}

.a-link2.sub-dec-tx:hover,
.a-link2.sub-title:hover {
    color: var(--gray-color);
}

.a-link-red:hover {
    color: var(--red-color) !important;
}

.stretched-link::after {
    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1;

    content: "";
}

.success-icon {
    width: 170px;
    height: 170px;
}

.card-cust {
    border: 1px solid #dee2e6;

    /* -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); */
}

label {
    color: var(--gray-color);
}

.up-down-ami {
    animation: down-arrow 3s infinite ease-in-out;
}

.theme-option .back-to-top {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

    background-color: var(--main-color);
}

.theme-option .back-to-top a i {
    color: #000;
}

.fullpage-loader {
    background: var(--main-color);
}

.logo-type1 object {
    width: 70%;

    height: 70%;
}

.path {
    animation: draw 6s infinite;
}

.position-relative {
    position: relative;
}

.down-vendor-arrow {
    font-size: 65px;
    font-weight: normal;
}

.form-select:focus {
    -webkit-box-shadow: none;

    box-shadow: none;
}

.form-control {
    position: relative;
    border-color: #dee2e6;
    border-radius: 0;
}

.form-control:focus,
.form-select:focus {
    border-color: #dee2e6 !important;
}

.form-select {
    border-color: #dee2e6;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

select,
select option {
    color: #000000;
}

select:invalid,
select option[value=""] {
    color: #999999;
}

.country-code {
    font-size: 16px;

    color: var(--dark-color);
}

.border-gray {
    border-color: var(--gray-color3);
}

.close-pos1 {
    position: absolute;
    top: 15px;
    right: 0;
    transform: translateX(-50%);
}

.close-pos1 .close-btn {
    color: var(--dark-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.close-pos1 .close-btn:hover {
    color: var(--gray-color);
}

.cartItemDelete {
    color: var(--gray-color);
    margin-left: 10px;
}

/* .card {
    border-radius: 0;
} */

/* Common css end */

/* Home CSS Start */
.home-logo-list {
    margin-top: -10px;
    justify-content: space-evenly;
}

/* Home css End */

/* Form css start */
.cust-radio-styl1,
.cust-check-styl1 {
    position: relative;
}

.cust-radio-styl1 .check,
.cust-check-styl1 .check {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.cust-radio-styl1 label.check-label {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 14px;
    border: 1px solid var(--dark-color);
    align-items: center;
    cursor: pointer;
    color: var(--dark-color);
    border-radius: 0;
}

.cust-radio-styl1 input:checked + label.check-label {
    background-color: var(--dark-color);
    color: var(--white-color);
    border: 1px solid var(--dark-color);
    transition: all 0.2s linear;
}

.custom-tab-2 .nav-link {
    background-color: var(--white-color) !important;
    margin-bottom: 5px;
    font-weight: normal !important;
    font-size: 16px !important;
}

.custom-tab-2 .nav-link.active {
    border-bottom: 1px solid var(--dark-color) !important;
    font-weight: bold !important;
}

.cust-check-styl1 label {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: inherit;
    padding: 5px 10px;
    text-align: center;
    border-radius: 0.25rem;
    overflow: hidden;
    transition: linear 0.3s;
    color: var(--dark-color);
    cursor: pointer;
    border: 1px solid var(--dark-color);
    width: fit-content;
}

.cust-check-styl1 input[type="checkbox"]:checked + label {
    background: var(--dark-color);
    color: var(--white-color);
    transition: 0.3s;
}

.error {
    color: var(--red-color);
}

/* Form css End */

/* Arrows start*/
.banner-down-arrow {
    width: 50px;
    height: 50px;
    font-size: 36px;
    color: #000;
    background-color: #fff;
}

.right-side-slider .slick-prev {
    left: -30px;

    z-index: 1;
}

.right-side-slider .slick-next {
    right: -30px;
}

.cta-slider .slick-prev {
    z-index: 1;

    left: 18%;
}

.cta-slider .slick-next {
    z-index: 1;

    right: 18%;
}

.no-after::after {
    content: none !important;
}

.feature-home-navlinks a {
    padding: 10px 15px;
    width: 100%;
    margin: 15px 0;
    border: 1px solid #525251;
    border-radius: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.input-arrow {
    position: absolute;
    top: 0;

    right: 0;

    z-index: 1;

    cursor: pointer;

    text-align: end;
}

.input-arrow a {
    color: #000;
}

.input-arrow:hover {
    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out !important;

    transform: translateX(10px);
}

.input-arrow i {
    font-size: calc(30px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/* Arrows end*/

/* Header css start*/
header .navbar {
    padding-left: 0;
}

/* For addcss in header add this classes below(header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link::after) */
.dashboard-sidebar .user-nav-pills .nav-item .nav-link::after {
    content: "";

    position: absolute;

    width: 0;

    height: 4px;

    bottom: 2px;

    left: 8px;

    background-color: var(--rose-color);

    opacity: 0.8;

    border-radius: 50px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    z-index: -1;
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link::after {
    left: 22px;
}

/* header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover::after */
.dashboard-sidebar .user-nav-pills .nav-item .nav-link:hover::after {
    width: 40%;

    color: var(--rose-color);
}

header.header-absolute {
    padding-top: 15px;
}

header.header-cust.active .sticky-header {
    padding: 24px 0;
}

header.header-absolute
    header.header-cust
    .navbar-expand-xl
    .navbar-nav
    .nav-item:hover
    > .nav-link:not(.disabled),
header.header-cust .navbar-nav .nav-item:hover {
    color: var(--red-color) !important;
}

header.header-cust .navbar-nav {
    margin-right: 30px;
}

header
    .top-nav
    .navbar-top
    .rightside-box
    .right-side-menu
    .right-side:first-child {
    display: inline-block;
}

/* header.header-cust .top-nav .navbar-top .web-logo img {

  width: calc(5px + (162 - 120) * ((100vw - 320px) / (1920 - 320)));

} */

header.header-cust.header-absolute {
    z-index: 2;
}

header.header-cust .header-top {
    background: var(--sec-color);
}

header
    .top-nav
    .navbar-top
    .rightside-box
    .right-side-menu
    .right-side
    .header-wishlist
    span {
    border: none;

    border-radius: 50%;

    background-color: var(--rose-color);

    color: white;
}

header .navbar-light .navbar-nav .nav-link:hover {
    color: var(--red-color) !important;
}

/* header.header-cust .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
    margin-left: 0;
} */

header.header-cust .navbar.navbar-expand-xl .navbar-nav .nav-link {
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active,
header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover,
.dashboard-sidebar .user-nav-pills .nav-item .nav-link.active {
    font-weight: 900 !important;
}

header.header-cust .web-logo {
    max-width: 65px;

    position: relative;
}

header.header-cust .web-logo img {
    height: 100%;

    max-width: 100%;

    object-fit: cover;

    object-position: center;
}

header .top-nav .navbar-top .middle-box {
    width: 100%;

    justify-content: center;
}

/* Header css end*/

/* Footer css Start*/

footer .main-footer .footer-logo .footer-logo-contain p {
    font-family: "Cormorant", serif;
    font-size: 40px !important;
}

.main-footer .footer-logo {
    margin-bottom: 60px;
}

footer.vinateria-footer-main {
    background: var(--banner-black);
    color: #ffffff;
    padding: 60px 0;
    /* background-image: url("../../../../assets/images/vinateria/footer/footer.svg"); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

footer ul li {
    display: block;
}

footer.vinateria-footer-main .footer-navigation ul {
    list-style: none;
    padding: 0;
}

footer.vinateria-footer-main .footer-navigation ul li a {
    color: #ffffff;

    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
}

footer.vinateria-footer-main .footer-navigation ul li a:hover {
    color: var(--hove-color);
}

footer.vinateria-footer-main p {
    color: #f0142f;
    font-family: var(--font-barlow);
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: left;
}

.f-social {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.f-social li {
    width: 30px;
    height: 30px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.f-social li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .main-footer .footer-title strong {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 12px;
}

footer.footer-cust .sub-footer {
    border-top: 1px solid #000;
}

.footer-cust .terms-links ul {
    display: flex;

    align-items: center;

    justify-content: flex-start;
}

.footer-cust .terms-links ul li a {
    color: #000;
}

.footer-cust .terms-links ul li {
    position: relative;

    padding-right: 32px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;
}

.footer-cust .terms-links ul li:last-child {
    padding-right: 0;
}

.footer-cust .terms-links ul li::before {
    content: "";

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: 24px;

    right: 14px;

    background-color: rgba(99, 99, 99, 0.8);
}

.footer-cust .terms-links ul li:last-child::before {
    content: none;
}

.footer-cust .terms-links ul li:hover {
    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);
}

footer .main-footer .footer-contain ul li a::after,
footer .main-footer .footer-contain ul li a::before {
    background-color: var(--rose-color);
}

.theme-option .back-to-top,
.theme-option .back-to-top a {
    border-radius: 50%;
}

.theme-option .back-to-top a,
.cookie-bar-box .button-group button.ok-button {
    background: var(--rose-color);
}

.theme-option .back-to-top a i,
.cookie-bar-box .button-group button.ok-button {
    color: white;
}

/* Footer css end*/

/* Index css start*/

.home-section {
    height: auto;
}

.home-section.home-search-full .home-contain .home-detail h1 {
    width: 100%;

    font-weight: 500;

    margin-top: 0;
}

.home-contain .home-detail p {
    color: #000;
    letter-spacing: normal;
}

.home-section.home-search-full .home-contain .home-detail {
    height: auto;
}

.home-section .content {
    padding: calc(70px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
}

.home-banner-img {
    max-width: 130px;

    position: relative;

    margin: 0 auto;

    margin-bottom: calc(23px + (35 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.home-banner-img img {
    /* height: 100%; */
    min-height: 100%;

    max-width: 100%;

    object-fit: cover;

    object-position: center;
}

.down-arrow-container {
    margin-top: calc(50px + (35 - 23) * ((100vw - 320px) / (1920 - 320)));
}

.down-arrow {
    display: flex;

    justify-content: center;

    animation: down-arrow 3s infinite ease-in-out;
}

.down-arrow img {
    width: 50px;

    height: 50px;

    object-fit: cover;
}

.about-us-border {
    position: absolute;
    text-align: center;
    width: 36px;
}

.about-border-img {
    width: 100%;

    text-align: center;
}

.about-border-img img {
    object-fit: cover;

    object-position: center;

    max-width: 420px;

    /* filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5)); */
}

.about-us-container {
    width: 100%;

    margin: 0 0 60px;
}

.about-us-container .main-title {
    line-height: 1;
}

.about-us-container .top-left {
    left: 2%;
}

.about-us-container .top-middle {
    right: calc(50% - 18px);

    transform: translateX(0%);
}

.about-us-container .top-right {
    right: 2%;
}

.about-us-container .middle-left {
    left: 2%;

    top: 50%;

    transform: translateY(-50%);
}

.about-us-container .middle-right {
    right: 2%;

    top: 50%;

    transform: translateY(-50%);
}

.about-us-container .bottom-left {
    bottom: 0;

    left: 2%;

    padding-bottom: calc(60px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.about-us-container .bottom-middle {
    bottom: 0;

    right: calc(50% - 18px);

    padding-bottom: calc(60px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.about-border-content {
    padding: 0;
}

.order-list-div {
    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    margin-top: 40px;

    position: relative;
}

.order-list-opt {
    text-align: center;

    padding: 10px 5px;

    background: transparent;

    border-radius: 0px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    cursor: pointer;

    border: 1px solid #000;

    width: calc(25% - 20px);
}

.order-list-div img {
    object-fit: contain;

    height: 40px;

    margin-bottom: 5px;
}

.order-list-opt:hover,
.order-list-opt.active {
    background-color: var(--main-color);
}

.right-side-img {
    height: 100%;
}

.right-side-slider-area .slick-list,
.right-side-slider-area .slick-track {
    height: 100%;
}

.right-side-img img {
    object-fit: cover;

    object-position: center;

    width: 100%;
}

.cust-mobile .mobile_input {
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem !important;
    padding-right: 0.75rem;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cust-mobile-2 .mobile_input {
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem !important;
    padding-right: 0.75rem;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: 1px solid #dee2e6;
    outline: none;
    border-radius: 0;
    background: transparent;
}

.cust-mobile .iti__search-input,
.cust-mobile-2 .iti__search-input {
    width: 100%;
    padding: 0.375rem 8px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cust-mobile .iti--separate-dial-code .iti__selected-flag,
.cust-mobile
    .iti--allow-dropdown
    .iti__flag-container:hover
    .iti__selected-flag {
    background: transparent;
}

.cust-mobile .iti__country-container,
.cust-mobile-2 .iti__country-container {
    font-size: 1rem;
}

.cust-mobile .iti,
.cust-mobile-2 .iti {
    width: 100%;
}

.cust-mobile .iti__selected-country,
.cust-mobile-2 .iti__selected-country {
    padding-bottom: 2px;
}

/* .vendor-list .right-side-img img{
    min-height: 480px;
    max-height: 480px;
} */

.upcoming-event-section .parallax {
    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow-x: hidden;

    overflow-y: auto;

    display: block;
    height: auto;
    min-height: 350px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

.upcoming-event-section .cta-banner {
    height: 350px;
}

.events-ul {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 100%;
}

.events-ul li {
    border-bottom: 1px dashed #000;

    padding: 25px 25px;

    background: transparent;

    position: relative;

    width: 100%;
}

.events-ul li:hover {
    cursor: pointer;

    background-color: var(--sec-color);

    transition: all 0.8 ease-in-out;
}

.events-ul li:nth-child(1) {
    border-top: 1px dashed #000;
}

.events-content {
    display: flex;

    align-items: center;

    gap: 20px;
}

.event-date {
    width: 10%;
    text-align: center;
}

.event-title {
    /* margin-right: 10px; */

    width: 70%;
}

.event-type {
    width: 10%;
    margin-left: auto;
    /* display: flex;
    justify-content: end; */
}

.event-main-title {
    font-size: calc(22px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));

    line-height: 1.4;

    margin-bottom: 5px;
}

.event-dec {
    font-size: calc(16px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
}

.alert {
    margin: 0 !important;
}

/* Check out css */

.product-section-box .custom-nav .nav-item .nav-link {
    font-size: 17px;

    font-weight: 500;
}

.product-section-box .custom-nav .nav-item .nav-link:focus::after,
.product-section-box .custom-nav .nav-item .nav-link:hover::after,
.product-section-box .custom-nav .nav-item .nav-link.active::after {
    background: var(--red-color);
}

.checkout-section-2
    .product-section-box
    .custom-nav
    .nav-item
    .nav-link.active {
    opacity: 1;

    font-weight: 500;

    color: var(--red-color);
}

.product-section-box .custom-nav .nav-item .nav-link::after {
    content: "" !important;

    position: absolute;

    width: 0;

    height: 3px;

    top: 0;

    left: 0;

    background-color: transparent !important;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;
}

.checkout-section-2
    .product-section-box
    .custom-nav
    .nav-item
    .nav-link.active::after {
    width: 100%;

    background: var(--red-color);

    top: auto;

    bottom: 0;
}

.coupen-box {
    margin-bottom: 10px;
}

.coupen-btn {
    position: absolute !important;

    right: 2px;

    bottom: 50%;

    transform: translateY(50%);
}

.wallet-check .form-check-input:checked {
    background-color: var(--main-color);

    border-color: var(--main-color);
}

.wallet-check input:checked ~ .c-bdr {
    border-color: var(--main-color) !important;

    color: var(--main-color) !important;
}

.c-bdr {
    border: 1.5px dashed #000;

    padding: 7px 14px;
}

.common-padding {
    padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.price-tx {
    position: relative;

    padding-left: 60px;
}

.price-tx::before {
    content: "";

    display: inline-block;

    height: 5px;

    width: 5px;

    position: absolute;

    top: 50%;

    left: 30px;

    transform: translateY(-50%);

    border-radius: 50%;

    background-color: #777777;
}

.order-img {
    width: 64px;

    height: 64px;

    object-fit: cover;

    border: 1px solid #cdcdcd;
}

.order-main-detail {
    border: 1px dashed #000;

    padding-top: 10px;

    padding-bottom: 10px;
}

.add-tip {
    display: flex;

    align-items: center;

    width: 100%;

    color: #000;

    height: 60px;
}

.add-tip .tip-btn {
    width: 25%;

    border: 1px solid #000;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;
}

.add-tip .tip-btn:hover {
    background-color: var(--main-color);

    transition: all 0.8s ease-out;
}

.add-tip .per {
    color: #000;
}

.add-tip .price {
    color: var(--gray-color);

    margin-bottom: 0;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box
    .checkout-detail
    .delivery-option {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box
    .checkout-detail
    .delivery-option
    .custom-form-check
    .form-check-label {
    font-size: calc(12px + (19 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.custom-nav.toogle-nav {
    display: flex;

    overflow: hidden;

    border-radius: 0px;

    padding: 7px;

    margin-right: 7px;

    width: fit-content;
}

.menu-card-main .custom-nav.toogle-nav {
    background-color: var(--white-color);

    width: 100%;

    border: none;

    border-radius: 0px;

    padding: 7px 10px 7px 0;
}

.menu-card-main .custom-nav.toogle-nav .nav-item {
    width: 33.33%;

    border: 1px solid #bab8b3;

    display: flex;
}

.delivery-main .delevery-list .custom-nav.toogle-nav .nav-link.active {
    padding: 12px 50px;
}

.delivery-main .delevery-list .custom-nav.toogle-nav .nav-link {
    padding: 12px 35px;
}

.menu-card-main .custom-nav.toogle-nav .nav-link.active {
    background-color: var(--main-color) !important;

    border-radius: 0;

    padding: 12px 30px;

    /* margin-left: 10px !important; */
}

.menu-card-main .custom-nav.toogle-nav .nav-link {
    color: var(--dark-color);

    background: none !important;

    border: 0;

    font-weight: 600;

    font-size: 16px;
}

.custom-nav.toogle-nav .nav-link.active {
    background-color: var(--sec-color) !important;

    color: var(--dark-color);

    border-radius: 0;
}

.custom-nav.toogle-nav .nav-link {
    flex: 1;

    padding: 10px;

    text-align: center;

    border: 1px solid var(--light-gray);

    background-color: var(--light-gray) !important;

    cursor: pointer;

    transition: background-color 0.3s;
}

.calender-position {
    position: absolute;

    right: 30px;

    top: 40%;

    transform: translateY(-50%);
}

.fa-exclamation-circle {
    cursor: pointer;
}

/* Experiences css*/

.contact-img img {
    height: 80px;

    width: 80px;

    object-fit: cover;
}

/* .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
    padding: 8px;
} */

.checkout-section-2
    .right-side-summery-box
    .summery-box-2
    .summery-total
    li:nth-child(4)
    h4 {
    color: var(--dark-color);

    font-weight: 500;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-icon {
    z-index: 1;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box::before {
    z-index: 0;

    border-left: 2px dashed rgba(0, 0, 0, 0.4);
}

/* 
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    border-radius: 0;

    background: var(--sec-color);
} */

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box {
    border-radius: 0;
}

/* Order online */

/* Menu Page Start =========================================================================*/

.custom-dropdown .dropdown-toggle {
    background-color: var(--white-color);

    padding: 10px 15px;

    border-radius: 0;

    text-align: left;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 0;
}

.custom-dropdown .dropdown-toggle.show {
    border-radius: 5px 5px 0px 0px;
}

.custom-dropdown .dropdown-toggle.show span i {
    transform: rotate(180deg);
}

.custom-dropdown .dropdown-toggle::after {
    display: none;
}

/* Custome Dropdown */

.custom-dropdown .dropdown-menu li {
    display: block;

    background-color: #fff !important;
}

.custom-dropdown .custom-menu-link {
    display: flex;

    justify-content: space-between;

    gap: 10px;

    align-items: center;

    width: 100%;
}

.custom-dropdown .custom-menu-link p {
    margin-bottom: 0;

    color: var(--dark-color);
}

.custom-dropdown .custom-menu-link span i {
    color: var(--dark-color);
}

.custom-dropdown .round-div {
    display: flex;

    align-items: center;

    gap: 10px;
}

.round-div-dark .round-icon {
    background-color: var(--dark-color) !important;
}

.custom-dropdown .round-icon {
    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: var(--main-color);

    display: flex;

    align-items: center;

    justify-content: center;
}

.custom-dropdown .dropdown-menu {
    top: -2px !important;

    border-radius: 0 0 5px 5px;

    border: none;

    border-top: 1px solid var(--light-gray);

    width: 100%;
}

.custom-dropdown .dropdown-item {
    font-size: 16px;
}

.custom-dropdown .round-icon img {
    width: 24px;

    height: 24px;

    margin: 0 auto;
}

.custom-dropdown .dropdown-item:active {
    background-color: var(--light-main);

    color: var(--dark-color);
}

.custom-dropdown .dropdown-toggle.show .fa-chevron-down {
    transform: rotate(180deg);
}

.custom-dropdown .round-div p {
    margin-bottom: 0;

    font-size: 16px;
}

/* Address dropdown */

.address-dropdown-link {
    background-color: var(--white-color);

    padding: 20px 15px !important;

    border-radius: 5px;

    display: block;

    width: 100%;
}

.custom-dropdown .address-dropdown-menu {
    top: -2px !important;

    border-radius: 0 0 5px 5px;

    border: none;

    border-top: 1px solid var(--light-gray);

    max-width: 100%;

    min-width: 100%;

    padding-top: 0;

    padding-bottom: 0;

    width: 100%;
}

.address-dropdown-section .dropdown-toggle {
    padding: 20px 10px;
}

.custom-dropdown .address-icon svg {
    width: 20px;

    height: 20px;

    color: var(--dark-color);
}

.address-dropdown-menu .dropdown-item .media {
    display: flex;

    gap: 10px;

    white-space: normal;
}

.address-dropdown-menu .dropdown-item .media img {
    width: 100%;

    border-radius: 5px;
}

.address-dropdown-menu .dropdown-item .media .media-body h6 {
    font-weight: bold;
}

.address-dropdown-menu .dropdown-item .media .media-body a svg {
    color: var(--dark-color);
}

.address-dropdown-menu li:not(:last-child) .dropdown-item {
    border-bottom: 1px solid var(--gray-color2);
}

.address-dropdown-menu .dropdown-item .media-body {
    width: 100%;
}

/* order online main css */

.custom-product-list .product-box-3 {
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.order-product .product-box-3 {
    justify-content: space-between;
}

.order-product .product-box-3 .product-header {
    width: 180px;
    flex-shrink: 0;
}

.custom-product-list
    .product-box-3
    .product-footer
    .product-detail
    .product-content {
    display: block;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item {
    width: 100%;

    height: 85px;

    margin-bottom: 15px;

    background: none;

    border-radius: 0;
}

.shop-section-cust .product-list-section.list-style > div {
    width: 50%;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active {
    color: var(--dark-color);
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active {
    background: var(--mian-color);

    font-size: 19px;

    font-weight: 600;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active::before {
    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 100%;

    background-color: var(--main-text);
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link
    .vendor-list-detail
    h3 {
    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    margin-bottom: 3px;

    font-weight: 600;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link
    .vendor-list-detail
    h3:hover,
.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active
    .vendor-list-detail
    h3 {
    color: var(--red-color);

    transition: all 0.3s ease-in-out;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link
    .vendor-list-detail
    p {
    font-weight: 500;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-bottom: 0;
}

.vendor-list-detail {
    align-items: center;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active
    img {
    opacity: 1;

    top: -9%;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link
    .vendor-img
    img {
    height: 57px;

    width: 57px;

    border-radius: 0 !important;

    position: relative !important;

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

    top: -9%;

    left: 0;

    opacity: 1;

    transition: all 0.3s ease-in-out;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active
    .vendor-img
    img {
    transform: scale(1.2);
}

.order-online-section .vendor-list-detail {
    height: 100%;
}

.order-online-section .vendor-list-detail .vendor-img {
    height: auto;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link {
    border-radius: 0;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link {
    background-color: #eeeeee;

    border: 1px solid #eeeeee;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link:hover {
    background-color: transparent;

    border: 1px solid var(--red-color);

    /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.6); */
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active:hover {
    border: none;
}

.order-online-section.shop-section
    .left-box
    .shop-left-sidebar
    .custom-nav-tab
    .nav-item
    .nav-link.active {
    background: var(--main-color);

    font-size: 19px;

    font-weight: 600;
}

.order-online-cart .custom-add-to-cart {
    width: 100%;
    max-width: 120px;
    min-width: 118px;
}

.custom-product-list .product-footer {
    padding-left: 0 !important;
}

.order-deal .product-box-3 .product-header .product-image {
    padding: 0px;

    display: block;

    margin-bottom: 15px;
}

.product-box-3 .product-header .product-image img {
    object-fit: cover;

    border-radius: 0px;
}

.shop-section.shop-section-cust .left-box {
    top: 120px;

    border-right: 1px dashed #ddd;
}

.order-deal .category-list .nav-link {
    background-color: #eeeeee;

    color: #222;

    font-weight: 500;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));

    white-space: nowrap;

    line-height: 1;

    border: 1px solid #eeeeee;

    padding: calc(14px + (14 - 9) * ((100vw - 320px) / (1920 - 320)));

    margin: 0;
}

.order-deal .category-list .nav-link.active,
.order-deal .category-list .nav-link:hover {
    background-color: transparent;

    border-color: var(--red-color);

    color: var(--red-color);
}

.custom-product-list .add-to-cart-box {
    background-color: #f8f8f8;

    border-radius: 50px;

    position: relative;

    max-width: 120px;

    margin: 0px auto;

    position: absolute;

    width: 100%;

    bottom: -5%;

    left: 17%;
}

.custom-product-list .add-to-cart-box {
    background-color: #f8f8f8;

    border-radius: 50px;

    position: relative;

    max-width: 120px;

    margin: 0px auto;

    position: absolute;

    width: 100%;

    bottom: -5%;

    left: 17%;
}

.custom-product-list .add-to-cart-box .btn-add-cart {
    margin-top: 0;

    padding-right: 10px;
}

.add-item-ul {
    display: flex;

    align-items: center;

    list-style: none;

    flex-wrap: wrap;
}

.add-item-ul li {
    margin-right: 2px;

    margin-top: 10px;
}

.add-item-ul li a {
    padding: 4px;

    cursor: pointer;

    color: var(--gray-color2);

    background-color: var(--white-color);

    transition: all 0.5s ease-out;
}

.add-item-ul li:hover a {
    color: #000;
}

.add-item-ul li.active a {
    color: #000;
}

.item-links {
    display: inline-block;

    font-size: 12px;

    cursor: pointer;

    position: relative;

    margin-right: 22px;
}

.item-links::after:not(:last-of-type) {
    content: "";

    right: -12px;

    position: absolute;

    background-image: linear-gradient(90deg, #a9abb2 100%, #a9abb2 0);

    background-position: right 0.5em;

    background-size: 2px 2px;

    background-repeat: no-repeat;

    display: inline-block;

    width: 1px;

    padding-left: 12px;

    height: 1em;
}

.add-item-ul li.active .item-links::before {
    content: "";

    position: absolute;

    width: 100%;

    height: 1px;

    background-color: #282c3f;

    bottom: -3px;
}

/* .order-area .product-box-3 .product-footer .product-detail .name:hover {
    color: var(--red-color);
} */

.add-item-customize {
    margin-top: 50px;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 600px;

    height: 450px;
}

.customization-item:not(:last-of-type) {
    margin-bottom: 30px;
}

.customization-item label {
    padding-left: 20px;

    margin-bottom: 20px;
}

.customization-item .item-label {
    font-size: 15px;
}

.customization-item label:hover .item-label {
    font-weight: 600;

    transform: scale(1);

    transition: all 100ms ease-out;

    cursor: pointer;
}

.customization-item .checkbox_animated:after {
    top: -5px;
}

.customization-item .checkbox_animated:before {
    top: -1px;
}

/*online order modal css */
.no-img .content-area {
    width: 100% !important;
}

.no-img .img-area {
    display: none !important;
}

/* Shop css Start */

.custom-search-box {
    position: relative;
}

.order-online .custom-search-box .form-control {
    background-color: #fff;

    border-radius: 0;
}

.order-online .custom-search-box input {
    padding-left: 45px;
}

.input-search-icon {
    position: absolute;

    top: 50%;

    left: 15px;

    transform: translateY(-50%);
}

/* Private events css*/

.type-of-event {
    width: calc(50% - 20px);

    margin-right: 20px;

    margin-bottom: 20px;

    border: 1px solid #adadad;

    padding: 20px;

    background-color: transparent;

    transition: all 0.3s ease-out;
}

.type-of-event:hover {
    background: var(--main-color);
}

.type-of-event img {
    width: 70px;

    height: 70px;
}

.event-area {
    position: relative;
}

.event-area .slick-dots {
    position: absolute;

    bottom: 10%;
}

.event-area .slider-left-img img {
    width: 100%;
}

.event-area .slick-dots li button {
    border-radius: 0;

    background: #fff;
}

/* WIfi css Start*/

.wifi-img img {
    max-width: 120px;
}

.wifi-success-icon {
    width: 120px;

    height: 120px;
}

/* Wifi css End */

.order-progress .order-detail .progtrckr li.progtrckr-todo:before {
    width: 32px;

    height: 32px;

    border-radius: 0;
}

.order-progress .order-detail .progtrckr li.progtrckr-done:before {
    background-color: var(--red-color);

    width: 32px;

    height: 32px;

    border-radius: 0;
}

.order-progress .order-detail .progtrckr li.progtrckr-done {
    border-top: 4px solid var(--red-color);
}

/* dashboard css start */

.dashboard-sidebar {
    background: var(--white-color);

    height: 100%;

    width: calc(350px + (320 - 300) * ((100vw - 1200px) / (1920 - 1200)));
}

.dashboard-sidebar .btn-close {
    position: relative;

    z-index: 10;

    font-size: 16px;

    padding: 0;
}

.menu-shadow {
    -webkit-box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1);

    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1);
}

.dashboard-sidebar .profile-box {
    position: relative;
}

.dashboard-sidebar .profile-contain {
    padding: 0 15px;
}

.dashboard-sidebar .profile-image {
    margin: 0px auto 0;

    text-align: center;

    z-index: 1;

    position: relative;
}

.dashboard-sidebar .profile-image img {
    object-fit: cover !important;

    width: calc(93px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));

    height: calc(93px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));

    -o-object-fit: contain;

    object-fit: contain;

    background-color: #f8f8f8;

    border-radius: 100%;

    padding: 5px;

    border: 1px solid #ececec;

    -webkit-box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);

    box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);
}

.dashboard-sidebar .profile-name {
    margin-top: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)));

    text-align: center;

    padding-bottom: 0;

    border-bottom: 0;
}

.dashboard-sidebar .profile-name h6 {
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));

    margin-top: 4px;
}

.dashboard-sidebar .profile-name h3 {
    font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 600;

    letter-spacing: 0.7px;
}

.dashboard-sidebar .user-nav-pills {
    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(2px + (7 - 2) * ((100vw - 320px) / (1920 - 320)));

    margin: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) 0 6px;
}

.dashboard-sidebar .user-nav-pills .nav-item {
    width: 100%;

    display: block;
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link {
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));

    position: relative;

    color: #4a5568;

    width: 100%;

    text-align: left;

    padding: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)))
        calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)))
        calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)))
        calc(19px + (23 - 19) * ((100vw - 320px) / (1920 - 320)));

    font-weight: 500;

    z-index: 0;

    overflow: hidden;

    border-radius: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link.active,
.dashboard-sidebar .user-nav-pills .nav-item .nav-link .show > .nav-link {
    border-left: 3px solid var(--theme-color);

    font-weight: 600;

    background-color: transparent;

    color: var(--white-color);
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link.active::before,
.dashboard-sidebar
    .user-nav-pills
    .nav-item
    .nav-link
    .show
    > .nav-link::before {
    width: 100%;

    height: 100%;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background: var(--theme-color2);

    z-index: -1;

    opacity: 0.1;
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link.active::before,
.dashboard-sidebar
    .user-nav-pills
    .nav-item
    .nav-link
    .show
    > .nav-link::before {
    background: var(--sec-color) !important;
    color: #fff;
    opacity: 1;
}

.dashboard-sidebar .user-nav-pills .nav-item .nav-link .feather {
    width: calc(18px + (19 - 18) * ((100vw - 320px) / (1920 - 320)));

    height: auto;

    margin-right: 10px;
}

/* Responsive css*/

/* Only tablet */

@media (min-width: 1239px) {
    header.header-cust .navbar-nav {
        margin-right: 15px;
    }
}

/* Only tablet */

@media screen and (min-width: 768px) and (max-width: 991px) {
}

/* Tablet and Moblie */

@media (max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar.show {
        left: auto;

        right: 0;
    }

    /* --- Common css -- */

    .main-title {
        font-size: 32px;
    }

    .sub-title {
        font-size: calc(16px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    }

    /* --- Arrow css -- */

    .right-side-slider .slick-prev {
        left: -14px;

        z-index: 1;
    }

    .right-side-slider .slick-next {
        right: -14px;

        z-index: 1;
    }

    .cta-slider .slick-prev {
        left: 0;
    }

    .cta-slider .slick-next {
        right: 0px;
    }

    /* --- Header css -- */

    header.header-cust .web-logo {
        width: 35px;
    }

    /* --- Footer css -- */

    .main-footer-links {
        text-align: center;
    }

    .footer-cust .social-link ul {
        justify-content: center;
    }

    .footer-cust .terms-links ul {
        justify-content: center;
    }

    .footer-cust .terms-links ul li {
        padding-right: 15px;
    }

    .footer-cust .terms-links ul li::before {
        right: 5px;
    }

    /* --- Home css -- */

    .home-banner-img {
        max-width: 90px;
    }

    .about-border-img img {
        max-width: 100%;
    }

    .about-us-container .bottom-left,
    .about-us-container .bottom-middle {
        padding-bottom: calc(
            25px + (50 - 30) * ((100vw - 320px) / (1920 - 320))
        );
    }

    /* .about-border-content {
        padding: 30px;
    } */

    .upcoming-event-section .cta-banner {
        height: 320px;
    }

    .order-list-div {
        margin-top: 20px;
    }

    .event-title {
        width: 80%;
    }

    .order-list-opt {
        width: calc(33.33% - 20px);
    }
}

/* Only mobile */

@media (max-width: 767px) {
    .order-progress .order-detail .progtrckr li.progtrckr-done {
        border-top: none;

        border-left: 4px solid var(--red-color);
    }

    .cart-canvas .cbtn {
        left: -35px !important;

        top: 12px !important;
    }

    .btnclose {
        width: 30px !important;

        height: 30px !important;
    }

    .btnclose .btn-close {
        width: 5px;

        height: 5px;

        position: relative;

        z-index: 1;

        font-size: 16px;
    }

    .cart-canvas.wd-600 {
        width: 320px;
    }

    .cart-canvas .left-tab-li {
        padding: 13px 13px !important;
    }

    .events-content {
        flex-direction: column;
    }

    .event-date,
    .event-title {
        width: 100%;
    }

    .event-type {
        display: none;
    }

    .logo-type1 svg {
        width: 45%;

        height: 45%;
    }
}

/* Vendor slider css start*/

.main-slider-arrow .slick-prev:before,
.main-slider-arrow .slick-next:before {
    content: none;
}

.slick-arrow {
    width: fit-content;
}

.main-slider-arrow .slick-arrow .slick-main-arrow {
    font-weight: 900;

    font-size: 20px;

    line-height: 1;

    color: #ff4026;

    background-color: #fff;

    font-family: var(--body-font);

    padding: 10px;

    opacity: 1;

    -webkit-font-smoothing: antialiased;
}

.new-slide-arrow .slick-arrow .slick-main-arrow {
    color: #fff;

    background-color: var(--rose-color);
}

.js .img-new-slide .slider-single > div:nth-child(1n + 2) {
    display: none;
}

.js .img-new-slide .slider-single.slick-initialized > div:nth-child(1n + 2) {
    display: block;
}

.img-slide-nav h3 {
    background: #f0f0f0;

    color: #3498db;

    font-size: 2.25rem;

    margin: 0.5rem;

    padding: 2%;

    position: relative;

    text-align: center;
}

.img-new-slide .slider-single h3 {
    line-height: 10rem;
}

.img-slide-nav .slider-nav h3::before {
    content: "";

    display: block;

    padding-top: 75%;
}

.img-slide-nav .slider-nav h3 span {
    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);
}

.img-slide-nav .slider-nav .slick-slide {
    cursor: pointer;
}

.img-slide-nav .slick-slide img:hover {
    cursor: pointer;
}

.slide-text {
    position: relative;
}

.img-new-slide .card {
    height: 400px;
    width: 400px;
    position: absolute;
    right: 12%;
    bottom: 50%;
    border-radius: 0;
    transform: translateY(50%);
}

.img-new-slide .slide-text img {
    margin: 0 auto;
}

.img-new-slide .slide-text img.slide-img {
    position: relative;

    /* right: 10%; */
    right: 4%;
}

.img-new-slide .slick-prev {
    position: absolute;

    top: 50%;

    z-index: 1;

    left: 1%;

    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-new-slide .slick-next {
    position: absolute;

    top: 50%;

    z-index: 1;

    right: 1%;

    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-slide-nav .slick-prev {
    position: absolute;

    top: 25%;

    z-index: 1;

    left: -40px;
}

.img-slide-nav .slick-next {
    position: absolute;

    top: 25%;

    z-index: 1;

    right: 22px;
}

.slide-text a {
    border-bottom: 1px solid #000;

    color: #000;

    text-transform: uppercase;

    font-weight: 600;
}

.vendor-brand {
    width: 100%;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: end;
}

.vendor-brand img {
    height: 110px;

    object-fit: cover;

    object-position: center;
}

.img-slide-nav .slick-slide.is-active .vendor-brand img {
    align-self: flex-start;

    transform: scale(1.1);

    filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.1));
}

/* others css Start*/

.not-found-area {
    /* height: calc(100vh - 470px); */

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;
}

.area-container {
    width: 100%;
}

.full-screen-loader {
    width: 100%;

    height: 100vh;

    background-color: var(--main-color);

    position: relative;

    z-index: 111111;

    padding: 0;
}

.screen-area {
    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;
}

.simple-spinner {
    width: 15px;

    height: 15px;

    margin-right: 5px;
}

.simple-spinner span {
    display: block;

    width: 100%;

    height: 100%;

    border: 3px solid transparent;

    border-radius: 50%;

    border-right-color: var(--red-color);

    border-top-color: var(--red-color);

    border-bottom-color: var(--red-color);

    animation: spinner-anim 0.8s linear infinite;
}

.simple-spinner-big {
    width: 180px;

    height: 180px;

    margin-right: 0;
}

.simple-spinner-big span {
    border: 8px solid transparent;

    border-right-color: var(--red-color);

    border-top-color: var(--red-color);

    border-bottom-color: var(--red-color);
}

.tooltip {
    position: relative;

    display: inline-block;

    opacity: 1;

    font-size: 17px;

    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;

    width: 250px;

    background-color: black;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 14px;

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 110%;

    transform: translateY(-50%);

    font-size: 12px;
    width: auto !important;
    white-space: nowrap;
}

.tooltip .tooltiptext::after {
    content: "";

    position: absolute;

    top: 50%;

    right: 100%;

    margin-top: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: transparent black transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* others css End*/

/* Vendor slider end */

/* Animation Start */

@keyframes down-arrow {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes draw {
    60% {
        stroke-dashoffset: 0;

        fill: black;
    }

    80% {
        stroke-width: 1px;

        fill: black;
    }

    100% {
        fill: transparent;
    }
}

@keyframes spinner-anim {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Animation end */

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 8662.5029296875px;

        stroke-dasharray: 8662.5029296875px;
    }

    100% {
        stroke-dashoffset: 17325.005859375px;

        stroke-dasharray: 8662.5029296875px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 8662.5029296875px;

        stroke-dasharray: 8662.5029296875px;
    }

    100% {
        stroke-dashoffset: 17325.005859375px;

        stroke-dasharray: 8662.5029296875px;
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1s
            cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s infinite,
        animate-svg-fill-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite;

    animation: animate-svg-stroke-1 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
            infinite,
        animate-svg-fill-1 1.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
            infinite;
}

.one-time-modal {
    width: 100%;

    opacity: 1;

    transition: all 3s 1s ease-in-out;

    display: none;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;

        transform: translateY(0);
    }

    to {
        opacity: 0;

        transform: translateY(-20px);
    }
}

/* start custom 3 */

.cursor-pointer {
    cursor: pointer;
}

.exp-success-title-div {
    display: flex;
}

.exp-ticket-type th,
.exp-ticket-type td {
    text-align: left;
}

.exp-ticket-type td {
    padding: 15px 10px !important;
}

.checkout-success-img {
    width: 110px;
}

.btnclosecart .btn-close {
    margin-top: 5px !important;

    font-size: 12px;

    margin-left: 5px;
}

/*New css */
.theme-form-floating > .form-control:focus ~ label,
.theme-form-floating > .form-control:not(:placeholder-shown) ~ label,
.theme-form-floating > .form-select ~ label {
    left: 0;
    opacity: 0.5;
}

.profile-pic {
    color: transparent;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
    transition: all 0.3s ease;
    height: calc(99px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
    width: calc(99px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
}

.profile-pic img {
    width: calc(99px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
    height: calc(99px + (108 - 93) * ((100vw - 320px) / (1920 - 320)));
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #f8f8f8;
    border-radius: 0;
    padding: 5px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);
    box-shadow: 2px 3px 8px rgba(34, 34, 34, 0.32);
    position: absolute;
    z-index: 0;
}

.cover-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -10px;
    right: -5%;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568;
    cursor: pointer;
}

.cover-icon i {
    position: relative;
}

.profile-url {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 106%;
    height: 108%;
    cursor: pointer;
    z-index: 1;
}

.wrapper {
    position: fixed;
    bottom: 50px;
    right: -370px;
    max-width: 345px;
    width: 100%;
    background: #fff;
    padding: 15px 25px 22px;
    transition: right 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.wrapper.show {
    right: 20px;
}

.wrapper .cookie-head {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.cookie-body a {
    color: var(--red-color);
    text-decoration: none;
}

.cookie-body a:hover {
    text-decoration: underline;
    color: var(--gray-color3);
}

.header-right-side {
    position: absolute;
    right: 0;
    z-index: 1;
    width: auto;
}

.main-aside-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.right-aside,
.left-aside {
    display: flex;
    flex-direction: row;
    width: 47.5%;
    align-items: center;
}

.middle-aside {
    width: 5%;
}

.right-aside {
    justify-content: end;
}

header .navbar-nav .right-aside .nav-item:not(:first-of-type) {
    margin-left: 60px !important;
}

.left-aside {
    justify-content: start;
}

header .navbar-nav .left-aside .nav-item:not(:last-of-type) {
    margin-right: 60px;
}

.middle-aside {
    margin: 0 60px;
}

header .top-nav .navbar-top .web-logo img {
    width: calc(190px + (170 - 130) * ((100vw - 320px) / (1920 - 320)));
}

.eventDescriptionEditor,
.infoPagesContain {
    padding-top: 0.5rem;
}

.eventDescriptionEditor p,
.infoPagesContain p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    margin: 0 0 1rem;
}

.eventDescriptionEditor ul,
.infoPagesContain ul {
    padding-left: 30px;
    list-style: disc;
    margin-bottom: 1.2rem;
}

.eventDescriptionEditor ol,
.infoPagesContain ol {
    padding-left: 30px;
    margin-bottom: 1.2rem;
}

.eventDescriptionEditor ul li,
.eventDescriptionEditor ol li,
.infoPagesContain ul li,
.infoPagesContain ol li {
    display: list-item;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.eventDescriptionEditor h1,
.infoPagesContain h1 {
    font-weight: bolder;
    margin-bottom: 0.8rem;
}

.eventDescriptionEditor h2,
.eventDescriptionEditor h3,
.infoPagesContain h2,
.infoPagesContain h3 {
    font-weight: bold;
    margin-bottom: 0.8rem;
    line-height: 1.4;
}

.eventDescriptionEditor h4,
.infoPagesContain h4 {
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.eventDescriptionEditor h5,
.infoPagesContain h5 {
    font-weight: 500;
    margin-bottom: 0.8rem;
}

/* css new */

#map {
    height: 220px;
}

#map #infowindow-content {
    display: inline;
}

.pac-container {
    z-index: 999999;
}

.resend-otp-link {
    color: #000 !important;
}

.resend-otp-link:hover {
    color: var(--gray-color) !important;
}

.fluid-img-content {
    padding: calc(12px + (160 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.theme-option {
    right: calc(16px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.card.cart-order-items.mx-3 {
    margin-top: 20px;
}

.stripe-card-element {
    border-bottom: 1px solid #000;
}

.profile-input-mail,
.profile-input-num {
    background-color: transparent;
    border-bottom: 1px solid #000;
    border: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}

.modal-title {
    font-size: 26px;
}

/* sweet alert */

/* .swal2-container{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start;

} */

/* no data */

.no-found-text i {
    text-align: center;
    font-size: 30px;
    margin-bottom: 12px;
    color: #939393;
}

.no-found-img-md img {
    width: 180px;
    height: 180px;
}

.newsletter-logo {
    width: 210px;
    margin-bottom: 10px;
}

.modal-body-title {
    font-size: 40px;
}

.bottom-border-form input,
.bottom-border-form textarea,
.bottom-border-form select {
    background-color: transparent;
    border-bottom: 1px solid #000;
    border: none;
    border-bottom: 1px solid #000;
    padding-left: 0;
    padding-right: 0;
}

.vendor-menu .menuList h2 {
    font-size: calc(26px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.manu-title {
    font-size: 30px;
}

.ventdor-title-div h2 {
    color: var(--main-text);
}

.vendor-list-row {
    margin-bottom: 60px;
}

.vendor-list-row:last-child {
    margin-bottom: 0;
}

.tooltip-icon {
    position: relative;
}

.tooltip-icon:hover .tooltiptext {
    visibility: visible;
}

.tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 14px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 130%;
    white-space: nowrap;
    transform: translateY(-50%);
    font-size: 13px;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.ventdor-title-div p {
    margin-bottom: 0;
}

.ventdor-title-div h2 {
    margin-bottom: 5px;
}

.menu-items:nth-of-type(2) .items::before {
    display: none !important;
}

.product-section .product-box-3 .product-footer .product-detail .name {
    font-size: 20px;
}

.wd-20 {
    width: 20px;
}

.ht-20 {
    height: 20px;
}

.wd-18 {
    width: 18px;
}

.ht-18 {
    height: 18px;
}

/* Book page otp */

/* .event-otp-input + label.error{
    position: absolute;
    bottom: -7px;
} */

.order-check-item img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.order-check-items-cat {
    height: 65px;
    width: 65px;
    object-fit: cover;
}

/* class detail page */

.class-refund-main {
    display: flex;
    gap: 10px;
    white-space: nowrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.class-refund-main input {
    display: none;
}

.class-refund-main label {
    background-color: #e3e3e3;
    padding: 6px 10px;
    color: #000;
    cursor: pointer;
}

.class-refund-main input:checked + label {
    background-color: #000;
    color: #fff;
}

#other-textarea {
    display: none;
}

.visible-reason {
    display: block !important;
}

/* drink page  > add cart btn*/

.btn-product-inc-main .btn-product-inc {
    background-color: var(--main-color) !important;
    border: 1px solid #000 !important;
}

.btn-product-inc-main .btn-product-inc i {
    color: var(--dark-color) !important;
}

.drink-add-cart-btn {
    position: initial !important;
}

.drink-add-cart-btn {
    margin-right: 0 !important;
}

.drink-add-cart-btn-add {
    width: 100%;
    right: 0;
    max-width: 120px;
}

.drink-add-cart-plus-minus {
    max-width: 120px;
    right: 0;
}

.drink-add-cart-plus-minus-main {
    position: initial !important;
}

.drink-add-cart-plus-minus input {
    font-size: 15px !important;
    color: var(--dark-color) !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0);
}

.drink-btn-option .order-online-tab {
    margin: 0 auto;
    overflow: hidden;
}

.custom-jq-tab {
    gap: 5px;
}

.custom-tab-content {
    display: none;
}

.custom-tab-content.active {
    display: block;
}

.custom-jq-tab-section-checkout .nav-link:hover {
    background-color: red !important;
    color: #fff !important;
}

.custom-jq-tab-section-checkout .nav-link {
    background-color: #e5e5e5 !important;
    color: #000 !important;
}

.active-nav-item .nav-link {
    background-color: red !important;
    color: #fff !important;
}

/* ===================================================== Calendar ======================================================================*/
/* .cust-calendar .fc-button-group {
    border: 1px solid #000;
} */

.cust-calendar .fc-center h2 {
    font-weight: 500;
}

.cust-calendar .fc-day-header {
    color: #7e7e7e;
}

/* .cust-calendar .fc-state-default {
    border: none;
    background-color: transparent !important;
    background-image:  none !important;
    background-repeat: no-repeat;
  text-shadow: none;
  box-shadow: none;
} */
.cust-calendar .fc-day-number {
    color: #000 !important;
}

/* .cust-calendar.fc button{
    height: 2.5rem;
} */
.cust-calendar .fc-unthemed .fc-content,
.cust-calendar .fc-unthemed .fc-divider,
.cust-calendar .fc-unthemed .fc-list-heading td,
.cust-calendar .fc-unthemed .fc-list-view,
.cust-calendar .fc-unthemed .fc-popover,
.cust-calendar .fc-unthemed .fc-row,
.cust-calendar .fc-unthemed tbody,
.cust-calendar .fc-unthemed td,
.cust-calendar .fc-unthemed th,
.cust-calendar .fc-unthemed thead {
    border-color: #f3f3f3;
}

.cust-calendar .fc-list-heading-main span {
    margin-left: 5px;
}

.about-vist-iframe iframe {
    height: 700px;
}

.input-group {
    align-items: center;
}

.calajaxPreloader {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 0.25em solid #bdb5b5;
    border-right-color: transparent !important;
}

.calender-mc-img {
    width: 95%;
    height: 220px;
    object-fit: cover;
    margin-bottom: 15px;
}

.offcanvas-custom-footer {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 14px;

    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
}

.cac-txt-body {
    height: calc(100vh - 70px);
    overflow-y: auto;
}

.datepicker table tr td.day.disabled,
.datepicker table tr td.day.disabled:hover {
    color: #ccc;
}

.new-payment-exp {
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new-select .bootstrap-select.form-select {
    width: 100% !important;
    padding: 0;
    border: none;
    /* height: 100%; */
}

.new-select .btn.dropdown-toggle {
    font-size: 16px;
    /* padding: calc(8px + (14 - 8)* ((100vw - 320px) / (1920 - 320))) calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320))); */
    padding: 0.375rem 0.75rem;
    height: 100%;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    outline: none !important;
}

.new-select .btn.dropdown-toggle::after {
    content: none !important;
}

.new-select .btn-light {
    box-shadow: none !important;
}

.new-select .btn-light:hover {
    background-color: transparent;
}

.new-select .btn-check:focus + .btn-light,
.new-select .btn-light:focus {
    background: transparent;
}

.new-select .bootstrap-select .dropdown-menu li {
    display: block;
    font-size: 16px;
}

.new-select .dropdown-item.active,
.new-select .dropdown-item:active {
    color: #000;
    background-color: var(--main-color);
}

.new-select .dropdown-menu {
    border-radius: 0;
}

.bg-sec-tags {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-left: 15px;
}

.bg-sec-tags li {
    background: var(--main-color);
    font-size: 12px;
    color: #000;
    padding: 3px;
    border: 1px dashed #000;
    border-radius: 5px;
}

.z-11 {
    z-index: 11;
}

.headerTop {
    transition: all 0.8s ease-in-out;
}

.span-variation span {
    background-color: var(--light-gray-2);
    padding: 5px 8px;
    border: 1px solid var(--light-gray-2);
    margin: 0 3px 3px 0;
    border-radius: 5px;
    width: fit-content;
}

.class-details .ticket-details .rounded-pill {
    font-size: 12px;
}

.form-control {
    padding: 0.375rem 0.75rem;
}

.icon-sm {
    width: 75px;
    padding: 0;
}

.header-notification {
    height: auto;
    overflow: hidden;
    transition: all 0.5s ease;
    padding: 0.75rem;
    margin-bottom: -27px;
}

.header-notification.hidden {
    height: 0;
    padding: 0;
    margin-bottom: 0;
}

.new-select2 .dropdown-toggle {
    padding: 0.375rem 0.75rem !important;
    border: 1px solid #dee2e6 !important;
}

/* .wrapper.pad-wrapper {
    position: static;
    max-width: none;
    width: 100%;
    background: transparent;
    padding: 0;
    transition: none;
    box-shadow: none;
} */

.pad-wrapper {
    position: relative;
    width: 400px;
    height: 150px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #c9c9c9;
}

#clearPad.a-link {
    color: var(--red-color);
}

#clearPad.a-link:hover {
    color: #ff7f7f !important;
}

.btn-outline-danger {
    color: #dc3545;
    border: 1px solid;
    border-color: #dc3545 !important;
}

.btn-outline-light {
    border: 1px solid;
    border-color: #000 !important;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
}

.creditcard .sec-thm {
    fill: var(--sec-color);
}

.creditcard .thm-color {
    fill: var(--main-color);
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront .st2 {
    fill: var(--sec-color);
}

#cardback .arr {
    fill: #000;
}

#cardfront .field-card {
    font-family: var(--body-font);
    font-weight: 600;
    fill: #000;
}

#cardfront .field-card-num {
    font-size: 54.7817px;
}

#cardfront .field-label {
    font-family: var(--heading-font);
    font-weight: 500;
    fill: #000;
    font-size: 26px;
}

#cardfront .field-card-name {
    font-size: 33.1112px;
}

#cardfront .filed-exp {
    font-size: 36.5498px;
}

#cardfront .field-rest {
    font-size: 16.1716px;
    font-weight: 300;
}

#cardfront .st12 {
    fill: #000;
}

/* BACK OF CARD */
#cardback .st2 {
    fill: #000;
}

#cardback .st3 {
    fill: #fff;
}

#cardback .st4 {
    fill: #f1f1f1;
}

#cardback .st5 {
    fill: #c4c4c4;
}

#cardback .st6 {
    font-family: var(--heading-font);
    font-weight: 500;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st9 {
    fill: #000;
}

#cardback .st10 {
    font-size: 26px;
}

#cardback .st11 {
    fill: #eaeaea;
}

#cardback .st12 {
    font-family: var(---body-font);
}

#cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */

.creditcard {
    width: 100%;
    max-width: 400px;
    height: 255px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

.creditcard .front,
.creditcard .back {
    position: absolute;
    width: 100%;
    max-width: 400px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    color: #000;
}

.creditcard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.creditcard.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.card-list .cart-canvas .quantity .quantity-price {
    max-width: 100% !important;
}

.update-link {
    text-decoration: underline;
}

.update-link:hover {
    color: #000;
}

.list-unstyled li {
    width: 100%;
}

/* offcanvas modal */

.cart-canvas-modal .cart-order-items {
    height: 550px;
    max-height: 550px !important;
    overflow: auto;
    width: 100%;
    padding-bottom: 120px;
}

.cart-canvas-modal .check-out-bottom {
    left: 0;
}

.cart-canvas-modal .quantity-price .input-group {
    align-items: center;
}

.cart-canvas-modal .close-icon {
    position: absolute;
    right: 30px;
}

.isloading {
    position: relative;
    z-index: 1;
}

.isloading .common-wrapper::before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    content: "";
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #000;
}

.isloading .common-wrapper::after {
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    z-index: 3;
    width: 50px;

    height: 50px;

    border: 3px solid transparent;

    border-radius: 50%;

    border-right-color: var(--red-color);

    border-top-color: var(--red-color);

    border-bottom-color: var(--red-color);

    animation: spinner-anim 0.8s linear infinite;

    content: "";
}

.pd-x-cust {
    padding-left: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding-right: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.sold-out-wraper {
    /* height: 91px; */
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* .sold-out .not-sold, .sold-out-area{
    display: none;
}
.not-sold,.sold-out .sold-out-area{
    display: block;
} */

/* This is for ticket style look a like */

.sold-out-ticket {
    width: fit-content;
    background: var(--theme-color);
    padding: 5px 15px;
    position: relative;
}

.sold-out-ticket span {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid var(--red-color);
    border-radius: 10px;
}

.sold-out-ticket::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-left: 15px dotted #fff;
    left: -8px;
    top: 0;
}

.sold-out-ticket::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-right: 15px dotted #fff;
    left: 8px;
    top: 0;
}

.class-common h2,
.class-common h1 {
    font-family: var(--heading-font);
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.class-common h3,
.class-common h4,
.class-common h5,
.class-common h6 {
    margin-bottom: 1rem;
}

.class-common h1 {
    font-size: calc(30px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.class-common h3 {
    font-size: calc(20px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.class-common h4 {
    font-size: calc(18px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.class-common h5 {
    font-size: calc(16px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.class-common h6 {
    font-size: calc(14px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
}

.class-common p {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: #000;
    margin-bottom: 1rem;
}

.class-common code,
.class-common kbd,
.class-common pre,
.class-common samp,
.class-common address {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: #000;
}

.class-common a {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-bottom: 1rem;
}

.class-common a:hover {
    color: var(--gray-color);
}

.class-common ul {
    padding-left: 24px;
    list-style-type: disc;
    margin-bottom: 1rem;
}

.class-common ul li,
.class-common ol li {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: #000;
    display: list-item;
    margin-bottom: 4px;
}

.class-common ol {
    padding-left: 35px;
    margin-bottom: 1rem;
    list-style-type: auto;
}

.class-common p:last-child,
.class-common ul li:last-child,
.class-common ol li:last-child {
    margin-bottom: 0 !important;
}

.no-last-bb {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.no-last-bb:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.vendor-img-modal img {
    height: 100%;
    max-width: 106px;
    object-fit: cover;
}

.customAjaxPreloader {
    position: absolute;
    right: 0;
    top: 80px;
}

.customAjaxPreloader img {
    max-width: 65px;
}

/* =====================================================Responsive ======================================================================*/

@media (min-width: 1200px) {
    /* header add line */

    header.header-cust .nav-item {
        position: relative;
    }

    header.header-cust .nav-item:not(:first-child)::before {
        content: "";
        left: -17px;
        top: 50%;
        height: 30px;
        width: 2px;
        background: #000000;
        position: absolute;
        transform: translateY(-50%) rotate(16deg);
    }

    .classes-section-row .col-custom {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .panel-mobile {
        display: none;
    }

    .panel-desktop {
        display: flex;
    }
}

@media (max-width: 1199px) {
    .middle-aside {
        display: none;
    }

    .right-aside,
    .left-aside {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }

    .main-aside-container {
        flex-direction: column;
    }

    header .navbar-nav .right-aside .nav-item:not(:first-of-type) {
        margin-left: 0 !important;
    }

    header .navbar-nav .left-aside .nav-item {
        margin-right: 0;
    }

    .header-right-side {
        position: static;
        z-index: 0;
    }

    header .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item {
        width: 100%;
    }

    header .navbar.navbar-expand-xl .navbar-nav .nav-item {
        width: 100%;
    }

    header.header-cust
        .navbar.navbar-expand-xl
        .navbar-nav
        .nav-link.text-center {
        text-align: left !important;
    }
}

@media (max-width: 991px) {
    .shop-section-cust .product-list-section.list-style > div {
        width: 100%;
    }

    .panel-mobile {
        display: flex;
    }

    .panel-desktop {
        display: none;
    }

    .vendor-menu .menuList h2 {
    }

    .menu-title {
        font-size: 30px;
    }

    .vendor-menu .right-box {
        border-left: none !important;
        padding-left: 0px !important;
        border-top: 1px dashed #ddd;
        padding-top: 30px;
    }

    .vendor-tab-col {
        margin-bottom: 10px;
    }

    .product-section .product-box-3 .product-footer .product-detail .name {
        font-size: 18px;
    }

    /* footer .main-footer .footer-contain ul li:last-child {
        margin-right: 20px;
        } */
}

@media (max-width: 767px) {
    .filter-button {
        display: none !important;
    }

    .custom-product-list .add-to-cart-box {
        right: 0 !important;
        left: initial !important;
        transform: initial !important;
    }

    .checkout-success-img {
        width: 80px;
    }

    .vendor-custom-nav {
        border-bottom: none;
        margin-bottom: 35px;
    }

    .vendor-menu .left-box {
        padding-bottom: 20px;
    }

    .vendor-menu .nav-tabs.vendor-custom-nav .nav-link {
        font-size: 25px !important;
    }

    .vendor-menu .left-box {
        border-bottom: none !important;
    }

    .menu-items:nth-of-type(2) .items::before {
        display: none !important;
    }

    .card-cust-responsive {
        padding: 15px !important;
    }

    .about-vist-iframe iframe {
        height: 500px;
    }

    .customAjaxPreloader {
        top: 50px;
    }
}

@media (max-width: 768px) {
    header.header-cust.active .sticky-header {
        padding: calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
    }

    .not-found-area {
        height: calc(100vh - 350px);
    }

    header.header-cust .web-logo img {
        max-width: 30px;
    }

    .btnclose {
        position: relative;

        z-index: 1;
    }

    .img-new-slide .card {
        height: 100%;

        width: 100%;

        right: 0;

        opacity: 0.8;
    }

    #loginmodal,
    #Send-again-gift,
    #Redeem-gift {
        width: 310px;
    }

    .img-new-slide .slick-prev {
        left: -14px;
    }

    .img-new-slide .slick-next {
        right: -14px;
    }

    .img-slide-nav .slick-prev {
        top: 35%;

        left: -14px;
    }

    .img-slide-nav .slick-next {
        top: 35%;

        right: -14px;
    }

    .img-new-slide .slide-text img.slide-img {
        right: 0;

        height: 400px;

        object-fit: cover;

        width: 100%;
    }

    .upcoming-event-section .cta-banner {
        height: 230px;
    }
}

@media (max-width: 480px) {
    .add-to-cart-box .btn-add-cart .add-icon {
        display: flex !important;
    }

    .category-dropdown .dropdown-toggle {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 575px) {
    .checkout-section-2
        .left-sidebar-checkout
        .checkout-detail-box
        > ul
        > li
        .checkout-icon {
        display: none !important;
    }

    .footer-title .med-title {
        margin-left: 20px;
    }

    .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: 15px;
        top: 8px;
    }
}

.add-modal-img-link {
    display: inline-block;
    height: fit-content;
}

.modal-cls1 {
    position: absolute;
    top: -10px;
    right: -10px;
}

.new-pill {
    color: #fff;
}

.alert-prospect {
    background-color: #66b5ba;
}

.alert-completed {
    background-color: #1c524d;
}

.alert-closed {
    background-color: #c1b354;
}

.alert-tentative {
    background-color: #d96c6e;
}

.alert-lost {
    background-color: #746e64;
}

.alert-definite {
    background-color: #59a274;
}

.alert-lead {
    background-color: #47686a;
}

.option-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.option-tag .btn-check:checked + .btn-outline-primary,
.option-tag .btn-outline-primary:hover,
.option-tag .btn-outline-primary:focus {
    background: var(--main-color) !important;
    color: var(--dark-color) !important;
}

.modal-body .cart-canvas .quantity .quantity-price {
    max-width: 140px;
}

.modifiers-tabs .nav-pills {
    overflow-x: auto;
    flex-wrap: nowrap;
}

.modifiers-tabs .nav-pills li {
    flex-shrink: 0;
}

.modifiers-tabs .nav-pills .nav-link,
.custom-tab-pill.nav-pills .nav-link {
    font-size: calc(16px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.new-tab-og {
    background-color: var(--sec-color);
}

.new-tab-nav .nav-item {
    width: fit-content;
    border: 0;
    display: flex;
    min-width: 170px;
}

.new-tab-nav p {
    line-height: 18px;
}

.offcanvas-body .new-tab-nav .nav-item {
    min-width: 165px;
    width: 50%;
}

.offcanvas-body .new-tab-nav {
    width: 100%;
}

.new-tab-nav {
    /* width: 100%; */
    border: 1px solid #000;
    border-radius: 0px;
    display: flex;
    overflow: hidden;
    /* border-radius: 50px; */
    padding: 0;
    width: fit-content;
}

.new-tab-nav .nav-link.active {
    background-color: var(--dark-color);
    border: 1px solid #212529;
    color: #fff;
}

.new-tab-og .nav-link.active {
    background-color: var(--dark-color);
}

.new-tab-nav .nav-link {
    padding: 15px 20px;
    color: var(--dark-color);
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    width: 50%;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    background-color: var(--main-color);
}

.custom-tab-pill.nav-pills .nav-link.active,
.custom-tab-pill.nav-pills .show > .nav-link,
.modifiers-tabs .nav-pills .nav-link.active,
.modifiers-tabs .nav-pills .show > .nav-link {
    border-bottom: 3px solid var(--sec-color) !important;
    background: none;
    border-radius: 0;
    color: #000 !important;
    font-size: calc(16px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    /* padding: 0 10px 10px; */
    font-weight: 700;
}

.select-size input[type="checkbox"] {
    appearance: none;
    display: none;
}

.modifiers-tabs .select-size label {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: inherit;
    padding: 8px 16px;
    text-align: center;
    border-radius: 0.25rem;
    overflow: hidden;
    transition: linear 0.3s;
    color: var(--dark-color);
    cursor: pointer;
    border: 1px solid var(--dark-color);
}

.modifiers-tabs .select-size input[type="checkbox"]:checked + label,
.modifiers-tabs .select-size input[type="checkbox"]:hover + label {
    background: var(--main-color);
    transition: all 0.3s ease-in-out;
}

.header-compact {
    background-color: #1e1e1e !important;
}

/* Vinateria css Start*/

.noti-text {
    font-size: calc(15px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4;
    color: #fff;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.smenu-sec {
    position: relative;
    padding: 20px 0px 80px 0px;
}

.header-new.active .sticky-header {
    background-color: var(--secondray-color) !important;
}

.menu-bg {
    background-color: var(--secondray-color) !important;
}

/* btn-start */

/* .btn-animation {
    background: linear-gradient(90deg, #1a1b1d 0%, #171b23 100%);
} */
/* 
.btn-animation::after {
    background: linear-gradient(90deg, #444444 0%, #444444 100%);
} */

.btn-animation-2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #f1eee8;
    background: linear-gradient(90deg, #f5f5f5 0%, #f5f5f5 100%);
    transition: all 0.3s ease;
}

.btn-animation-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--secondray-color);
    border-radius: 5px;
    font-weight: 600;
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
    background: var(--theme-color);
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    border: none;
    z-index: 0;
}

.btn-animation-2:hover::after {
    top: 0;
    height: 100%;
}

.btn-animation-2:hover {
    color: var(--secondray-color);
}

/* btn 3 */

.btn-animation-3::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #f1eee8;
    background: linear-gradient(90deg, #000 0%, #000 100%);
    transition: all 0.3s ease;
}

.btn-animation-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--secondray-color);
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
    background: transparent;
    border: 1px solid var(--secondray-color);
    z-index: 0;
}

.btn-animation-3:hover::after {
    top: 0;
    height: 100%;
}

.btn-animation-3:hover {
    color: #fff;
}

/* btn-end */

/* Dashboard Css start */
.user-dashboard-section
    .dashboard-left-sidebar
    .user-nav-pills
    .nav-item:hover
    .nav-link {
    color: #818181;
}

/* Dashboard Css end */

.feature-home-navlinks a {
    padding: 10px 15px;
    width: 100%;
    margin: 15px 0;
    border: 1px solid #525251;
    border-radius: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.feature-home-navlinks span {
    font-size: 18px;
    font-weight: 300;
    line-height: 3;
}

.exp-home-content-link a:hover {
    color: var(--rose-color);
}

.feature-home-navlinks a:hover {
    color: var(--rose-color);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.vinateria-a-links span:hover {
    color: var(--rose-color);
}

.home-about-inner img.profile-img {
    /* width: 16%; */
    object-fit: cover;
}

.exp-home-content h4 {
    font-family: var(--font-cormorant);
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left;
}

.exp-home-content-link a {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.smenu-sec .vinateria-sub-content {
    width: 70%;
}

.smenu-sec .vinateria-sub-content-2 {
    margin-left: auto;
}

a.vinateria-a-links span {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

/* start home gallery new */

.slide-gallery {
    /* position: relative;
    display: block;
    max-width: 500px;
    max-height: 300px;
    margin: auto;
    border-radius: 4px;
    overflow: hidden; */
}

.slide-gallery .slick-list {
    overflow: hidden;
}

.slide-gallery .slick-slide {
    outline: none !important;
}

.slide-gallery .gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-family: Helvetica, sans-serif;
    line-height: 40px;
    text-align: center;
    background-color: #e33193;
    z-index: 10;
    cursor: pointer;
    border-radius: 50% !important;
    transition: background 0.3s ease;
    color: #fff;
    font-weight: 800;
}

.slide-gallery .gallery-arrow:hover {
    background: #fff;
    color: #000;
}

.slide-gallery .gallery-arrow.mod-prev {
    left: 0;
    border-radius: 0 4px 4px 0;
}

.slide-gallery .gallery-arrow.mod-next {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.slide-gallery .gallery-item {
    position: relative;
    float: left;
    vertical-align: middle;
    text-align: center;
}

/* .slide-gallery .gallery-img-holder{
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 500px;
   } */
.slide-gallery .slick-prev:before,
.slide-gallery .slick-next:before {
    color: #e33193 !important;
}

.gallery-img-holder {
    overflow: hidden;
    transition: all 0.2s linear;
}

.gallery-img-holder .gallery-img {
    transition: all 0.2s linear;
}

.gallery-img-holder .gallery-img img {
    transition: all 0.2s linear;
}

.gallery-img-holder:hover .gallery-img {
    transform: scale(1.1);
    transition: all 0.2s linear;
}

.slide-gallery .gallery-img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.slick-dots li button:before {
    color: #e33193;
    opacity: 1 !important;
}

.slide-gallery .slick-lightbox,
.slide-gallery .slick-arrow {
    z-index: 10;
}

.slick-lightbox .slick-prev:before,
.slick-lightbox .slick-next:before {
    color: #e33193 !important;
}

/* start home gallery new */
.wrapper__video {
    width: auto;
}

/* img gallery */
.gallery-section .slick-dots li.slick-active button:before {
    color: var(--color-gray);
}

.special-moment-section .special-moment-content {
    border-radius: 40px;
}

.special-moment-section .special-moment-image,
.special-moment-section .slick-list {
    border-radius: 0 40px 40px 0;
    background-color: var(--theme-color);
}

.slick-prev,
.slick-next {
    z-index: 1;
}

.slider-special-moment .slick-prev:before,
.slider-special-moment .slick-next:before {
    color: var(--rose-color);
}

.slider-special-moment .slick-prev {
    left: 5px;
}

.slider-special-moment .slick-next {
    right: 5px;
}

.special-moment-section .special-moment-content h2 {
    font-family: var(--font-oranienbaum);
    font-size: 60px;
    font-weight: 400;
    line-height: 75px;
    margin-bottom: 10px;
    text-align: center;
}

.slider-special-moment.shop-box .shop-category-box {
    padding: 0 !important;
}

.dining-btn {
    padding: 10px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    color: var(--white-color);
    margin: 50px auto 0;
}

.menu-ic-close {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 10;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* menu */
.menu-title a {
    color: white;
}

.menu-bg {
    background: url(../../img/home/trans-bg-1.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 95% auto;
}

.menu-nav-logo {
    display: flex;
    justify-content: center;
    margin: 220px 0 30px 0px;
}

.menu-nav-logo a img {
    height: 80px;
}

.menu-title a.active {
    color: #e33193;
}

.menu-col .dish-block .product-box .title h4 {
    font-size: 26px;
}

.menu-tabs .dish-block .desc {
    color: #666666;
}

.nt_menu > li > a {
    background-color: var(--theme-color);
    border-radius: 30px;
    padding: 5px 20px;
}

.nt_menu .menu-type-link:hover {
    background-color: #e5e5e5;
}

.slick-prev:before,
.slick-next:before {
    font-size: calc(20px + (40 - 20) * ((100vw - 1199px) / (1920 - 1199)));
    color: #000;
}

/* Reservastion Start */
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: var(--rose-color) !important;
    background-image: linear-gradient(to bottom, var(--rose-color), #de1081);
}

.reservation-select a {
    color: rgb(160, 160, 160);
}

.reservation-select a:hover {
    color: #545454;
}

/* Reservastion End */

/* Event inquiry Start */
.event-inquiry-area {
    margin-top: 61px;
}

.video-col-event {
    margin-bottom: -10px;
    margin-top: -10px;
}

.reserv-col .form-floating.theme-form-floating.log-in-form input {
    color: white !important;
    padding-top: 22px;
}

/* Event inquiry End */

/* About Start */

.section-top-head {
    padding-bottom: 220px;
    padding-top: 160px;
    text-align: center;
}

.common-head-bg {
    margin-top: -150px;
}

section.feature-about-us-main .feature-about-us-content > h4 {
    font-family: var(--font-cormorant);
    font-size: 2.1rem;
    font-style: italic;
    font-weight: 400;
    color: #1b1b1b;
    letter-spacing: 0px;
}

section.feature-about-us-main .feature-about-us-content > img {
    width: 22%;
}

.feature-about-us-award h3 {
    font-family: var(--font-old-standard);
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: center;
}

.intro-section.reserve-section .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 1;
}

section.feature-contact-us-main ul li b {
    color: #000000;
    text-align: start;
    margin: 0 12px 0 0;
    width: 15%;
}

/* About End */

/* Contact start */
section.form-contact-us-main {
    background-image: url(../../img/vinateria/background/left-bottom.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

/* Contact End */

/* Menu css */
.dropdown .btn {
    min-width: 130px;
    padding: 8px 40px 8px 10px;
}

.menu-page-search .dropdown-toggle::after {
    border: none;
    background-image: url(../../img/icons/chevron-down-black.svg);
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    right: 10px;
    top: 45%;
    left: auto;
    transform: translateY(-40%);
    display: inline-block;
}

.search-filter .search-box .form-control {
    padding: 11px 11px;
    font-size: 14px;
}

.search-box .input-group input {
    border-radius: 20px 0 0 20px;
}

.search-box .form-control.bg-none::placeholder {
    color: #ccc !important;
}

.order-deal .vin-orders.dark-head .nav-link {
    color: #000 !important;
}

.add-to-cart-box .btn-add-cart,
.add-to-cart-box .btn-add-cart .add-icon {
    color: #fff;
}

.add-to-cart-box .btn-add-cart:hover,
.add-to-cart-box .btn-add-cart:hover .add-icon {
    color: #000;
}

.vin-orders.dark-head .menu-head::after {
    border: 1px solid #000000;
}

.vin-orders.dark-head .menu-head::before {
    border-top: 1px solid var(--dark-color);
    border-bottom: 1px solid var(--dark-color);
}

.order-deal .vin-orders.category-list .nav-link {
    background-color: transparent;

    color: #fff;

    font-weight: 500;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: calc(20px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));

    white-space: nowrap;

    line-height: 1;

    border: none;

    padding: 0;

    margin: 0;
}

.order-deal .category-list .nav-link.active,
.order-deal .category-list .nav-link:hover {
    background-color: transparent;

    border-color: none;

    color: #fff;
}

.menu-tabs .buttons {
    position: relative;
    padding-top: var(--padding-top-25);
    padding-bottom: var(--padding-bottom-25);
    margin-bottom: 0px;
}

.vin-orders .menu-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0;
}

.menu-tabs .buttons .tab-buttons .tab-btn,
.vin-orders .menu-head {
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 40px 20px;
}

.menu-tabs .buttons .tab-buttons .tab-btn.active-btn:before,
.vin-orders .active.menu-head::before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.menu-tabs .buttons .tab-buttons .tab-btn:before,
.vin-orders .menu-head::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 5px;
    border-top: 1px solid var(--white-color);
    border-bottom: 1px solid var(--white-color);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.menu-tabs .buttons .tab-buttons .tab-btn:after,
.vin-orders .menu-head::after {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: 36px;
    top: 50%;
    margin-top: -5px;
    height: 8px;
    width: 8px;
    border: 1px solid var(--white-color);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-tabs .buttons .tab-buttons .tab-btn:last-child:after,
.vin-orders .menu-head:last-child::after {
    display: none;
}

.menu-tabs .buttons .tab-buttons .tab-btn:hover a,
.vin-orders .menu-head:hover a {
    opacity: 0.6;
}

.menu-tabs .dish-block:last-child {
    margin-bottom: 0;
}

.menu-tabs .dish-block {
    position: relative;
    margin-bottom: var(--margin-bottom-55);

    display: flex;
    justify-content: center;
}

.menu-col .dish-block .product-box {
    position: relative;
    min-height: 100px;
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}

.order-area .dish-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dish-block .product-box:hover,
.order-area .dish-block .product-box:hover {
    background: rgba(228, 197, 144, 0.05);
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    transition: all 0.2s linear;
}

.menu-tabs .dish-block .title {
    position: relative;
    line-height: 24px;
    margin-bottom: var(--margin-bottom-10);
    font-family: var(--font-family-Forum);
}

.menu-tabs .dish-block .title .ttl {
    position: relative;
    float: left;
    padding-right: var(--padding-right-15);
    background: none;
    text-transform: capitalize;
}

.menu-col .dish-block .product-box .title h3 {
    font-size: 26px;
}

.mobile-menu ul li a {
    color: #222;
}

.mobile-menu ul li a .icli {
    color: var(--color-five);
}

.mobile-menu ul li a span {
    color: var(--color-five);
}

.mobile-menu ul li.active::before {
    background: #e33193;
}

.mobile-menu ul li.active a span {
    color: #e33193;
}

.mobile-menu ul li.active .icli {
    color: #e33193;
}

.user-dashboard-section
    .dashboard-right-sidebar
    .dashboard-address
    .address-box
    > div
    .label {
    background: var(--rose-color);
    color: #fff;
    padding: 0 4px;
}

.user-dashboard-section
    .dashboard-right-sidebar
    .dashboard-address
    .address-box
    > div
    .label
    label {
    color: #fff;
    font-size: 12px;
}

/* Menu End */

.f-social li a:hover {
    color: var(--rose-color);
}

.blog-section .blog-box .blog-contain .blog-button {
    background-color: #1e1e1e;
}

.blog-section .blog-box .blog-contain .blog-button:hover {
    background-color: #e33193 !important;
}

.blog-section .blog-box {
    border: 1px solid #bbb9b9 !important;
    height: 100%;
}

.press-section {
    margin-top: -180px;
}

.order-checkout-section .cart-canvas .quantity .quantity-price {
    max-width: 100%;
    margin-bottom: 3px;
}

.order-checkout-section .cart-canvas .quantity-price .cart_qty input {
    max-width: 45%;
}

.order-checkout-section .order-product .product-box-3 .product-header {
    margin-top: -15px;
}

.menu-tabs .buttons .tab-buttons {
    position: relative;
    text-align: center;
    font-family: var(--font-family-Forum);
}

.menu-tabs .buttons .tab-buttons .tab-btn {
    margin-bottom: 10px !important;
}

.menu-tabs .buttons .tab-buttons .tab-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    margin-left: var(--margin-left-40);
    margin-right: var(--margin-right-40);
    font-size: var(--font-20);
    line-height: 25px;
    text-transform: uppercase;
    padding-bottom: var(--padding-bottom-5);
}

.tabs-box .tab-buttons .tab-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tx-pink {
    color: #e33193;
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.vinateria-footer-main {
        padding: 20px 0 50px;
    }

    .menu-nav-logo {
        margin-top: 200px;
    }
}

@media (max-width: 767px) {
    .py-100 {
        padding: 50px 0;
    }

    .py-180 {
        padding: 100px 0;
    }

    .py-200 {
        padding: 120px 0;
    }

    .vinateria-heading-title h2 {
        font-size: 35px !important;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .vinateria-sub-content h2 {
        font-size: 25px !important;
        line-height: 38px;
    }

    .vinateria-event-sub-content p {
        font-size: 18px;

        line-height: 25px;
    }

    .feature-home-navlinks span {
        font-size: 16px;
    }

    .vinateria-sub-content h3 {
        font-size: 32px;
    }

    .vinateria-content-subcontent p {
        font-size: 15px;

        line-height: 22px;
    }

    .wrapper__video {
        width: 100%;
    }

    .special-moment-section .special-moment-image,
    .special-moment-section .slick-list {
        border-radius: 40px;
    }

    .dining-btn {
        margin: 50px auto 30px;
    }

    header.header-absolute {
        background-color: var(--secondray-color);
    }

    .menu-col .dish-block .product-box .title h4 {
        font-size: 20px;
    }

    .menu-tabs .dish-block .title .ttl h4 > a {
        font-size: 20px;
    }

    .vinateria-heading-title .title2 {
        font-size: 28px !important;
        line-height: 35px;
    }

    .border-color-theme {
        border-color: var(--theme-color) !important;
    }

    .common-head-bg-home {
        background-color: var(--secondray-color) !important;
    }

    .home-about-secminus {
        margin-top: -100px !important;
    }

    .press-section {
        margin-top: -70px;
    }

    .video-container-2 iframe {
        top: 5px !important;
    }

    .video-container-2 {
        height: initial;
    }

    .video-container-2 iframe {
        height: initial;
    }

    .about-head-bg img {
        height: 150px;
        object-fit: cover;
    }

    .intro-section.reserve-section .image-layer {
        height: 100%;
    }

    .intro-section.reserve-section {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu-nav-logo {
        display: flex;
        justify-content: center;
        margin: 70px 0 20px 0;
    }

    .order-deal .vin-orders.category-list .nav-link {
        font-size: calc(16px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    }

    .vin-orders .menu-list {
        gap: 20px;
    }

    .vin-orders .menu-head {
        margin: 0;
    }

    .vin-orders .menu-head::after {
        content: none;
    }

    .menu-nav-logo a img {
        height: 50px;
        object-fit: cover;
    }

    .vinateria-sub-content {
        width: 100%;
    }

    .home-logo-list img {
        width: 45px;
    }

    .home-about-inner img.profile-img {
        width: 18%;
    }

    .exp-home-content h4 {
        font-size: 29px;
    }

    footer.vinateria-footer-main {
        padding: 20px 0 100px;
    }

    footer.vinateria-footer-main {
        background-size: 70%;
    }

    footer.vinateria-footer-main .footer-navigation ul li a {
        font-size: 15px;
        line-height: 22px;
    }

    footer.vinateria-footer-main p {
        font-size: 15px;
    }

    .smenu-sec {
        padding: 40px 0;
    }

    .smenu-left-img img,
    .smenu-right-img img {
        width: 200px;
    }

    .menu-banner .header__nav {
        /* margin-bottom: 150px; */
        overflow-y: auto;
    }

    .open-menu .nav-header__item {
        width: 100%;
        transform: none;
        margin: 3px 0;
    }

    .nav_points {
        bottom: 10px;
    }

    .points-nav__item,
    .open-menu .point_navitems {
        width: 100%;
    }

    .points-nav__item:first-child {
        width: 100%;
    }

    .points-nav__item:first-child p {
        margin-bottom: 0;
    }

    .points-nav__item a {
        text-align: center !important;
        display: block !important;
    }

    .point_navitems {
        flex-wrap: wrap;
    }

    .event-inquiry-area {
        margin-top: 31px;
    }

    .section-top-head {
        padding-bottom: 70px;
        padding-top: 100px;
    }

    .common-head-bg {
        margin-top: -40px;
    }

    .search-filter.menu-page-search {
        width: 100%;
    }

    .order-location .dropdown {
        width: 100%;
        margin: 0 0 15px !important;
    }

    .order-location .dropdown button {
        width: 100%;
        margin: 0 0 0 !important;
    }

    .dropdown .btn {
        min-width: 130px;
        padding: 12px 12px 12px 10px;
    }

    .order-location .search-box {
        width: 100%;
        margin: 0 0 0 !important;
    }

    section.feature-about-us-main .feature-about-us-content > h4 {
        font-size: 1.7rem;
    }

    .feature-about-us-main .lines {
        width: 100%;
    }

    .feature-about-us-main .pink-flower {
        width: 25%;
        bottom: 0;
        right: 0;
    }

    .feature-about-us-award h3 {
        font-size: 35px;
    }

    .intro-section.reserve-section {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .intro-section.reserve-section .image-layer {
        height: 100%;
    }

    .reserve-section .reserv-col .inner {
        padding: 40px 20px 30px;
    }

    .reserve-section .reserv-col .title h2 {
        text-align: center !important;
    }

    section.feature-contact-us-main ul li b {
        width: 25%;
    }

    .vinateria-content-subcontent p {
        font-size: 15px;
        line-height: 22px;
    }

    .theme-option {
        bottom: calc(50px + (80 - 75) * ((100vw - 320px) / (1920 - 320)));
    }

    .new-tab-nav {
        width: 100%;
    }

    .new-tab-nav .nav-item {
        min-width: auto;
        width: 50%;
    }

    .new-tab-nav .nav-link {
        padding: 10px 12px;
    }
}

@media only screen and (max-width: 767px) {
    footer.vinateria-footer-main {
        padding: 30px 0px;
    }
}

@media only screen and (max-width: 575px) {
    .nt_menu {
        flex-wrap: wrap;
        gap: 15px;
    }
}

.form-check-input {
    border: 1px solid #000 !important;
}

.pd-10 {
    padding: 10px;
}

.pd-15 {
    padding: 15px;
}

.bg-gray-100 {
    background-color: #f4f5f8;
}

.mg-b-5 {
    margin-bottom: 5px;
}

.tx-13 {
    font-size: 13px;
}

.mg-15 {
    margin: 15px;
}

.bd-t {
    border-top: 1px solid rgba(72, 94, 144, 0.16);
}

.corne-status {
    border-radius: 0;
    padding: 0px 15px;
    position: absolute;
    top: -1px;
    left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    font-size: 12px;
    min-width: 85px;
    text-transform: uppercase;
}

.status-yellow {
    background: #fab22b;
    color: #fff;
}

.new-tag-lable {
    position: relative;
}

.status-green {
    background: #e33193;
    color: #fff;
}

.status-blue {
    background: #6c757d;
    color: #fff;
}

span a {
    color: #e33193;
}

/* .experience-list .experience-box .experience-header .experience-image .program-img {
    height: auto !important;
} */

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
    display: flex;
    align-items: flex-start;
}

.checkout-section-2
    .right-side-summery-box
    .summery-box-2
    .summery-total
    .taxData
    li:last-child {
    border: none;
    padding-top: 0;
    margin-bottom: 10px;
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
    padding: 5px 0 !important;
}

.user-dashboard-section .tooltip {
    position: absolute !important;
}

.user-dashboard-section .tooltip .tooltiptext {
    white-space: normal !important;
    width: 200px !important;
    max-width: 300px;
    /* Adjust width for better readability */
    word-break: break-word;
    /* Ensures long words wrap */
}

.user-dashboard-section .tooltip i {
    padding-left: 5px;
}

#floatingSelect12-error {
    position: absolute;
    top: 51.5%;
    left: 71%;
}

.blog-section
    .left-sidebar-box
    .left-accordion-box
    .accordion-item
    .accordion-collapse
    .accordion-body
    .category-list-box
    ul
    li
    a
    .category-name
    span {
    background: var(--rose-color) !important;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container--default .select2-results > .select2-results__options {
    display: flex;
    flex-direction: column;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--rose-color) !important;
    color: white;
}

.profile .datetime-check .select2 .selection {
    width: 100%;
}

.profile
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background: var(--rose-color) !important;
    color: white !important;
    border-color: white !important;
}

.profile
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: white !important;
    border-color: white !important;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:focus {
    background-color: var(--rose-color) !important;
    color: white;
    outline: none;
}

.profile .select2-container--default .select2-selection--multiple {
    border: none !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
}

.profile
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    top: 5px !important;
}

.blog-section .left-sidebar-box .recent-image {
    height: 70px;
}

.tooltip-inner {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    padding: 6px 10px;
    border-radius: 4px;
}

.profile .bootstrap-datetimepicker-widget .list-unstyled {
    text-align: center;
}

.profile .bootstrap-datetimepicker-widget .list-unstyled .table-condensed {
    width: 100%;
}

.profile .profile-gender .select2 {
    padding: 7px 15px;
}

.a-link-red {
    color: var(--rose-color);
}

.a-link-red:hover {
    color: var(--dark-color) !important;

    .multisteps-form .text-red {
        color: var(--rose-color) !important;
    }

    .multisteps-form__progress-btn::after {
        display: none;
    }

    .multisteps-form__progress-btn::before {
        display: none;
    }
}

.multisteps-form__progress-btn.js-active {
    border-color: var(--rose-color) !important;
}

.only-progress .multisteps-form__progress-btn {
    padding: 0;
    border: none;
    border-top: 4px solid #dcdcdc;
}

.multisteps-form__content .dropzone {
    background: #f7f7f7;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    min-height: auto;
}

.multisteps-form__content .dropzone:hover {
    background: #e1e1e1;
}

.multisteps-form__content .btn-danger {
    color: #fff;
    background-color: var(--red-color);
}

.multisteps-form__content .link-plus {
    color: #000;
    background-color: var(--theme-color);
    border: 1px solid #000;
    margin-left: 13px;
}

/* Wrap the select box */
.cust-select-wrapper {
    position: relative;
}

/* Hide default arrow */
.cust-select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2rem;
    /* Space for custom arrow */
    background-color: white;
    /* Optional: ensure white background */
}

/* Custom black arrow using a pseudo-element */
.cust-select-wrapper::after {
    content: "▾";
    /* Down arrow */
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: black;
    /* Make arrow black */
    font-size: 0.8rem;
}

.acc-order-detail .title-medium {
    font-size: 20px !important;
    line-height: 23px !important;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.fs-14 {
    font-size: 14px;
    line-height: 20px;
}

.fs-20 {
    font-size: 20px !important;
}

.acc-order-detail .order-icon img {
    height: 80px !important;
}

@media only screen and (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }

    .cart-order-items {
        max-height: calc(100dvh - 400px) !important;
    }

    .right-tab-pane-lg {
        height: calc(100dvh - 50px) !important;
    }

    .check-out-bottom {
        bottom: 65px !important;
    }
}

@media only screen and (min-width: 768px) {
    .cart-order-items {
        max-height: calc(100dvh - 300px) !important;
    }
}

.modal-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 1;
}

.pending-row:last-of-type .row {
    border-bottom: none !important;
}

.update_img {
    height: 2.6rem;
    width: 2.6rem;
    object-fit: cover;
    border-radius: 100%;
    flex-shrink: 0;
}

.ac-sub-teb .nav-link:hover,
.ac-sub-teb .nav-link.active,
.ac-sub-teb .nav-link:focus {
    color: var(--rose-color) !important;
    opacity: 1;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 2px solid var(--rose-color);
}

.ac-sub-teb .nav-line .nav-link.active::after {
    background-color: var(--main-color) !important;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 2px solid var(--main-color);
}

.ac-sub-teb .nav-line .nav-link {
    color: var(--dark-color);
    font-size: 16px;
    font-family: var(---body-font);
}

.ac-sub-teb {
    background: #f8f8f8;
    border-radius: 5px;
}

.new-pill {
    color: #fff;
}

.alert-contracted {
    background-color: #66b5ba;
}

.alert-pending {
    background-color: #d9534f;
}

.alert-closed {
    background-color: #e2cd69;
}

.alert-finalized {
    background-color: #85d28c;
}

.alert-lost {
    background-color: #746e64;
}

.alert-lead {
    background-color: #60989c;
}

.alert-booked {
    background-color: #f8a36a;
}

.new-table-cust ol {
    padding-left: 10px;
}

.payment-area {
    position: relative;
}

.ProductList a:hover {
    color: var(--rose-color) !important;
}

.tooltip-custom-dark {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-custom-dark .tooltip-content-dark {
    visibility: hidden;
    width: max-content;
    max-width: 250px;
    background-color: #000;
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 6px 10px;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    white-space: normal;
    font-size: 16px !important;
}

.tooltip-custom-dark:hover .tooltip-content-dark {
    visibility: visible;
    opacity: 1;
}

.tooltip-custom-dark .tooltip-content-dark::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.vinateria-sub-content h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0em;
}

.fs-h6 {
    font-size: calc(12.8px + 0.0625vw);
    line-height: 1.2;
    font-weight: 400;
    margin: 0px;
}

.fs-h5 {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}

.contact-h5 {
    font-size: 1.25rem !important;
    font-family: var(--font-roboto) !important;
}

.fs-h3 {
    font-size: 38px;
    font-weight: 400;
    font-family: var(--font-cormorant);
    letter-spacing: 0em;
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .menu-banner .nav-header__item {
        margin: 10px 20px !important;
    }

    .nav_points {
        bottom: 60px !important;
    }
}

.fs-h4 {
    font-family: var(--font-cormorant);
    font-size: 2.1rem;
    font-style: italic;
    font-weight: 400;
    color: #1b1b1b;
    letter-spacing: 0px;
}

.fs-h2 {
    font-family: var(--font-cormorant);
    font-size: 48px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.fs-error {
    font-size: calc(13.2px + 0.25vw);
    line-height: 1.5;
    font-weight: 400;
}

.home-logo-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    justify-items: center;
    align-items: center;
}

.home-logo-list img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    width: 90px;
}

/* Keep 5 per row on all devices */
@media (max-width: 991px) {
    .home-logo-list {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 575px) {
    .home-logo-list {
        grid-template-columns: repeat(5, 1fr);
    }
}

.home-logo-sec {
    margin-top: -10px;
}
@media (max-width: 991px) {
    .lh-30 {
        line-height: 30px !important;
    }
}

.google-review-card .rating i {
    color: #ffc107;
    font-size: 2rem;
    margin: 0 3px;
}

.google-review-card .rating-text {
    font-size: 0.9rem;
    color: #333;
}

.google-review-card {
    border-radius: 15px;
}
.content-star i {
    color: var(--rose-color);
    font-size: 2rem;
    margin: 0 3px;
}


.cookie-bar-box {
    max-width: 530px;
    max-height: calc(100vh - 5rem);
    border-radius: 0;
    padding: 40px;
    right: auto;
    left: 25px;
    z-index: 3;
    bottom: 25px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
}

.cookie-bar-box .cookie-box {
    text-align: left;
}