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

    --theme-color: #ffdb00;

    --sec-color: #fffbb4;

    --red-color: #ff4026;

    --gray-color: #565656;

    --gray-color2: #bab8b3;

    --gray-color3: #adadad;

    --dark-color: #000000;

    --body-font: "ABCMonument", sans-serif;

    --monument-mono-font: "ABCMonument-mono", sans-serif;

    --heading-font: "abc_syntregular", serif;

    --arial-font: Arial, sans-serif;

    color-scheme: light dark;

    --dark-mode: light-dark(#000, #ffdb00);
}

/* Custom Font css */

@font-face {
    font-family: "ABCMonument";

    src: url("./../fonts/ABCMonumentGrotesk-Regular.woff2") format("woff2"),
        url("./../fonts/ABCMonumentGrotesk-Regular.woff") format("woff"),
        url("./../fonts/ABCMonumentGrotesk-Regular.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

    font-display: swap;
}

@font-face {
    font-family: "ABCMonument-mono";

    src: url("./../fonts/ABCMonumentGroteskMono-Regular.woff2") format("woff2"),
        url("./../fonts/ABCMonumentGroteskMono-Regular.woff") format("woff"),
        url("./../fonts/ABCMonumentGroteskMono-Regular.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

    font-display: swap;
}

.font-arial {
    font-family: var(--arial-font);
}

.ABCMonument {
    font-family: var(--body-font);
}

.monument-mono {
    font-family: var(--monument-mono-font);
}

@font-face {
    font-family: "abc_syntregular";

    src: url("./../fonts/ABCSynt-Regular.woff2") format("woff2"),
        url("./../fonts/ABCSynt-Regular.woff") format("woff"),
        url("./../fonts/ABCSynt-Regular.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

    font-display: swap;
}

/* Custom font css end */

/* Common css Start */

.tx-dark-light {
    color: var(--dark-mode);
}

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

    overflow-x: hidden !important;

    scroll-behavior: smooth !important;

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

html {
    overflow-x: hidden;
}

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

.select-num {
    width: 28%;
}

p {
    font-size: 16px;
}

.btn {
    width: fit-content;
    align-items: baseline;
}

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

.common-arrow-up {
    font-size: 6rem;
    font-family: var(--body-font);
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: bottom;
    line-height: 0;
}

.btn-animation {
    background: var(--red-color) !important;

    color: var(--dark-color);
    border: 1px solid #000;
}

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

    background: transparent !important;
}

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

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

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

.bg-none {
    background: none !important;
}

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

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

.btn {
    border-radius: 0;
}

.synt-font {
    font-family: var(--heading-font);
}

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

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

.tx-heart {
    color: var(--red-color) !important;
    -webkit-text-stroke: 0px black !important;
}

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

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

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

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

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

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

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

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

.object-fit {
    object-fit: cover;
}

.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: #000;
}

/* .new-label-tx{
    font-size: calc(18px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
} */

.cust-card {
    border: 1px solid var(--gray-color3);
}

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

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

.bg-shadow {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}

.wd-12 {
    width: 12px;
}

.ht-12 {
    height: 12px;
}

.wd-14 {
    width: 14px;
}

.ht-14 {
    height: 14px;
}

.wd-16 {
    width: 1rem;
}

.ht-16 {
    height: 1rem;
}

.wd-24 {
    width: 24px;
}

.ht-24 {
    height: 24px;
}

.wd-30 {
    width: 30px;
}

.ht-30 {
    height: 30px;
}

.wd-40 {
    width: 40px;
}

.ht-40 {
    height: 40px;
}

.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;
}

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

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

.max-h-450 {
    max-height: 450px;
}

.da-card {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.success-icon-md {
    width: 130px;
}

.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-link-dark {
    color: #000;
}

.a-link2.sub-dec-tx:hover,
.a-link-dark: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: "";
}

.border-dashed-t {
    border: none !important;
    border-top: 1px dashed var(--gray-color) !important;
}

.bd-r {
    border-right: 1px solid #000;
}

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

.card-cust {
    border-radius: 0;

    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);
}

.mg-l-10 {
    margin-left: 10px;
}

.rounded-10 {
    border-radius: 10px;
}

.bd {
    border: 1px solid rgba(72, 94, 144, 0.16);
}

.bd-t {
    border-top: 1px solid rgba(72, 94, 144, 0.16);
}

.mg-15 {
    margin: 15px;
}

.bg-gray-100 {
    background-color: #f4f5f8;
}

.pd-15 {
    padding: 15px;
}

.pointer {
    cursor: pointer;
}

.pd-10 {
    padding: 10px;
}

.mg-b-5 {
    margin-bottom: 5px;
}

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

.wd-400 {
    width: 400px !important;
}

.tx-danger {
    color: #dc3545;
}

.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);
}

.card {
    border-radius: 0;
}

/* Common 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);
}

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

    font-size: 12px;
    height: 18px;
}

/* #step_1 label.error {
    position: absolute;
} */

/* 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;
}

/* 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(--red-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(--red-color);
}

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: 4;
}

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

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    background-color: var(--red-color);

    color: #000;
}

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.footer-cust .main-footer {
    border: none;
}

.footer-cust .social-link ul {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 20px;
    margin-top: 15px;
}

.footer-cust .social-link ul li {
    margin: 0;

    margin-top: 0 !important;
}

.footer-cust .social-link ul li a {
    color: #000;
}

.footer-cust .social-link ul li a:hover {
    margin-left: 0 !important;
}

.footer-cust .social-link ul li a::before,
.footer-cust .social-link ul li a::after {
    content: none !important;
}

.footer-cust .social-link ul li:hover i,
.footer-cust .social-link ul li:hover svg {
    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);
}

.footer-cust .social-link ul li a i,
.footer-cust .social-link ul li a svg {
    color: #000000;

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

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

.footer-cust .cust-input {
    background: transparent;

    border: none;

    outline: none;

    border-bottom: 1px solid black;

    border-radius: 0;

    padding-left: 0;

    color: #000;
}

.footer-cust input.cust-input,
.footer-cust .cust-input::placeholder {
    color: var(--gray-color);

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

.footer-cust input.cust-input:focus {
    color: #000;
}

.footer-cust input.cust-input:focus::placeholder {
    color: #565656;
}

.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)));
}

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 h5 {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}

.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(--red-color);
}

/* 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)));
}

.banner-arrow {
    position: absolute;
    z-index: 4;
    bottom: -30vh;
    text-align: center;
    width: 100%;
}

.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%;

    height: 100%;
}

.piller-gif {
    width: 26.7vw !important;
    height: 65vh !important;
}

.slider-gif {
    max-height: 50vh;
}

/* .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: 0px;
    padding-top: 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;
}

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

.subscription-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;
}

.cust-dot .slick-dots {
    position: relative;
    bottom: 0;
}

.cust-dot .slick-dots li button {
    width: calc(6px + 2 * (100vw - 320px) / 1600);
    height: calc(6px + 2 * (100vw - 320px) / 1600);
    padding: 0;
    margin: 0;
    background-color: rgba(35, 35, 35, 0.2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cust-dot .slick-dots li button:before {
    content: none;
}

.cust-dot .slick-dots li.slick-active button {
    margin: 0;
    background-color: var(--main-text);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid var(--main-main);
    padding: 5px;
}

/* 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(--main-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(--dark-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(--main-color) !important;

    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) {
    .fullpage-loader {
        display: none;
    }

    .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*/
.slider-inner-arrow .slick-prev {
    left: 16px;
}

.slider-inner-arrow .slick-next {
    right: 16px;
}

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

.slick-arrow {
    width: fit-content;
    height: 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: #ff4026;
}

.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)); */

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}

/* 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;

    z-index: 2;
}

.tooltip .tooltiptext {
    visibility: hidden;

    width: 250px;
    display: none;

    background-color: black;

    color: #fff;

    text-align: start;

    border-radius: 6px;

    padding: 5px 14px;

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 110%;

    transform: translateY(-50%);

    font-size: 12px;
}

.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;
    display: block;
}

/* 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 */
.bd-color-comm {
    border-color: #ececec !important;
}

.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: 50px;
}

.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: 200px;
}

#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;
    line-height: 1.4;
}

.line-height {
    line-height: 1.4;
}

/* sweet alert */

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

} */

/* no data */
.delivery-main input.form-control::placeholder {
    color: #ccc;
    font-weight: 400;
}

.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: 70px;
    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: 35px;
}

.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 {
    justify-content: space-between;
    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;
    flex-wrap: wrap;
}

.bg-sec-tags li {
    background: var(--sec-color);
    font-size: 12px;
    color: var(--gray-color);
    padding: 3px;
}

.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 !important;
}

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

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

.header-notification.hidden {
    height: 0;
    padding: 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,
.order-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: 12px;
    top: 12px;
}

.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;
    font-family: var(--heading-font);
}

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

.class-common h2 {
    font-size: calc(28px + (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: 18px;
    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: 6px;
}

.class-common ol {
    padding-left: 30px;
    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;
}

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

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

.new-pill {
    color: #fff;
}

.alert-contracted {
    background-color: #3db9c2;
}

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

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

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

.alert-finalized {
    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: 200px;
}

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

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

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

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

.new-tab-og .nav-link.active {
    background-color: var(--main-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;
}

.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(--main-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;
}

.chage-link {
    display: block;
    text-align: end;
    color: #000;
    text-decoration: underline;
}

.chage-link:hover {
    color: #212529;
}

.delivery-main .address-box {
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
}

.delivery-main .address-box .address-content {
    opacity: 0.7;
}

.delivery-main .address-box.active {
    border: 1px solid #000;
    box-shadow: 0 0px 9px rgba(0, 0, 0, 0.3);
}

.delivery-main .address-box.active .address-content {
    opacity: 1;
}

.poper-wrapper {
    position: relative;
    display: inline-block;
    width: fit-content;
}

.pad-0-table tr td,
.pad-0-table tr th {
    padding: 0;
}

.popover-header {
    font-size: 14px;
    padding: 0.5rem 0.7rem;
}

.popover-body {
    font-size: 12px;
    padding: 0.5rem 0.7rem;
}

footer {
    z-index: 2 !important;
}

/* Cookies css */
.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;
}

.feedback-boxs .seat-radio label {
    padding: 5px 16px;
}

.smile-feedback-wrapper {
    display: flex;
    justify-content: space-around;
}

.smile-feedback .smile-div {
    background-color: rgb(245, 245, 245);
    cursor: pointer;
    border-radius: 0%;
    border: 1px solid #adadad;
    transition: all 0.3s ease-in-out;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smile-div:hover {
    background-color: var(--sec-color);
    border-color: #000;
}

.smile-feedback .smile-div:has(input[type="radio"]:checked) {
    background-color: var(--sec-color);
    border-color: #000;
}

.smile-feedback input[type="radio"] {
    -webkit-appearance: none;
    width: 25px;
    cursor: pointer;
    height: 25px;
    transition: border 0.2s ease;
    filter: grayscale(100%);
}

.smile-feedback input[type="radio"]:hover,
.smile-feedback input[type="radio"]:checked {
    filter: grayscale(0);
}

.smile-feedback input[type="radio"]:focus {
    outline: 0;
}

.smile-feedback input[type="radio"].happy {
    background: url("https://res.cloudinary.com/turdlife/image/upload/v1492864443/happy_ampvnc.svg") center;
    background-size: cover;
}

.smile-feedback input[type="radio"].neutral {
    background: url("https://res.cloudinary.com/turdlife/image/upload/v1492864443/neutral_t3q8hz.svg") center;
    background-size: cover;
}

.smile-feedback input[type="radio"].sad {
    background: url("https://res.cloudinary.com/turdlife/image/upload/v1492864443/sad_bj1tuj.svg") center;
    background-size: cover;
}

/* Feedback page */
.order-items-img {
    width: 90px;
    height: 90px;
}

.order-items-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.parking-card {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.parking-card .cust-card {
    background: transparent;
    transition: all 0.5s ease;
    cursor: pointer;
    color: #000;
    height: 100%;
    border: 1px solid var(--gray-color3);
}

.parking-card .cust-card .common-arrow {
    color: var(--red-color);
}

.parking-card:hover .cust-card {
    border-color: var(--red-color);
}

.coupon-box {
    border: 2px dashed #c7e2d6;
    color: #0f5132;
    padding: 8px 10px;
    background-color: #e8fcf3;
    display: flex;
    align-items: center;
    width: fit-content;
}

.event-space-slider .vendor-img img {
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.event-space-slider .slick-list,
.event-space-slider .slick-track,
.event-space-slider {
    height: 100%;
}

/* =====================================================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;
    }

    .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;
    }

    .modifiers-tabs .nav-pills {
        padding-bottom: 10px;
    }

    .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;
    }

    .event-space-slider .vendor-img img {
        max-height: 301px;
    }
}

@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;
    }

    .offcanvas-body .new-tab-nav .nav-item {
        min-width: auto;
    }

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

    .new-tab-nav .nav-item {
        min-width: auto;
        width: 50%;
    }

    .new-tab-nav .nav-link {
        padding: 10px 12px;
    }

    .cookie-bar-box {
        padding: 20px;
        left: 0;
        max-width: 100%;
    }
}

@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: 0px;
    }

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

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child h4,
.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 {
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
}

.video-section,
.banner-main {
    position: fixed;
    top: 7.5%;
    width: 100%;
    /* height: 100%; */
    padding: 40vh 0;
    z-index: 2;
}

@media (max-width: 1199.98px) {

    .video-section,
    .banner-main {
        top: 6.5%;
    }
}

#background-video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    z-index: 2;
}

.banner-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    z-index: 2;
}

.banner-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video-content {
    position: relative;
    z-index: 3;
    text-align: center;
}

.banner-content {
    position: relative;
    z-index: 3;
    text-align: center;
    top: -60px;
}

.video-inner-content,
.banner-inner-content {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px 0;
}

.video-inner-content::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.245);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 1;
}

.banner-inner-content::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.245);
    backdrop-filter: blur(5px);
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
}

.video-main,
.banner-inner-main {
    position: relative;
    z-index: 2;
}

.theme-option {
    z-index: 5;
}

.temp-class {
    padding: 50vh 0;
    background: transparent;
    position: relative;
    background: var(--main-color);
    top: 9.5%;
    z-index: 1;
}

.temp-class-banner {
    padding: 50vh 0;
    background: transparent;
    position: relative;
    background: var(--main-color);
    top: 9.5%;
    z-index: 1;
}

.new-wrapper {
    z-index: 3;
    position: relative;
}

.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;
}

.ui-timepicker-container {
    z-index: 3 !important;
}

.animate-logo-main {
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: fit-content;
}

.logo-container {
    width: 300px;
    height: 300px;
    position: relative;
}

.logo-container svg {
    animation: rotate-text 18s infinite linear;
    overflow: visible;
    /* Allow overflow to show the text properly */
}

.logo-container path {
    fill: transparent;
}

.logo-container text {
    fill: #000;
    font-weight: bold;
    font-size: 3.7px;
    /* Adjusted font size */
}

.animate-logo-main .animate-round-img {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes rotate-text {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.card-hover-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.card-hover-effect::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 0) 100%);
}

.card-hover-effect .card-content {
    height: 19vh;
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: all 0.6s ease-in-out;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 -15px 25px 1px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    padding: 30px 30px 50px;
    z-index: 2;
}

.card-content-main .sub-title {
    line-height: 1.47;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.card-hover-effect:hover .card-content {
    height: 100%;
    padding-top: 50px;
}

.only-title .card-hover-effect .card-content,
.only-title .card-hover-effect:hover .card-content {
    height: 10vh;
    padding-top: 30px;
}

.card-content-main {
    height: 100%;
    width: 100%;
}

.content-button {
    opacity: 0;
}

.card-hover-effect:hover .card-content-main {
    display: flex;
    flex-direction: column;
}

.card-hover-effect:hover .card-content-main .sub-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}

.card-hover-effect:hover .content-button {
    opacity: 1;
}

.card-temp-place {
    height: 30vh;
}

.card-hover-area {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.card-hover-wrapper {
    position: absolute;
    bottom: -40vh;
    width: 100%;
}

.new-type-slider {
    padding: calc(60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
    overflow: hidden;
    margin-bottom: calc((60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) - ((60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) * 2.8));
}
.new-type-slider {
  padding: 60px 0;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}

.vendor-list-slider {
  position: relative;
}

.slide-img {
  padding: 10px;
}

.new-vendor {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.new-vendor-brand {
  text-align: center;
  margin: 0 auto 20px;
  max-width: 150px;
}

.new-vendor-brand img {
  max-width: 130px;
  object-fit: contain;
  width: 100%;
}

.new-vendor-img {
  position: relative;
  height: fit-content;
  overflow: hidden;
}

.new-vendor-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.new-vendor-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
  z-index: 1;
}

.new-vendor-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}

.a-link-under-white {
  border-bottom: 1px solid #fff;
  font-weight: 600;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.a-link-under-white:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

/* Slick arrow customization */
.slick-prev, .slick-next {
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.a-link-under {
    border-bottom: 1px solid #000;
    font-weight: 600;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.a-link-under-white {
    border-bottom: 1px solid #fff;
    font-weight: 600;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.a-link-under:hover,
.a-link-under-white:hover {
    color: var(--main-color);
    border-color: var(--main-color);
}

/* Tesimonal css By S */
.testimonial-area {
    background-image: url(../../images/new-home/new-bg-vector.png);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    height: auto;

    -o-overflow-x: hidden;
    -o-overflow-y: auto;

    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;

    -moz-background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -o-background-attachment: fixed;

    -moz-background-position: center center;
    -webkit-background-position: center center;
    -o-background-position: center center;

    -moz-background-repeat: no-repeat;
    -webkit-background-repeat: no-repeat;
    -o-background-repeat: no-repeat;

    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
}

/* .testimonial-area {
    position: relative;
    overflow: hidden;
    perspective: 1px;
    height: 100vh;
  }
  
  .parallax-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../../images/new-home/new-bg-vector.png);
    background-size: cover;
    background-position: center;
    transform: translateY(-200px) translateZ(-1px) scale(2);
    z-index: -1;
    height: 120%; 
  } */

.project_container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
    justify-content: center;
}

.projects_list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
}

.project-name {
    padding: 0 2em;
}

.testimonial-area .project-name i {
    color: #ff4026;
    font-size: calc(30px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-right: 10px;
}

.testimonial-area .project-name p {
    margin-bottom: 0px;
    font-size: calc(30px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.project_container .projects_list.active {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.newsletter-section {
    z-index: 3;
    position: relative;
    margin-bottom: -5%;
}

footer .main-footer .footer-contain.top-links ul li {}

.paddin-top-half {
    padding-top: calc(140px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.new-footer-banner {
    max-width: 110px;
}

.footer-map-link {
    color: var(--red-color);
}

.footer-map-link span {
    transform: rotate(-45deg);
    font-size: 16px;
    margin-left: 7px;
    font-weight: 600;
}

.footer-cust .social-link ul.new-social li a {
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 6px;
    display: flex;
    /* width: 30px; */
    /* height: 30px; */
    text-align: center;
    line-height: 5px;
}

/* New Class Css(S) */
.cooking-class-area {
    padding-top: calc(80px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.cooking-top-img {
    height: 100%;
}

.cooking-top-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cooking-class-area .class-content {
    padding: 45px 160px 100px 100px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.class-content h2 {
    font-size: 28px;
    margin-top: 10px;
    font-weight: 500;
}

.class-content p.des-title {
    font-size: 18px;
    margin-top: 10px;
    line-height: 22px;
}

.class-booking-form {
    position: relative;
    margin-top: -55px;
    z-index: 2;
}

.class-booking-detail {
    background-color: #fff;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.class-category-box ul li {
    width: 100%;
    padding: 6px 0px;
}

.giftcard-img img {
    width: 100%;
    object-fit: cover;
}

.mb-20 {
    margin-bottom: 20px;
}

.btn-theme-sec {
    background: var(--sec-color);
    color: var(--dark-color);
    border: 1px solid #000;
}

.btn-theme-sec:hover {
    background: var(--red-color);
}

.cursor-pointor {
    cursor: pointer;
}

.category-dropdown .dropdown .dropdown-toggle {
    padding: 10px 7px;
    border-color: #dee2e6;
}

.short-img {
    height: 39px;
    width: 48px;
    padding: 5px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #dee2e6;
    margin-left: 12px;
    cursor: pointer;
    text-align: center;
}

.short-img:hover {
    border-color: var(--red-color) !important;
}

.class-badge {
    background-color: var(--sec-color);
    color: var(--dark-color);
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 8px;
    width: fit-content;
    font-family: var(--heading-font);
    font-weight: 600;
}

.class-booking-detail .form-select {
    border-radius: 0px !important;
}

.cooking-class-detail .class-rating {
    background-color: var(--sec-color);
    border: 1px solid var(--dark-color);
    padding: 1px 9px;
    border-radius: 30px;
}

.cooking-class-detail .class-rating i {
    color: var(--red-color);
}

.cooking-class-detail .class-rating span {
    color: var(--dark-color);
    margin-left: 3px;
}

.cooking-class-detail a.cooking-title {
    font-size: calc(24px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
    margin: 9px 0px;
    color: var(--dark-color);
    display: block;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.cooking-card-box .cooking-class-detail a.cooking-title {
    font-size: calc(24px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
    margin: 9px 0px;
    color: var(--dark-color);
    display: block;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.class-category-box h3 {
    font-size: 22px;
}

.cooking-card-box {
    margin-bottom: 25px;
}

.cooking-thumb img {
    width: 300px;
    height: 270px;
    object-fit: cover;
}

.chef-img img {
    height: 42px;
    width: 42px;
    object-fit: cover;
    border-radius: 50%;
}

.classes-price-details h4 {
    font-size: calc(24px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
}

.cooking-thumb {
    position: relative;
}

.lable-tag {
    position: absolute;
    left: 0;
    top: 10px;
    padding: 6px 8px;
    background-color: var(--main-color);
}

.lable-tag h5 {
    text-transform: uppercase;
    font-size: 12px;
}

.wishlist-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.wishlist-icon a {
    background-color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
}

/* .wishlist-icon a:hover {
    background-color: #ff4026;
}
.wishlist-icon a:active {
    background-color: #ff4026 !important;
} */

.wishlist-icon a i {
    font-size: 20px;
    color: #000;
    margin-top: 2px;
}

.img-calender-position {
    position: absolute;
    right: 20px;
    bottom: 8px;
}

.class-detail-arrow {
    color: #000;
    font-size: calc(24px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.4;
    transition: all 0.3s ease-in-out;
}

.class-detail-arrow:hover {
    transform: translateX(5px);
}

.new-tag-lable {
    position: relative;
}

.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;
}

.status-green {
    background: #0c8842;
    color: #fff;
}

.status-blue {
    background: #3f83d9;
    color: #fff;
}

.card-video-slide {
    object-position: center;
    width: 100%;
    height: 64.56vh;
    object-fit: cover;
}

.card-video {
    object-position: center;
    width: min-content;
    height: 100%;
    max-height: 64vh;
    object-fit: fill;
}

.timing-area {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.view-link {
    flex-shrink: 0;
    align-self: flex-end;
    margin-left: 16px;
}

.review-marquee {
    display: none;
}

.review-marquee .js-marquee-wrapper,
.common-marquee .js-marquee-wrapper {
    display: flex;
}

.maquee-items {
    margin-right: 50px;
}

.class-common .features-table {
    width: 100%;
}

.class-common .feat-icon {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    vertical-align: top;
}

.class-common .right-check,
.class-common .wrong-check {
    position: relative;
    padding-left: 0;
    list-style: none;
}

.class-common .right-check li,
.class-common .wrong-check li {
    position: relative;
    padding-left: 26px;
}

.class-common .right-check li::before,
.class-common .wrong-check li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #00a600;
    font-size: inherit;

    position: absolute;
    left: 0;
    top: 0;
}

.class-common .wrong-check li::before {
    content: "\f00d";
    color: #ff0000;
}

.feat-iframe iframe {
    height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.out-box .slick-list {
    /* padding: 0 30vw 0 0 !important; */
}

.out-box .slick-next {
    /* right: calc(12px + (160 - 12) * ((100vw - 320px) / (1920 - 320))); */
}

@media (max-width: 991px) {
    .card-hover-effect .card-content {
        height: 20vh;
    }

    .timing-area .single {
        width: 100%;
    }

    .cooking-class-area .class-content {
        padding: 20px;
    }

    .class-content p.des-title {
        font-size: 15px;
    }

    .class-booking-form {
        margin-top: -20px;
    }

    .col-custome-3 {
        width: 100%;
    }

    .cooking-thumb img {
        width: 100%;
        margin-bottom: 15px;
    }

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

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

@media (max-width: 768px) {
    .testimonial-area {
        background-attachment: unset;
        -moz-background-attachment: unset;
        -webkit-background-attachment: unset;
        -o-background-attachment: unset;
    }

    .card-hover-area {
        margin-top: 0px;
    }

    .home-about .btn-theme-info,
    .home-about .btn-animation {
        width: 100%;
    }

    .partner-section .card-temp-place {
        display: none;
    }

    .card-temp-place {
        height: 10vh;
    }

    .video-banner {
        height: calc(100vh - 370px);
    }

    .card-hover-wrapper {
        position: static;
        bottom: 0;
    }

    .animate-logo-main {
        display: none;
    }

    .card-hover-effect .card-content {
        padding: 30px 15px 50px;
    }

    .piller-gif {
        width: 100% !important;
    }

    /* .new-type-slider {
            overflow: visible;
        } */
    .new-type-slider .slick-prev {
        left: 15px;
    }

    .new-type-slider .slick-next {
        right: 15px;
    }

    .new-vendor-content {
        position: static;
        flex-direction: column;
        box-shadow: none;
        background: transparent;
        justify-content: flex-start;
        padding: 15px;
    }

    .view-link {
        margin-left: 0;
        align-self: flex-start;
        margin-top: 15px;
    }

    .new-vendor-content .text-white {
        color: #000 !important;
    }

    .new-vendor-content .a-link-under-white {
        color: #000;
        border-color: #000;
    }

    .new-vendor-content .tx-trunc {
        -webkit-line-clamp: 3;
    }

    .new-vendor-brand {
        max-width: 100px;
    }

    .new-type-slider {
        padding: calc(15px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
    }

    /* .new-type-slider .slick-list .slick-slide > div,
    .new-type-slider .slick-list .slick-slide > ul {
        margin: 0px 7px;
    } */
    .newsletter-section {
        padding: calc(60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
        margin: 0;
        background: #fffbb4;
    }

    .giftcard-offer-section {
        padding: calc(60px + (70 - 30) * ((100vw - 320px) / (1920 - 320))) 0;
        margin: 0;
        background: var(--mid-light);
    }

    .new-footer-banner {
        max-width: 90px;
    }

    footer .main-footer .footer-contain.top-links ul {
        margin-top: 10px;
    }

    footer .main-footer .footer-contain.top-links ul li,
    footer .main-footer .footer-contain ul li {
        padding-left: 10px;
        display: block;
    }

    .project_container {
        display: none;
    }

    .review-marquee {
        display: block;
    }

    .footer-title {
        position: relative;
        transition: all 0.3s ease-in-out;
    }

    .footer-title::after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        color: #000;
        font-size: inherit;

        position: absolute;
        right: 0;
        top: 0;
    }

    .footer-title.active::after {
        content: "\f077";
    }

    .out-box .slick-list {
        padding: 0 !important;
    }

    .out-box .slick-next {
        right: -25px;
    }

    .features-table td {
        display: block;
    }

    .cooking-class-area {
        padding-top: calc(65px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    }
}

.feedback-img {
    border: 1px solid #dee2e6;
    width: fit-content;
    margin: 0 0 10px;
}

.feedback-img img {
    max-width: 550px;
}

.feedback-video {
    border: 1px solid #dee2e6;
    width: 100%;
    height: 315px;
}

.feedback-video iframe {
    width: 100%;
    height: 315px;
}

.temp-section {
    height: 33vh;
}

.sticky-button {
    background: var(--sec-color);
    padding: calc(8px + (160 - 12) * ((100vw - 367px) / (1920 - 320))) calc(6px + (160 - 12) * ((100vw - 321px) / (1920 - 320)));
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.button-filter {
    background: transparent;
    display: flex;
    justify-content: center;
    /* height: 70px; */
}

.button-filter .badge {
    left: 110%;
    background: var(--red-color);
    color: #000;
}

.tickets-price {
    /* border-right: 1px solid #000000;
    width: 50%; */
    text-align: left;
    width: 100%;
}

.add-to {
    /* width: 50%; */
    text-align: right;
}

.card-index {
    position: relative;
}

.card-index-indi {
    width: 30px;
    height: 30px;
    font-size: calc(16px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #000000;
    font-weight: 500;
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #212529;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 15px);
    left: -16px;
}

.img-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.cust-radio-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.box-check input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.box-check label {
    padding: 5px 10px;
    color: var(--gray-color);
    border: 1px solid var(--dark-color);
    cursor: pointer;
    border-radius: 0;
    transition: all 0.3s linear;
}

.box-check input:checked+label,
.box-check input+label:hover {
    background-color: var(--main-color);
    color: var(--dark-color);
}

.gift-faq .accordion-button {
    font-weight: 500;
    font-size: calc(26px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.2;
}

.gift-faq .accordion-button:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* checkbox */

input[type="checkbox"].switch-control {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

input[type="checkbox"].switch-control+label {
    display: flex;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: fit-content;
}

input[type="checkbox"].switch-control+label .switch-label {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    padding: 5px 15px;
}

input[type="checkbox"].switch-control+label .switch-label-left {
    background: var(--red-color);
    color: #000;
}

input[type="checkbox"].switch-control:checked+label .switch-label-left {
    background: #fff;
    color: #000;
}

input[type="checkbox"].switch-control+label .switch-label-right {
    background: #fff;
    color: #000;
}

input[type="checkbox"].switch-control:checked+label .switch-label-right {
    background: var(--red-color);
    color: #000;
}

.recipient-row:not(:last-child) {
    border-bottom: 1px dashed var(--gray-color);
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.tab-sty1 .nav-item:has(.nav-link.active) {
    border-bottom: 1px solid var(--red-color);
}

.tab-sty1 .nav-link.active {
    color: var(--red-color) !important;
    border-color: var(--red-color);
}

.gift-card-canvas {
    max-height: calc(100vh - 50px);
    overflow-x: hidden;
    overflow-y: auto;
}

.left-box {
    position: sticky;
    top: 120px;
}

.clipboard-wrapper {
    position: relative;
}

.copy-text {
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
}

.copy-text::-moz-selection {
    color: #fff;
    background: var(--red-color);
}

.copy-text::selection {
    color: #fff;
    background: var(--red-color);
}

.copyTo {
    position: absolute;
    top: 50%;
    right: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    z-index: 2;
}

.copyTo:hover:after {
    opacity: 1;
    transform: translateY(0) translateX(-50%);
}

.copyTo:after {
    content: attr(tooltip);
    width: 140px;
    bottom: 30px;
    left: 50%;
    padding: 5px;
    z-index: 3;
    border-radius: 4px;
    font-size: 0.8rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-10px) translateX(-50%);
    transition: all 300ms ease;
    text-align: center;
}

.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: #ff4026;
}

.multisteps-form__content .link-plus {
    color: #000;
    background-color: var(--theme-color);
    border: 1px solid #000;
    margin-left: 13px;
}

.multisteps-form__content .form-control::placeholder {
    font-size: 14px;
}

.multisteps-form-tooltip .tooltips {
    width: 15px;
}

.tooltip-inner {
    font-weight: 500;
    font-size: 14px;
    background-color: var(--theme-color) !important;
    color: #000 !important;
}

@media (max-width: 768px) {

    .conversation-list,
    .ctext-wrap-content.wd-400,
    .ctext-wrap {
        width: 100% !important;
    }

    .new-footer {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .footer-links li:not(:last-of-type)::before {
        content: none;
    }
}

.class-category-box .card-body h3 {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.common-fs {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))) !important;
}

.tax-red-2-link {
    color: #d00000 !important;
}

.monument-mono.nav-link.btn.changeMenu {
    background-color: #f9f9f9;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

.footer-new .main-footer .fadeInUp .reserve h3 {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
}

.daterangepicker.dropdown-menu i {
    display: none;
}

.button-filter .btn h2 {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320))) !important;
}

.seller-poster-section .container-fluid-lg .infoPagesContain h2 {
    font-size: calc(17px + (18 - 17) * ((100vw - 320px) / (1920 - 320)));
}

.seller-poster-section .container-fluid-lg .infoPagesContain p a {
    color: #7a5e00 !important;
}

.seller-poster-section .container-fluid-lg .infoPagesContain p a:hover {
    color: #7a5e00 !important;
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side i {
    /* stroke-width: 1.5; */
    color: #4a5568;
}

.wishlist-icon i.fas.fa-heart {
    color: white;
    -webkit-text-stroke: 2px black;
    font-size: 20px;
}

.wishlist-icon i.fas.fa-heart:hover {
    color: #ff4026;
    -webkit-text-stroke: 0px black;
    font-size: 20px;
}

.wishlist-icon i.fas.fa-heart:hover {
    color: #ff4026;
    -webkit-text-stroke: 0px black;
}

.multisteps-form__content .description {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: visible;
    white-space: pre-line;
    font-size: 0.875em;
    padding: 10px 0 0 0;
}

.classes-price-details .btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.classes-price-details .btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0;
    background: #bcd5ec;
    transition: all 0.3s ease;
}

.classes-price-details .btn:hover::after {
    height: 100%;
}

.btn-theme-sec {
    position: relative;
    overflow: hidden;
    background: var(--sec-color) !important;
    z-index: 1;
    transition: color 0.3s ease;
}

.btn-theme-sec::after {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bcd5ec;
    transition: top 0.3s ease;
    z-index: -1;
}

.btn-theme-sec:hover::after {
    top: 0;
}

.btn-theme-sec:hover {
    color: #000;
}

.experience-list .experience-box .exp-buy a:hover {
    color: #000 !important;
}

.ticketHtml .items-details .responsive {
    width: 75%;
}

.calendarUrl .fc-widget-content .event-link.past-date {
    color: #a5a5a5 !important;
    background-color: rgb(252, 252, 252) !important;
    text-decoration: none !important;
    border: none;
}

.calendarUrl .fc-widget-content .event-link.future-date {
    color: #a5a5a5 !important;
    background-color: rgb(252, 252, 252) !important;
    text-decoration: none !important;
    border: none;
}

.calendarUrl .fc-widget-content .event-link {
    color: #000000 !important;
    text-decoration: none !important;
}

.calendarUrl .fc-widget-content .fc-other-month.fc-future {
    background-color: rgb(252, 252, 252) !important;
    opacity: 0.6 !important;
}

.calendarUrl .fc-widget-content .event-link span {
    text-decoration: none !important;
    font-size: 18px;
    display: inline-block;
    white-space: normal;
    word-break: break-word;
    width: 100%;
}

.calendarUrl .fc-widget-content .event-link span:hover {
    text-decoration: underline !important;
}

.calendarUrl .is-disabled {
    background: #faf4eb;
}

.cooking-class-list div div {
    justify-content: start;
}

.calendarUrl .fc-widget-content .fc-past {
    background-color: rgb(252, 252, 252) !important;
    opacity: 0.6 !important;
}

.calendarUrl .fc-past div {
    background-color: none !important;
}

.calendarUrl .fc-widget-content .event-link i {
    font-size: 14px;
    color: #006bce !important;
}

.cooking-class-list .btn-sec .changeView {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.cooking-class-list .btn-sec .changeView:hover {
    background-color: #bcd5ec;
}

.cooking-class-list .btn-sec .changeView.active {
    background-color: #bcd5ec !important;
}

.calendarUrl .fc-widget-content .event-link .inner-title {
    display: block;
    overflow: hidden;
    white-space: normal;
    text-align: left !important;
    margin-bottom: 0px !important;
    max-height: 4.5em;
    line-height: 1.5em;
}

.calendarUrl .fc-widget-content .fc-event-container:not(:last-child) {
    padding-bottom: 10px;
}

.calendarUrl .fc-widget-content .fc-event-container .fc-day-grid-event {
    background-color: transparent !important;
    border: none !important;
}

.calendarUrl .fc-widget-content .fc-event-container {
    padding: 10px;
}

.calendarUrl .fc-widget-content {
    min-height: 180px !important;
}

@media (max-width: 768px) {
    .calendarUrl .fc-widget-content {
        height: unset !important;
        border: none;
    }

    .w-sm-20 {
        max-height: 20vh;
        height: auto;
        overflow: scroll;
    }

    .w-sm-80 {
        max-height: 75vh !important;
        height: 75vh;
        overflow: auto;
    }

    .cart-canvas .left-tab-info span {
        font-size: 14px !important;
    }

    @media (max-width: 768px) {
        .calendarUrl .fc-list-item-time {
            display: none;
            margin: 0;
            padding: 0;
        }
    }

    .calendarUrl .fc-list-item-marker {
        display: none;
    }

    .calendarUrl .fc-widget-content .past-date {
        background-color: rgb(252, 252, 252) !important;
    }
}

.calendarUrl .fc-widget-content .fc-scroller {
    height: auto !important;
    overflow: hidden !important;
}

.calendarUrl .fc-widget-content .event-link .tx-14:hover {
    text-decoration: none !important;
}

.cart-canvas-modal .cart_qty .input-group {
    justify-content: left;
}

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

.classes-details-section .items-details .cart_qty .input-group {
    justify-content: left;
}

@media (max-width: 768px) {
    .cart-canvas-modal .quantity-price {
        max-width: 50% !important;
    }
}

/* Mobile view fix */
@media only screen and (max-width: 576px) {
    .delivery-login-box .panel-mobile .userName {
        /* font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 115px;
        display: inline-block;
        vertical-align: middle; */
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }

    .cart-order-items {
        max-height: calc(100dvh - 150px) !important;
    }

    .right-tab-pane-lg {
        height: calc(100dvh - 50px) !important;
    }

    .cart-canvas .check-out-bottom {
        bottom: 0px !important;
    }
    .cart-canvas .left-tab-ul {
        flex-wrap: nowrap !important;
    }
}

.banner-btn-left {
    position: absolute;
    z-index: 6;
    bottom: 100px;
    left: 25px;

}

@media (max-width: 768px) {
    .banner-btn-left {
        bottom: 120px;
    }
}

.banner-btn-right {
    position: absolute;
    z-index: 6;
    bottom: 100px;
    right: 25px;

}

@media (max-width: 768px) {

    .banner-btn-left,
    .banner-btn-right {
        width: 90px !important;
        height: 75px !important;
        font-size: 12px;
        line-height: 14px !important;
        bottom: 24dvh !important;
    }

}

.banner-btn-left,
.banner-btn-right {
    width: 150px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 22px;
}

@supports (-webkit-touch-callout: none) {
    @media screen and (max-device-width: 768px) {
        .upcoming-event-section .parallax {
            background-attachment: scroll !important;
            background-position: center center;
            background-size: cover;
        }
    }
}


.program-tab .nav-link.active {
    border: none;
    background: var(--red-color);
    border-radius: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.program-tab {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.program-tab .nav-tabs {
    width: max-content;
}

.checkout-section-2 .product-section-box .custom-nav .nav-item .nav-link.active::after {
    width: 100%;
    background: var(--red-color) !important;

}

.section-isLoading {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #d4d4d480;
    z-index: 11;
    top: 0;
}

.section-isLoading .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-isLoading .spinner-border {
    width: 4rem;
    height: 4rem;
    border: 0.3rem solid var(--main-color);
    border-right-color: transparent;
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin: 0 10px 0 0;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    appearance: checkbox;
}

.family-gift .product-section-box .custom-nav .nav-item .nav-link:focus,
.product-section-box .custom-nav .nav-item .nav-link:hover,
.product-section-box .custom-nav .nav-item .nav-link.active {
    color: var(--red-color) !important;
    border-bottom: 3px solid var(--red-color) !important;
    padding-bottom: 5px !important;
}


@media (min-width: 1024px) and (max-width: 1440px) {
    .not-found-area {
        height: auto;
    }
}   

.fs-h3 {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))) !important;
}

.fs-h5 {
    font-size: calc(14.8px + 0.0625vw);
    line-height: 1.2;
    font-weight: 400;
    margin: 0px;
}
.round-bage {
   border-radius: 4px;
    padding: 4px 5px;
    background: #000;
    bottom: 14px;
    left: 14px;
}
.arrow-red {
       background: var(--sec-color);
    color: var(--red-color);
    padding: 10px;
    font-size: 24px;
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 0;
    transition: all 0.3s 
ease;
    cursor: pointer;
    line-height: 24px;
}

/* Hover effect with opposite colors */
.arrow-red:hover {
    background: var(--red-color);   
    color: var(--sec-color);       
}