.image-container,
.zigzag-curve {
    position: relative;
    overflow: hidden
}

b,
fieldset label {
    font-weight: 600
}

.white-bk::before,
.zigzag-curve::before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    display: block;
    content: ""
}

.bk-pagination a,
.bk-pagination span,
.btn-link {
    text-transform: uppercase;
    color: var(--mainColor)
}

.a,
.btn-link:hover {
    text-decoration: none
}

.bk-pagination a,
.close-bk {
    cursor: pointer
}

.arrow-center .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    outline: 0
}

.arrow-center .owl-nav .owl-prev {
    left: -6rem
}

.arrow-center .owl-nav .owl-next {
    right: -6rem
}

.bk-obj-cover img,
.bk-obj-md-cover img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

strong {
    font-weight: 700
}

hr {
    border-color: #000
}

sup {
    font-size: 80%
}

fieldset label {
    margin-bottom: .25rem
}

.d-flex-parent>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap-parent>* {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bk-page-nav {
    background-color: #fff;
    text-align: center
}

.bk-page-nav a {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

::-moz-selection {
    color: #fff;
    background-color: var(--mainColor)
}

::selection {
    color: #fff;
    background-color: var(--mainColor)
}

.spacing {
    padding: 3rem 0
}

.pdt-3,
.spacing-top {
    padding-top: 3rem
}

.pdb-3,
.spacing-bottom {
    padding-bottom: 3rem
}

@media (min-width:768px) {
    .spacing {
        padding: 4rem 0
    }

    .spacing-top {
        padding-top: 4rem
    }

    .spacing-bottom {
        padding-bottom: 4rem
    }
}

@media (min-width:1200px) {
    .spacing {
        padding: 6em 0
    }

    .spacing-top {
        padding-top: 6em
    }

    .spacing-bottom {
        padding-bottom: 6em
    }

    .mgt-xl--0,
    .mgt-xl-0 {
        margin-top: 0
    }

    .mgb-xl--0,
    .mgb-xl-0 {
        margin-bottom: 0
    }

    .mgl-xl--0,
    .mgl-xl-0 {
        margin-left: 0
    }

    .mgr-xl--0,
    .mgr-xl-0 {
        margin-right: 0
    }

    .mgt-xl-1 {
        margin-top: 1rem
    }

    .mgb-xl-1 {
        margin-bottom: 1rem
    }

    .mgl-xl-1 {
        margin-left: 1rem
    }

    .mgr-xl-1 {
        margin-right: 1rem
    }

    .mgt-xl--1 {
        margin-top: -1rem
    }

    .mgb-xl--1 {
        margin-bottom: -1rem
    }

    .mgl-xl--1 {
        margin-left: -1rem
    }

    .mgr-xl--1 {
        margin-right: -1rem
    }

    .mgt-xl-2 {
        margin-top: 2rem
    }

    .mgb-xl-2 {
        margin-bottom: 2rem
    }

    .mgl-xl-2 {
        margin-left: 2rem
    }

    .mgr-xl-2 {
        margin-right: 2rem
    }

    .mgt-xl--2 {
        margin-top: -2rem
    }

    .mgb-xl--2 {
        margin-bottom: -2rem
    }

    .mgl-xl--2 {
        margin-left: -2rem
    }

    .mgr-xl--2 {
        margin-right: -2rem
    }

    .mgt-xl-3 {
        margin-top: 3rem
    }

    .mgb-xl-3 {
        margin-bottom: 3rem
    }

    .mgl-xl-3 {
        margin-left: 3rem
    }

    .mgr-xl-3 {
        margin-right: 3rem
    }

    .mgt-xl--3 {
        margin-top: -3rem
    }

    .mgb-xl--3 {
        margin-bottom: -3rem
    }

    .mgl-xl--3 {
        margin-left: -3rem
    }

    .mgr-xl--3 {
        margin-right: -3rem
    }

    .mgt-xl-4 {
        margin-top: 4rem
    }

    .mgb-xl-4 {
        margin-bottom: 4rem
    }

    .mgl-xl-4 {
        margin-left: 4rem
    }

    .mgr-xl-4 {
        margin-right: 4rem
    }

    .mgt-xl--4 {
        margin-top: -4rem
    }

    .mgb-xl--4 {
        margin-bottom: -4rem
    }

    .mgl-xl--4 {
        margin-left: -4rem
    }

    .mgr-xl--4 {
        margin-right: -4rem
    }

    .mgt-xl-5 {
        margin-top: 5rem
    }

    .mgb-xl-5 {
        margin-bottom: 5rem
    }

    .mgl-xl-5 {
        margin-left: 5rem
    }

    .mgr-xl-5 {
        margin-right: 5rem
    }

    .mgt-xl--5 {
        margin-top: -5rem
    }

    .mgb-xl--5 {
        margin-bottom: -5rem
    }

    .mgl-xl--5 {
        margin-left: -5rem
    }

    .mgr-xl--5 {
        margin-right: -5rem
    }

    .mgt-xl-6 {
        margin-top: 6rem
    }

    .mgb-xl-6 {
        margin-bottom: 6rem
    }

    .mgl-xl-6 {
        margin-left: 6rem
    }

    .mgr-xl-6 {
        margin-right: 6rem
    }

    .mgt-xl--6 {
        margin-top: -6rem
    }

    .mgb-xl--6 {
        margin-bottom: -6rem
    }

    .mgl-xl--6 {
        margin-left: -6rem
    }

    .mgr-xl--6 {
        margin-right: -6rem
    }

    .mgt-xl-7 {
        margin-top: 7rem
    }

    .mgb-xl-7 {
        margin-bottom: 7rem
    }

    .mgl-xl-7 {
        margin-left: 7rem
    }

    .mgr-xl-7 {
        margin-right: 7rem
    }

    .mgt-xl--7 {
        margin-top: -7rem
    }

    .mgb-xl--7 {
        margin-bottom: -7rem
    }

    .mgl-xl--7 {
        margin-left: -7rem
    }

    .mgr-xl--7 {
        margin-right: -7rem
    }

    .mgt-xl-8 {
        margin-top: 8rem
    }

    .mgb-xl-8 {
        margin-bottom: 8rem
    }

    .mgl-xl-8 {
        margin-left: 8rem
    }

    .mgr-xl-8 {
        margin-right: 8rem
    }

    .mgt-xl--8 {
        margin-top: -8rem
    }

    .mgb-xl--8 {
        margin-bottom: -8rem
    }

    .mgl-xl--8 {
        margin-left: -8rem
    }

    .mgr-xl--8 {
        margin-right: -8rem
    }

    .mgt-xl-9 {
        margin-top: 9rem
    }

    .mgb-xl-9 {
        margin-bottom: 9rem
    }

    .mgl-xl-9 {
        margin-left: 9rem
    }

    .mgr-xl-9 {
        margin-right: 9rem
    }

    .mgt-xl--9 {
        margin-top: -9rem
    }

    .mgb-xl--9 {
        margin-bottom: -9rem
    }

    .mgl-xl--9 {
        margin-left: -9rem
    }

    .mgr-xl--9 {
        margin-right: -9rem
    }

    .mgt-xl-10 {
        margin-top: 10rem
    }

    .mgb-xl-10 {
        margin-bottom: 10rem
    }

    .mgl-xl-10 {
        margin-left: 10rem
    }

    .mgr-xl-10 {
        margin-right: 10rem
    }

    .mgt-xl--10 {
        margin-top: -10rem
    }

    .mgb-xl--10 {
        margin-bottom: -10rem
    }

    .mgl-xl--10 {
        margin-left: -10rem
    }

    .mgr-xl--10 {
        margin-right: -10rem
    }

    .pdt-xl--0,
    .pdt-xl-0 {
        padding-top: 0
    }

    .pdb-xl--0,
    .pdb-xl-0 {
        padding-bottom: 0
    }

    .pdl-xl--0,
    .pdl-xl-0 {
        padding-left: 0
    }

    .pdr-xl--0,
    .pdr-xl-0 {
        padding-right: 0
    }

    .pd-xl-0 {
        padding: 0
    }

    .pdt-xl-1 {
        padding-top: 1rem
    }

    .pdb-xl-1 {
        padding-bottom: 1rem
    }

    .pdl-xl-1 {
        padding-left: 1rem
    }

    .pdr-xl-1 {
        padding-right: 1rem
    }

    .pd-xl-1 {
        padding: 1rem
    }

    .pdt-xl-2 {
        padding-top: 2rem
    }

    .pdb-xl-2 {
        padding-bottom: 2rem
    }

    .pdl-xl-2 {
        padding-left: 2rem
    }

    .pdr-xl-2 {
        padding-right: 2rem
    }

    .pd-xl-2 {
        padding: 2rem
    }

    .pdt-xl-3 {
        padding-top: 3rem
    }

    .pdb-xl-3 {
        padding-bottom: 3rem
    }

    .pdl-xl-3 {
        padding-left: 3rem
    }

    .pdr-xl-3 {
        padding-right: 3rem
    }

    .pd-xl-3 {
        padding: 3rem
    }

    .pdt-xl-4 {
        padding-top: 4rem
    }

    .pdb-xl-4 {
        padding-bottom: 4rem
    }

    .pdl-xl-4 {
        padding-left: 4rem
    }

    .pdr-xl-4 {
        padding-right: 4rem
    }

    .pd-xl-4 {
        padding: 4rem
    }

    .pdt-xl-5 {
        padding-top: 5rem
    }

    .pdb-xl-5 {
        padding-bottom: 5rem
    }

    .pdl-xl-5 {
        padding-left: 5rem
    }

    .pdr-xl-5 {
        padding-right: 5rem
    }

    .pd-xl-5 {
        padding: 5rem
    }

    .pdt-xl-6 {
        padding-top: 6rem
    }

    .pdb-xl-6 {
        padding-bottom: 6rem
    }

    .pdl-xl-6 {
        padding-left: 6rem
    }

    .pdr-xl-6 {
        padding-right: 6rem
    }

    .pd-xl-6 {
        padding: 6rem
    }

    .pdt-xl-7 {
        padding-top: 7rem
    }

    .pdb-xl-7 {
        padding-bottom: 7rem
    }

    .pdl-xl-7 {
        padding-left: 7rem
    }

    .pdr-xl-7 {
        padding-right: 7rem
    }

    .pd-xl-7 {
        padding: 7rem
    }

    .pdt-xl-8 {
        padding-top: 8rem
    }

    .pdb-xl-8 {
        padding-bottom: 8rem
    }

    .pdl-xl-8 {
        padding-left: 8rem
    }

    .pdr-xl-8 {
        padding-right: 8rem
    }

    .pd-xl-8 {
        padding: 8rem
    }

    .pdt-xl-9 {
        padding-top: 9rem
    }

    .pdb-xl-9 {
        padding-bottom: 9rem
    }

    .pdl-xl-9 {
        padding-left: 9rem
    }

    .pdr-xl-9 {
        padding-right: 9rem
    }

    .pd-xl-9 {
        padding: 9rem
    }

    .pdt-xl-10 {
        padding-top: 10rem
    }

    .pdb-xl-10 {
        padding-bottom: 10rem
    }

    .pdl-xl-10 {
        padding-left: 10rem
    }

    .pdr-xl-10 {
        padding-right: 10rem
    }

    .pd-xl-10 {
        padding: 10rem
    }

    .size-xl-0 {
        font-size: 1.1rem
    }

    .size-xl-1 {
        font-size: 1.2rem
    }

    .size-xl-2 {
        font-size: 1.3rem
    }

    .size-xl-3 {
        font-size: 1.4rem
    }

    .size-xl-4 {
        font-size: 1.5rem
    }

    .size-xl-5 {
        font-size: 1.6rem
    }

    .size-xl-6 {
        font-size: 1.7rem
    }

    .size-xl-7 {
        font-size: 1.8rem
    }

    .size-xl-8 {
        font-size: 1.9rem
    }

    .size-xl-9 {
        font-size: 2rem
    }

    .size-xl-10 {
        font-size: 2.1rem
    }

    .gutter-xl-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-xl-0 div[class*="col"] {
        padding-left: 0;
        padding-right: 0
    }

    .gutter-xl-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .gutter-xl-1 div[class*="col"] {
        padding-left: 1px;
        padding-right: 1px
    }

    .gutter-xl-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .gutter-xl-2 div[class*="col"] {
        padding-left: 2px;
        padding-right: 2px
    }

    .gutter-xl-3 {
        margin-left: -3px;
        margin-right: -3px
    }

    .gutter-xl-3 div[class*="col"] {
        padding-left: 3px;
        padding-right: 3px
    }

    .gutter-xl-4 {
        margin-left: -4px;
        margin-right: -4px
    }

    .gutter-xl-4 div[class*="col"] {
        padding-left: 4px;
        padding-right: 4px
    }

    .gutter-xl-5 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-xl-5 div[class*="col"] {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-xl-6 {
        margin-left: -6px;
        margin-right: -6px
    }

    .gutter-xl-6 div[class*="col"] {
        padding-left: 6px;
        padding-right: 6px
    }

    .gutter-xl-7 {
        margin-left: -7px;
        margin-right: -7px
    }

    .gutter-xl-7 div[class*="col"] {
        padding-left: 7px;
        padding-right: 7px
    }

    .gutter-xl-8 {
        margin-left: -8px;
        margin-right: -8px
    }

    .gutter-xl-8 div[class*="col"] {
        padding-left: 8px;
        padding-right: 8px
    }

    .gutter-xl-9 {
        margin-left: -9px;
        margin-right: -9px
    }

    .gutter-xl-9 div[class*="col"] {
        padding-left: 9px;
        padding-right: 9px
    }

    .gutter-xl-10 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-xl-10 div[class*="col"] {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-xl-11 {
        margin-left: -11px;
        margin-right: -11px
    }

    .gutter-xl-11 div[class*="col"] {
        padding-left: 11px;
        padding-right: 11px
    }

    .gutter-xl-12 {
        margin-left: -12px;
        margin-right: -12px
    }

    .gutter-xl-12 div[class*="col"] {
        padding-left: 12px;
        padding-right: 12px
    }

    .gutter-xl-13 {
        margin-left: -13px;
        margin-right: -13px
    }

    .gutter-xl-13 div[class*="col"] {
        padding-left: 13px;
        padding-right: 13px
    }

    .gutter-xl-14 {
        margin-left: -14px;
        margin-right: -14px
    }

    .gutter-xl-14 div[class*="col"] {
        padding-left: 14px;
        padding-right: 14px
    }

    .gutter-xl-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-xl-15 div[class*="col"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-xl-16 {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-xl-16 div[class*="col"] {
        padding-left: 16px;
        padding-right: 16px
    }

    .gutter-xl-17 {
        margin-left: -17px;
        margin-right: -17px
    }

    .gutter-xl-17 div[class*="col"] {
        padding-left: 17px;
        padding-right: 17px
    }

    .gutter-xl-18 {
        margin-left: -18px;
        margin-right: -18px
    }

    .gutter-xl-18 div[class*="col"] {
        padding-left: 18px;
        padding-right: 18px
    }

    .gutter-xl-19 {
        margin-left: -19px;
        margin-right: -19px
    }

    .gutter-xl-19 div[class*="col"] {
        padding-left: 19px;
        padding-right: 19px
    }

    .gutter-xl-20 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-xl-20 div[class*="col"] {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-xl-21 {
        margin-left: -21px;
        margin-right: -21px
    }

    .gutter-xl-21 div[class*="col"] {
        padding-left: 21px;
        padding-right: 21px
    }

    .gutter-xl-22 {
        margin-left: -22px;
        margin-right: -22px
    }

    .gutter-xl-22 div[class*="col"] {
        padding-left: 22px;
        padding-right: 22px
    }

    .gutter-xl-23 {
        margin-left: -23px;
        margin-right: -23px
    }

    .gutter-xl-23 div[class*="col"] {
        padding-left: 23px;
        padding-right: 23px
    }

    .gutter-xl-24 {
        margin-left: -24px;
        margin-right: -24px
    }

    .gutter-xl-24 div[class*="col"] {
        padding-left: 24px;
        padding-right: 24px
    }

    .gutter-xl-25 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-xl-25 div[class*="col"] {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-xl-26 {
        margin-left: -26px;
        margin-right: -26px
    }

    .gutter-xl-26 div[class*="col"] {
        padding-left: 26px;
        padding-right: 26px
    }

    .gutter-xl-27 {
        margin-left: -27px;
        margin-right: -27px
    }

    .gutter-xl-27 div[class*="col"] {
        padding-left: 27px;
        padding-right: 27px
    }

    .gutter-xl-28 {
        margin-left: -28px;
        margin-right: -28px
    }

    .gutter-xl-28 div[class*="col"] {
        padding-left: 28px;
        padding-right: 28px
    }

    .gutter-xl-29 {
        margin-left: -29px;
        margin-right: -29px
    }

    .gutter-xl-29 div[class*="col"] {
        padding-left: 29px;
        padding-right: 29px
    }

    .gutter-xl-30 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-xl-30 div[class*="col"] {
        padding-left: 30px;
        padding-right: 30px
    }

    .mxw-xl-0 {
        max-width: 0
    }

    .mxw-xl-1 {
        max-width: 50px
    }

    .mxw-xl-2 {
        max-width: 100px
    }

    .mxw-xl-3 {
        max-width: 150px
    }

    .mxw-xl-4 {
        max-width: 200px
    }

    .mxw-xl-5 {
        max-width: 250px
    }

    .mxw-xl-6 {
        max-width: 300px
    }

    .mxw-xl-7 {
        max-width: 350px
    }

    .mxw-xl-8 {
        max-width: 400px
    }

    .mxw-xl-9 {
        max-width: 450px
    }

    .mxw-xl-10 {
        max-width: 500px
    }

    .mxw-xl-11 {
        max-width: 550px
    }

    .mxw-xl-12 {
        max-width: 600px
    }

    .mxw-xl-13 {
        max-width: 650px
    }

    .mxw-xl-14 {
        max-width: 700px
    }

    .mxw-xl-15 {
        max-width: 750px
    }

    .mxw-xl-16 {
        max-width: 800px
    }

    .mxw-xl-17 {
        max-width: 850px
    }

    .mxw-xl-18 {
        max-width: 900px
    }

    .mxw-xl-19 {
        max-width: 950px
    }

    .mxw-xl-20 {
        max-width: 1000px
    }
}

@media (min-width:1681px) {

    .container,
    .container-md {
        max-width: 1300px
    }

    .spacing {
        padding: 7rem 0
    }

    .spacing-top {
        padding-top: 7rem
    }

    .spacing-bottom {
        padding-bottom: 7rem
    }
}

.h1,
.h2,
.h3,
.mgb-1,
.p-mgb-2 p,
h1,
h2,
h3 {
    margin-bottom: 1rem
}

.zigzag-curve {
    width: 100%;
    height: 93px
}

.zigzag-curve::before {
    top: -32px;
    background-repeat: no-repeat !important;
    background: url(.././images/14/shape.png) 0 0 / contain;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cta-section .zigzag-curve {
    position: absolute;
    left: 0;
    top: 0
}

.white-bk::before {
    top: -32px;
    background-repeat: no-repeat !important;
    background: url(.././images/14/shape.png) 0 0 / contain;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.cta-shape.zigzag-curve::before {
    top: 26px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.image-container {
    width: auto;
    height: auto
}

.image-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: url(#clip-path);
    clip-path: url(#clip-path)
}

.clip-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0
}



.color-black,
.gallery-section h2 {
    color: var(--mainColor)
}

.about-section .image-bg,
.image-bg {
    position: absolute;
    z-index: 1;
    top: 0
}

.about-section {
    background: #f4e9d4;
    display: flex
}

.bk-footer .bottom-bk ul,
.owl-nav {
    display: -webkit-box;
    display: -ms-flexbox
}

.about-section iframe {
    border: 0;
    width: 100%
}

.about-section>div,
.menu_16_wrapper .menu-left-bk {
    width: 50%
}

.about-section .right-bk {
    padding: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.btn-link::after,
.fancybox,
blockquote p,
button.owl-dot span,
ul.contact-bk {
    display: inline-block
}

.about-section figure {
    position: relative;
    z-index: 1;

}

.about-section figure img {
    object-fit: contain;
    width: 100%;

}

.about-section .image-bg {
    height: 470px
}

.about-section,
.bk-btn,
.bk-inner-banner,
.bk-obj-cover,
.bk-obj-md-cover,
.btn-link,
.category-title,
.faq-section .custom-tooltip,
.menu_15_wrapper .menu-item-5 .menu__item_5-img,
.menu_16_wrapper .menu-items-box,
.menu_7_wrapper a.menu_6-item-cover-frame.menu_6-cursor-zoom,
.overlay-bk,
.relative {
    position: relative
}

.image-bg path {
    fill: rgb(255 255 255 / .25)
}

@-webkit-keyframes flare {
    0% {
        width: 0;
        left: -10%
    }

    50% {
        width: 50%
    }

    100% {
        width: 0;
        left: 110%
    }
}

@keyframes flare {
    0% {
        width: 0;
        left: -10%
    }

    50% {
        width: 50%
    }

    100% {
        width: 0;
        left: 110%
    }
}

.btn path {
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.bk-footer a:hover path,
.bk-mail a:hover path,
.btn:hover path,
.footer svg path,
.menu_7_wrapper .menu-category svg path,
.white-btn path {
    fill: var(--mainColor)
}

.white-btn {
    background-color: #fff;
    border: none;
    color: var(--mainColor)
}

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

.locationdesign-8 .icon-bk path,
.social__icons svg path,
.white-btn:hover path {
    fill: #fff
}

.bk-btn {
    max-width: 10rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.bk-btn .btn {
    z-index: 2
}

.view-more {
    padding: .8rem 2.5rem
}

.bk-footer a path,
.bk-mail a path,
a {
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.btn-border,
.btn-border:active,
.btn-border:focus,
.btn-border:hover {
    background-color: #fff0;
    color: var(--mainColor);
    border-color: var(--mainColor)
}

.btn-light {
    background-color: #fff;
    color: var(--mainColor);
    border-color: #fff
}

.event-footer,
.zigzag-curve-footer,
svg.zigzag-curve-footer-1 {
    background: var(--mainColor)
}

.btn-light.btn-border,
.btn-light.btn-border:active,
.btn-light.btn-border:focus,
.btn-light.btn-border:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
    background-color: #fff0;
    color: #fff;
    border-color: #fff
}

.btn-primary {
    background-color: var(--mainColor);
    border-color: var(--mainColor);
    color: #000
}

@-webkit-keyframes right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }

    30% {
        opacity: 1
    }

    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.btn-link {
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: .5rem 3rem .5rem 0
}

.bk-footer a:hover,
.bk-mail a:hover,
.bk-menu-description .read-more-btn,
.btn-link:hover,
.menu_6_wrapper .price-bk,
.price-bk {
    color: var(--mainColor)
}

.btn-link:hover::after {
    -webkit-animation: 2s infinite right;
    animation: 2s infinite right
}

.btn-link::after {
    width: 2rem;
    height: 1rem;
    margin-left: .5rem;
    content: "";
    vertical-align: middle;
    background-image: url(../images/icon-arrow-right.svg);
    background-position: center;
    background-repeat: no-repeat
}

.bk-pagination {
    margin-top: 2rem
}

.mgt--0,
.mgt-0,
.modal .btn {
    margin-top: 0
}

.bk-pagination a,
.bk-pagination span {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border: solid 1px var(--mainColor);
    border-radius: 50%;
    margin: 0 2px;
    padding: 0 .5rem;
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

.bk-breadcrumb a,
.bk-breadcrumb i {
    margin-left: .5rem
}

.bk-footer li:last-child,
.bk-list li:last-child,
.bk-obj-cover,
.location-section.design1 ul.contact-bk li:last-child,
.mgb--0,
.mgb-0,
.remove-font-color p,
address,
blockquote,
blockquote p,
ul.contact-bk li:last-child {
    margin-bottom: 0
}

.bk-footer .bottom-bk a,
.bk-mail a,
.btn-close:hover,
.btn-group-delete.btn:active,
.btn-group-delete.btn:hover i,
.color-white,
.menu_16_wrapper * {
    color: #fff
}

.address-bk .title-bk,
a.btn.btn-bk {
    box-shadow: 0 0 13px 1px rgb(0 0 0 / .1);
    transition: 0.3s
}

.bk-pagination .current,
.bk-pagination a:hover,
.bk-pagination span:hover {
    border-color: var(--mainColor);
    background-color: var(--mainColor);
    color: #fff
}

.bk-breadcrumb a,
.image-sec-1:hover a.btn.hover1,
.location-section.design1 ul.contact-bk li span,
ul.contact-bk li a span {
    display: block
}

.h1,
h1 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-transform: capitalize
}

.h2,
.h3,
h2,
h3 {
    line-height: 2rem;
    font-weight: 500
}

.h2,
.size-7,
h2 {
    font-size: 1.8rem
}

.h3,
.size-2,
h3 {
    font-size: 1.3rem
}

.section-title,
h2.h2.mgb-2,
h2.mgb-2 {
    font-size: 35px;
    font-weight: 600
}

.bk-title,
.testimonial-section .designation-bk,
blockquote cite {
    font-weight: 400
}

.border-radius,
.radius,
.radius-0 {
    border-radius: 1.2rem
}

.radius-1 {
    border-radius: 1.5rem
}

.radius-2 {
    border-radius: 1.8rem
}

.radius-3 {
    border-radius: 2.1rem
}

.radius-4 {
    border-radius: 2.4rem
}

.radius-5 {
    border-radius: 2.7rem
}

.radius-6 {
    border-radius: 3rem
}

.radius-7 {
    border-radius: 3.3rem
}

.radius-8 {
    border-radius: 3.6rem
}

.radius-9 {
    border-radius: 3.9rem
}

.radius-10 {
    border-radius: 4.2rem
}

.bk-obj-cover {
    width: 100%;
    padding-bottom: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.bk-obj-md-cover {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 80%;
    z-index: 0
}

.zigzag-curve-footer-top,
.zigzag-curve-gallery-top,
.zigzag-curve-testi-top {
    width: 101%;
    left: -3px;
    position: absolute
}

blockquote {
    font-size: 1.2rem;
    font-style: italic
}

blockquote cite {
    font-family: -apple-system, BlinkMacSystemFont, Poppins, sans-serif;
    font-size: 1rem;
    font-style: normal
}

.img-w-100 img,
.menu_1_wrapper .info-bk>*,
.menu_4_wrapper .bk-menu .info-bk>*,
.menu_7_wrapper .info-bk,
.menu_7_wrapper .info-bk>* {
    width: 100%
}

.zigzag-curve-footer path,
.zigzag-curve-testi-top path,
svg.zigzag-curve-footer-1 path {
    fill: #000
}

.zigzag-curve-footer-top {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    bottom: -2px
}

.zigzag-curve-testi-top {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -1px
}

.zigzag-curve-gallery-top {
    bottom: -1px;
    background: #ffc008
}

.zigzag-curve-gallery-top path {
    fill: #000;
    left: -3px
}

.owl-dots span {
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    display: block
}

.owl-nav {
    display: flex;
    width: 110%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translate(-50%, -50%);
    height: .1px
}

.address-bk .title-bk,
.menu_7_wrapper .menu-category svg,
a.btn.btn-bk {
    transform: translateX(-50%);
    left: 50%
}

.owl-nav button {
    border: 1px solid #000 !important;
    width: 50px;
    height: 47px;
    z-index: 99;
    position: relative;
    display: block
}

.owl-nav button.owl-prev span {
    color: #000;
    font-size: 24px
}

.bk-menu-description button:focus,
.menu_7_wrapper .bk-menu-description button:focus,
button:focus {
    outline: 0
}

.background-primary,
.background-secondary,
.bk-list li:before {
    background-color: var(--mainColor)
}


.first-letter {
    font-size: 22px;
    font-weight: 600;
}

.review {
    min-height: 50px;
    background: transparent;
    height: 60px;
    width: 60px;
    border: 1px solid #000;
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.data-bk a {
    color: #212529;
}

.mb-15 {
    margin-bottom: 3rem !important;
}

.content * {
    color: black !important;
}

body .content {

    padding-left: 0 !important;
}

section#events {
    min-height: 45vh;
}

section#about {
    min-height: 61vh;
    align-items: center;
    display: flex;
}

button.fancybox-button.fancybox-button--zoom,
button.fancybox-button.fancybox-button--thumbs {
    display: none !important;
}


.bk-footer .social-bk a:first-child,
.mgl--0,
.mgl-0 {
    margin-left: 0
}

.locationdesign-8 .btn i,
.mgr--0,
.mgr-0 {
    margin-right: 0
}

.bk-event-item .content-bk iframe,
.event-button,
.mgt-1 {
    margin-top: 1rem
}

.bk-footer .social-bk a,
.mgl-1 {
    margin-left: 1rem
}

.mgr-1 {
    margin-right: 1rem
}

.mgt--1 {
    margin-top: -1rem
}

.mgb--1 {
    margin-bottom: -1rem
}

.mgl--1 {
    margin-left: -1rem
}

.mgr--1 {
    margin-right: -1rem
}

.mgt-2 {
    margin-top: 2rem
}

.menu_7_wrapper .demo-item,
.menu__item_16-content,
.mgb-2 {
    margin-bottom: 2rem
}

.mgl-2 {
    margin-left: 2rem
}

.mgr-2 {
    margin-right: 2rem
}

.mgt--2 {
    margin-top: -2rem
}

.mgb--2 {
    margin-bottom: -2rem
}

.mgl--2 {
    margin-left: -2rem
}

.mgr--2 {
    margin-right: -2rem
}

.mgt-3 {
    margin-top: 3rem
}

.mgb-3 {
    margin-bottom: 3rem
}

.mgl-3 {
    margin-left: 3rem
}

.mgr-3 {
    margin-right: 3rem
}

.mgt--3 {
    margin-top: -3rem
}

.mgb--3 {
    margin-bottom: -3rem
}

.mgl--3 {
    margin-left: -3rem
}

.mgr--3 {
    margin-right: -3rem
}

.mgt-4 {
    margin-top: 4rem
}

.location-item-bk,
.menu_1_wrapper .spacing-bk,
.menu_6_wrapper .spacing-bk,
.menu_7_wrapper .spacing-bk,
.mgb-4 {
    margin-bottom: 4rem
}

.mgl-4 {
    margin-left: 4rem
}

.mgr-4 {
    margin-right: 4rem
}

.mgt--4 {
    margin-top: -4rem
}

.mgb--4 {
    margin-bottom: -4rem
}

.mgl--4 {
    margin-left: -4rem
}

.mgr--4 {
    margin-right: -4rem
}

.mgt-5 {
    margin-top: 5rem
}

.mgb-5 {
    margin-bottom: 5rem
}

.mgl-5 {
    margin-left: 5rem
}

.mgr-5 {
    margin-right: 5rem
}

.mgt--5 {
    margin-top: -5rem
}

.mgb--5 {
    margin-bottom: -5rem
}

.mgl--5 {
    margin-left: -5rem
}

.mgr--5 {
    margin-right: -5rem
}

.mgt-6 {
    margin-top: 6rem
}

.mgb-6 {
    margin-bottom: 6rem
}

.mgl-6 {
    margin-left: 6rem
}

.mgr-6 {
    margin-right: 6rem
}

.mgt--6 {
    margin-top: -6rem
}

.mgb--6 {
    margin-bottom: -6rem
}

.mgl--6 {
    margin-left: -6rem
}

.mgr--6 {
    margin-right: -6rem
}

.mgt-7 {
    margin-top: 7rem
}

.mgb-7 {
    margin-bottom: 7rem
}

.mgl-7 {
    margin-left: 7rem
}

.mgr-7 {
    margin-right: 7rem
}

.mgt--7 {
    margin-top: -7rem
}

.mgb--7 {
    margin-bottom: -7rem
}

.mgl--7 {
    margin-left: -7rem
}

.mgr--7 {
    margin-right: -7rem
}

.mgt-8 {
    margin-top: 8rem
}

.mgb-8 {
    margin-bottom: 8rem
}

.mgl-8 {
    margin-left: 8rem
}

.mgr-8 {
    margin-right: 8rem
}

.mgt--8 {
    margin-top: -8rem
}

.mgb--8 {
    margin-bottom: -8rem
}

.mgl--8 {
    margin-left: -8rem
}

.mgr--8 {
    margin-right: -8rem
}

.mgt-9 {
    margin-top: 9rem
}

.mgb-9 {
    margin-bottom: 9rem
}

.mgl-9 {
    margin-left: 9rem
}

.mgr-9 {
    margin-right: 9rem
}

.mgt--9 {
    margin-top: -9rem
}

.mgb--9 {
    margin-bottom: -9rem
}

.mgl--9 {
    margin-left: -9rem
}

.mgr--9 {
    margin-right: -9rem
}

.mgt-10 {
    margin-top: 10rem
}

.mgb-10 {
    margin-bottom: 10rem
}

.mgl-10 {
    margin-left: 10rem
}

.mgr-10 {
    margin-right: 10rem
}

.mgt--10 {
    margin-top: -10rem
}

.mgb--10 {
    margin-bottom: -10rem
}

.mgl--10 {
    margin-left: -10rem
}

.mgr--10 {
    margin-right: -10rem
}

.location-design-1.four .location-wrapper .location-data,
.pdt--0,
.pdt-0 {
    padding-top: 0
}

.pdb--0,
.pdb-0 {
    padding-bottom: 0
}

.bk-list ul,
.pdl--0,
.pdl-0 {
    padding-left: 0
}

.bk-footer .bottom-bk li:last-child,
.pdr--0,
.pdr-0 {
    padding-right: 0
}

#cropmodal .cropper-upload-file .upload-btn,
.addpopupmodal-style .cropper-upload-file .upload-btn,
.location-design-1 .location-wrapper .location-data ul,
.location-design-2 .location-wrapper .location-data ul,
.pd-0 {
    padding: 0
}

.pdt-1 {
    padding-top: 1rem
}

.pdb-1 {
    padding-bottom: 1rem
}

.pdl-1 {
    padding-left: 1rem
}

.pdr-1 {
    padding-right: 1rem
}

.pd-1 {
    padding: 1rem
}

.pdt-2 {
    padding-top: 2rem
}

.pdb-2 {
    padding-bottom: 2rem
}

.pdl-2 {
    padding-left: 2rem
}

.pdr-2 {
    padding-right: 2rem
}

.pd-2 {
    padding: 2rem
}

.pdl-3 {
    padding-left: 3rem
}

.pdr-3 {
    padding-right: 3rem
}

.pd-3 {
    padding: 3rem
}

.pdt-4 {
    padding-top: 4rem
}

.pdb-4 {
    padding-bottom: 4rem
}

.pdl-4,
.pdl-md-4 {
    padding-left: 4rem
}

.pdr-4 {
    padding-right: 4rem
}

.pd-4 {
    padding: 4rem
}

.pdt-5 {
    padding-top: 5rem
}

.pdb-5 {
    padding-bottom: 5rem
}

.pdl-5 {
    padding-left: 5rem
}

.pdr-5 {
    padding-right: 5rem
}

.pd-5 {
    padding: 5rem
}

.pdt-6 {
    padding-top: 6rem
}

.pdb-6 {
    padding-bottom: 6rem
}

.pdl-6 {
    padding-left: 6rem
}

.pdr-6 {
    padding-right: 6rem
}

.pd-6 {
    padding: 6rem
}

.pdt-7 {
    padding-top: 7rem
}

.pdb-7 {
    padding-bottom: 7rem
}

.pdl-7 {
    padding-left: 7rem
}

.pdr-7 {
    padding-right: 7rem
}

.pd-7 {
    padding: 7rem
}

.pdt-8 {
    padding-top: 8rem
}

.pdb-8 {
    padding-bottom: 8rem
}

.pdl-8 {
    padding-left: 8rem
}

.pdr-8 {
    padding-right: 8rem
}

.pd-8 {
    padding: 8rem
}

.pdt-9 {
    padding-top: 9rem
}

.pdb-9 {
    padding-bottom: 9rem
}

.pdl-9 {
    padding-left: 9rem
}

.pdr-9 {
    padding-right: 9rem
}

.pd-9 {
    padding: 9rem
}

.pdt-10 {
    padding-top: 10rem
}

.pdb-10 {
    padding-bottom: 10rem
}

.pdl-10 {
    padding-left: 10rem
}

.pdr-10 {
    padding-right: 10rem
}

.pd-10 {
    padding: 10rem
}

.size-0 {
    font-size: 1.1rem
}

.size-1 {
    font-size: 1.2rem
}

.size-3 {
    font-size: 1.4rem
}

.size-4 {
    font-size: 1.5rem
}

.size-5 {
    font-size: 1.6rem
}

.size-6 {
    font-size: 1.7rem
}

.size-8 {
    font-size: 1.9rem
}

.size-9 {
    font-size: 2rem
}

.size-10 {
    font-size: 2.1rem
}

.gutter-0 {
    margin-left: 0;
    margin-right: 0
}

.gutter-0 div[class*="col"] {
    padding-left: 0;
    padding-right: 0
}

.gutter-1 {
    margin-left: -1px;
    margin-right: -1px
}

.gutter-1 div[class*="col"] {
    padding-left: 1px;
    padding-right: 1px
}

.gutter-2 {
    margin-left: -2px;
    margin-right: -2px
}

.gutter-2 div[class*="col"] {
    padding-left: 2px;
    padding-right: 2px
}

.gutter-3 {
    margin-left: -3px;
    margin-right: -3px
}

.gutter-3 div[class*="col"] {
    padding-left: 3px;
    padding-right: 3px
}

.gutter-4 {
    margin-left: -4px;
    margin-right: -4px
}

.gutter-4 div[class*="col"] {
    padding-left: 4px;
    padding-right: 4px
}

.gutter-5 {
    margin-left: -5px;
    margin-right: -5px
}

.gutter-5 div[class*="col"] {
    padding-left: 5px;
    padding-right: 5px
}

.gutter-6 {
    margin-left: -6px;
    margin-right: -6px
}

.gutter-6 div[class*="col"] {
    padding-left: 6px;
    padding-right: 6px
}

.gutter-7 {
    margin-left: -7px;
    margin-right: -7px
}

.gutter-7 div[class*="col"] {
    padding-left: 7px;
    padding-right: 7px
}

.gutter-8 {
    margin-left: -8px;
    margin-right: -8px
}

.gutter-8 div[class*="col"] {
    padding-left: 8px;
    padding-right: 8px
}

.gutter-9 {
    margin-left: -9px;
    margin-right: -9px
}

.gutter-9 div[class*="col"] {
    padding-left: 9px;
    padding-right: 9px
}

.gutter-10 {
    margin-left: -10px;
    margin-right: -10px
}

.gutter-10 div[class*="col"] {
    padding-left: 10px;
    padding-right: 10px
}

.gutter-11 {
    margin-left: -11px;
    margin-right: -11px
}

.gutter-11 div[class*="col"] {
    padding-left: 11px;
    padding-right: 11px
}

.gutter-12 {
    margin-left: -12px;
    margin-right: -12px
}

.gutter-12 div[class*="col"] {
    padding-left: 12px;
    padding-right: 12px
}

.gutter-13 {
    margin-left: -13px;
    margin-right: -13px
}

.gutter-13 div[class*="col"] {
    padding-left: 13px;
    padding-right: 13px
}

.gutter-14 {
    margin-left: -14px;
    margin-right: -14px
}

.gutter-14 div[class*="col"] {
    padding-left: 14px;
    padding-right: 14px
}

.gutter-15 {
    margin-left: -15px;
    margin-right: -15px
}

.gutter-15 div[class*="col"] {
    padding-left: 15px;
    padding-right: 15px
}

.gutter-16 {
    margin-left: -16px;
    margin-right: -16px
}

.gutter-16 div[class*="col"] {
    padding-left: 16px;
    padding-right: 16px
}

.gutter-17 {
    margin-left: -17px;
    margin-right: -17px
}

.gutter-17 div[class*="col"] {
    padding-left: 17px;
    padding-right: 17px
}

.gutter-18 {
    margin-left: -18px;
    margin-right: -18px
}

.gutter-18 div[class*="col"] {
    padding-left: 18px;
    padding-right: 18px
}

.gutter-19 {
    margin-left: -19px;
    margin-right: -19px
}

.gutter-19 div[class*="col"] {
    padding-left: 19px;
    padding-right: 19px
}

.gutter-20,
.gutter-bk {
    margin-left: -20px;
    margin-right: -20px
}

.gutter-20 div[class*="col"],
.gutter-bk>div {
    padding-left: 20px;
    padding-right: 20px
}

.gutter-21 {
    margin-left: -21px;
    margin-right: -21px
}

.gutter-21 div[class*="col"] {
    padding-left: 21px;
    padding-right: 21px
}

.gutter-22 {
    margin-left: -22px;
    margin-right: -22px
}

.gutter-22 div[class*="col"] {
    padding-left: 22px;
    padding-right: 22px
}

.gutter-23 {
    margin-left: -23px;
    margin-right: -23px
}

.gutter-23 div[class*="col"] {
    padding-left: 23px;
    padding-right: 23px
}

.gutter-24 {
    margin-left: -24px;
    margin-right: -24px
}

.gutter-24 div[class*="col"] {
    padding-left: 24px;
    padding-right: 24px
}

.gutter-25 {
    margin-left: -25px;
    margin-right: -25px
}

.gutter-25 div[class*="col"] {
    padding-left: 25px;
    padding-right: 25px
}

.gutter-26 {
    margin-left: -26px;
    margin-right: -26px
}

.gutter-26 div[class*="col"] {
    padding-left: 26px;
    padding-right: 26px
}

.gutter-27 {
    margin-left: -27px;
    margin-right: -27px
}

.gutter-27 div[class*="col"] {
    padding-left: 27px;
    padding-right: 27px
}

.gutter-28 {
    margin-left: -28px;
    margin-right: -28px
}

.gutter-28 div[class*="col"] {
    padding-left: 28px;
    padding-right: 28px
}

.gutter-29 {
    margin-left: -29px;
    margin-right: -29px
}

.gutter-29 div[class*="col"] {
    padding-left: 29px;
    padding-right: 29px
}

.gutter-30 {
    margin-left: -30px;
    margin-right: -30px
}

.gutter-30 div[class*="col"] {
    padding-left: 30px;
    padding-right: 30px
}

.mxw-0 {
    max-width: 0
}

.mxw-1 {
    max-width: 50px
}

.mxw-2 {
    max-width: 100px
}

.mxw-3 {
    max-width: 150px
}

.mxw-4 {
    max-width: 200px
}

.mxw-5 {
    max-width: 250px
}

.mxw-6 {
    max-width: 300px
}

.mxw-7 {
    max-width: 350px
}

.mxw-8 {
    max-width: 400px
}

.mxw-9 {
    max-width: 450px
}

.mxw-10 {
    max-width: 500px
}

.mxw-11 {
    max-width: 550px
}

.mxw-12 {
    max-width: 600px
}

.mxw-13 {
    max-width: 650px
}

.mxw-14 {
    max-width: 700px
}

.mxw-15 {
    max-width: 750px
}

.mxw-16 {
    max-width: 800px
}

.mxw-17 {
    max-width: 850px
}

.mxw-18 {
    max-width: 900px
}

.mxw-19 {
    max-width: 950px
}

.mxw-20 {
    max-width: 1000px
}

.background-gray,
.grey-bg {
    background-color: #f7f7f7
}

.background-darkgray {
    background-color: #ccc
}

.background-black,
.background-white {
    background-color: #fff
}

.form-group,
.gallery .item,
.menu_4_wrapper .mgb-1 {
    margin-bottom: 1rem
}

.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
    color: #000
}

.form-group input::-moz-placeholder,
.form-group textarea::-moz-placeholder {
    color: #000
}

.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
    color: #000
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #000
}

.form-group textarea {
    height: 10rem;
    resize: none
}

.form-group .bk-btn {
    margin-top: 3rem;
    margin-left: 1rem
}



.menu_1_wrapper figure img,
.menu_4_wrapper .bk-menu figure img,
.menu_6_wrapper figure img,
.menu_7_wrapper figure img,
.testimonial-section figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}



.bk-list li {
    list-style: none;
    margin-bottom: 1.1rem;
    position: relative;
    padding-left: 2rem
}

.bk-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1rem;
    height: 1rem
}

.bk-mail {
    padding: 0 0 0 1.2rem;
    margin-right: 1rem
}

.bk-mail a {
    text-transform: lowercase
}

.bk-footer {
    font-size: 1rem;
    position: relative;
    background: #f8d8dd;
    color: #000;
    overflow-x: hidden;
}

@media (max-width:574px) {
    .bk-footer {
        text-align: center
    }

    .bk-footer .bk-social {
        justify-content: center
    }
}

.bk-footer .bk-social li {
    margin: 5px
}

.bk-footer .bottom-bk,
.bk-footer a,
.btn-group-delete:active,
.btn-group-delete:hover,
.event-button .btn:hover,
.frame-modal .nav-link,
.location-section.design1 ul.contact-bk li a,
.modal button.btn.timing-btn:hover i,
.timing-btn.btn:focus,
.timing-btn:hover,
button.btn.timing-btn i,
button.btn.timing-btn:hover i,
ul.contact-bk li a {
    color: #000
}

.bk-footer ul {
    padding-left: 0;
    margin-bottom: 0
}

.bk-footer .title-bk {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: .2rem;
    color: #fff;
    line-height: normal
}

.bk-footer .bottom-bk .container {
    padding: 1rem 0;
    border-top: 1px solid #514e4e
}

.bk-footer .bottom-bk ul {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.bk-footer .bottom-bk li {
    padding-right: 1.4rem
}

.bk-footer .bottom-bk p {
    margin-bottom: 0;
    font-style: normal
}

.bk-footer p img {
    height: 1.1rem;
    width: auto
}

.footer-logo {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 110px;
    margin: auto auto 1rem;
    width: 110px;
    object-fit: cover
}

.cta-section {
    padding-bottom: 6rem;
    position: relative
}

.zigzag-curve-footer {
    background: #fff;
    position: absolute;
    top: -1px;
    left: -3px;
    width: 101%
}

.bk-figure {
    position: relative;
    padding-bottom: 60%;
    border-radius: 25px;
    overflow: hidden
}

.bk-figure img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover
}

svg.zigzag-curve-footer-1 {
    width: 101%;
    left: .5%
}

.hero {
    min-height: 30vh
}

.circle-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    clip-path: circle(50%)
}

.circle-container img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%
}

.circle-container {
    border: 4px solid #fff;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

button.owl-dot span {
    height: 13px;
    width: 13px;
    background: #696868;
    border-radius: 0;
    margin: 0 5px
}

.owl-dots {
    text-align: center;
    margin-top: 1rem
}

button.owl-dot.active span {
    background: #ce1212
}

.bk-title {
    margin: 0;
    font-size: 48px;
    font-family: var(--font-primary);
    color: #ce1212
}

.inner-banner {
    min-height: auto;
    height: 300px
}

.events .event-item {
    position: relative;
    min-height: 400px;
    margin-bottom: 2rem
}

.address-bk,
.location-section.design1 .address-bk {
    padding: 50px 32px 45px;
    background: #eee;
    position: relative;
    text-align: center
}

ul.contact-bk {
    list-style: none;
    padding: 31px 50px;
    margin-bottom: 0;
    flex-direction: column;
    justify-content: center;
    background: #ffffffe3;
    border: 1px solid #bbb9b9;
    width: 100%
}

.location-section.design1 .nav-bk,
.nav-bk {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 0 0 8px;
    align-items: stretch;
    justify-content: center
}

.contact-btn,
.location-section.design1 ul.nav-bk li a,
ul.nav-bk li a {
    padding: 4px 13px;
    margin: 0 4px;
    font-size: 15px;
    transition: 0.4s;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / .2)
}

.location-section.design1 ul.nav-bk.flex-column li,
ul.nav-bk.flex-column li {
    margin-bottom: 10px
}

.location-section.design1 .nav-bk a,
.nav-bk a {
    color: #000;
    font-size: 16px
}

.location-section.design1 ul.contact-bk span.icon-bk,
ul.contact-bk span.icon-bk {
    margin-right: 8px;
    margin-bottom: 4px
}

.address-bk .title-bk {
    position: absolute;
    top: -32px;
    font-weight: 600;
    font-size: 19px;
    background: #fff;
    padding: 10px 37px;
    border-radius: 8px;
    min-width: 200px;
    text-align: center
}

.menu_7_wrapper .search,
iframe#player,
iframe#player-mobile {
    transform: translate(-50%, -50%);
    left: 50%
}

.location-section.design1 ul.contact-bk li,
ul.contact-bk li {
    margin-bottom: 1.3rem
}

.address-bk:hover .title-bk,
a.btn.btn-bk:hover {
    background: #000;
    color: #fff
}

a.btn.btn-bk {
    position: absolute;
    bottom: -20px;
    font-size: 16px;
    background: #ce1213;
    padding: 10px 21px;
    border-radius: 25px;
    color: #fff
}

.contact-btn,
ul.nav-bk li a {
    position: relative;
    display: inline-block;
    border: 1px solid #ce1213;
    border-radius: 16px;
    text-align: center;
    color: #ce1213
}

ul.nav-bk li a:hover {
    background: #ce1213;
    color: #fff !important
}

.bk-event-item:last-child::before,
.bk-menu-description .more-text,
.image-sec-1:hover .location-name,
.image-sec-1:hover .oo-btn,
.location-design-2 .location-item .col-md-6:hover .location-name,
.location-section.design1 ul.nav-bk li:last-child a:after,
.menu_3_wrapper .overlay:after,
.menu_7_wrapper .bk-menu-description .more-text,
.tooltip-text[data-visible="false"],
ul.nav-bk li:last-child a:after {
    display: none
}

.map-bk {
    width: 45%;
    filter: grayscale(1);
    padding-right: 10px
}

.bk-contact {
    justify-content: space-between;
    margin-bottom: 1.5rem
}



.justify-content-lg-right {
    justify-content: right
}

.content-bk {
    background: #f1f1f1;
    padding: 26px 32px 26px 40px;
    border-radius: 0 5px 5px 0;
    z-index: -1;
    position: relative;
    margin-left: -35px;
    border-right: 4px solid var(--mainColor)
}

.info-item .title-bk {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    background: var(--mainColor)
}

.title-bk h3 {
    padding: 8px 16px
}

.info-item {
    border-radius: 25px;
    overflow: hidden
}

.contact-section .icon-bk {
    padding: 16px;
    background: #000;
    height: 100%;
    color: #fff
}

.cta-section,
ul.data-bk li {
    background: #f1f1f1
}

.info-item .data-bk {
    padding: 15px 25px;
    background: #f1f1f1;
    word-wrap: break-word;
}

.contact-section form {
    border: 1px solid #f1f1f1;
    padding: 25px !important;
    border-radius: 25px;
    margin-top: 3rem
}

.info-item .title-bk h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
}

.event-button .btn {
    margin: 8px;
    color: #fff
}

.bk-footer li,
.footer-address .d-flex {
    margin-bottom: .5rem
}

.frame-modal .modal-body .checkbox input,
i.fas.fa-plus-circle {
    margin-right: 5px
}

.timing-bk ul.data-bk {
    margin: auto;
    list-style: none;
    padding: 31px 16px;
    text-align: center;
    border: 1px solid #8080802b;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

ul.data-bk li {
    margin: 0 8px 16px;
    padding: 16px;
    width: 30%
}

#cropmodal label.btn,
ul.social-menu a {
    margin-left: 0 !important
}

@media (max-width:760px) {
    ul.data-bk li {
        width: 45%
    }
}

ul.data-bk span {
    display: block;
    font-weight: 600
}

.bk-image img,
.location-design-1 .location-item figure img,
.location-design-2 .location-item figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bk-image {
    position: relative;
    padding-bottom: 70%
}

body[theme-font="overlock"],
body[theme-font="overlock"] .btn,
body[theme-font="overlock"] a,
body[theme-font="overlock"] blockquote,
body[theme-font="overlock"] h1,
body[theme-font="overlock"] h2,
body[theme-font="overlock"] h3,
body[theme-font="overlock"] h4,
body[theme-font="overlock"] h5,
body[theme-font="overlock"] h6,
body[theme-font="overlock"] input,
body[theme-font="overlock"] li,
body[theme-font="overlock"] p,
body[theme-font="overlock"] select,
body[theme-font="overlock"] textarea {
    font-family: overlock, sans-serif !important
}

body[theme-font="playfair"],
body[theme-font="playfair"] .btn,
body[theme-font="playfair"] a,
body[theme-font="playfair"] blockquote,
body[theme-font="playfair"] h1,
body[theme-font="playfair"] h2,
body[theme-font="playfair"] h3,
body[theme-font="playfair"] h4,
body[theme-font="playfair"] h5,
body[theme-font="playfair"] h6,
body[theme-font="playfair"] input,
body[theme-font="playfair"] li,
body[theme-font="playfair"] p,
body[theme-font="playfair"] select,
body[theme-font="playfair"] textarea {
    font-family: playfair, sans-serif !important
}

.bk-footer h2.footer-title {
    font-size: 19px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--footerColor);
}

.bk-footer li,
.bk-footer ul,
.location-item-bk ul,
ul,
ul.side-menu {
    list-style: none
}

.footer-address i {
    margin-right: 8px
}

#diningeditmodal i.fas.fa-plus,
#timingeditmodal i.fas.fa-plus,
.contact-section h3,
.event-footer .title-bk {
    color: #fff !important
}

ul.social-menu {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999
}

ul.social-menu li {
    padding: 10px !important;
    border: none !important;
    background: #fff;
    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center
}

.btn-group-delete.btn i,
.modal button.btn.timing-btn i,
ul.social-menu a {
    margin-right: 0 !important
}

ul.social-menu li:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: var(--mainColor);
    width: 1px;
    height: 100%;
    opacity: .4
}

/* iframe#player {
    position: absolute;
    width: 200%;
    height: 250%;
    top: 50%
} */
 iframe#player {
    position: absolute;
    width: 101%;
    height: 150%;
    top: 50%;
}

@media (min-width: 992px) {
    .item.video-banner {
        height: 100vh;
    }
}

@media (max-width:1400px) {
    iframe#player {
        width: 200%;
        height: 200%
    }
}

iframe#player-mobile {
    position: absolute;
    top: 50%;
    width: 340%;
    height: 130%
}

.bk-inner-banner .inner-bg {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.bk-inner-banner .inner-bg img,
.left-food-image img,
.menu__item_16-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bk-inner-banner {
    height: 400px;
    background: var(--mainBgColor) !important;
}

.bk-inner-banner .btn {
    background: var(--mainColor) !important;
    color: var(--mainBgColor) !important;
    border-color: var(--mainColor) !important;
}

body a.remove-font-color * {
    color: initial !important;
    font-size: initial !important;
    font-weight: initial !important;
    font-style: normal !important
}

.bye-section.new-designs,
.menu_7_wrapper {
    padding: 6rem 0
}

.menu_7_wrapper .bk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

@media (min-width:767px) {
    .menu_7_wrapper .bk-menu {
        padding: 32px;
        border-radius: 10px;
        border: 1px solid #f1f1f1
    }
}

.menu_7_wrapper figure {
    max-width: 158px;
    width: 120%;
    min-width: 88px;
    margin-right: 1.5rem;
    position: relative;
    padding-bottom: 18%;
    margin-bottom: 0;
    min-height: 148px
}

.menu_1_wrapper .info-bk .line-bk,
.menu_4_wrapper .bk-menu .info-bk .line-bk,
.menu_6_wrapper .info-bk .line-bk,
.menu_7_wrapper .info-bk .line-bk {
    height: 1.125rem;
    padding: 0 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 2px dotted #7a7879
}

.menu_7_wrapper .header-bk {
    position: relative;
    color: #040a1c;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.menu_1_wrapper .title_1-bk,
.menu_6_wrapper .title_1-bk,
.menu_7_wrapper .title_1-bk {
    display: flex;
    color: #7a7879;
    font-size: .875rem;
    font-style: italic;
    line-height: 1rem;
    margin-bottom: .5rem
}

.menu_1_wrapper .link,
.menu_6_wrapper .link,
.menu_7_wrapper .link {
    color: #ff7200;
    font-size: .875rem;
    font-style: italic
}

.menu_7_wrapper .bk-title {
    margin: 0;
    font-weight: 600;
    font-family: var(--font-primary);
    color: #ce1212;
    text-align: center;
    text-transform: uppercase
}

.menu_7_wrapper .menu-category {
    margin-bottom: 3rem;
    padding: 15px;
    box-shadow: 0 0 45px 0 rgb(0 0 0 / .1);
    border-radius: 10px
}

.menu_7_wrapper a.menu_6-item-cover-frame.menu_6-cursor-zoom img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.menu_7_wrapper .search {
    position: absolute;
    top: 50%;
    transition: 0.2s;
    opacity: 0
}

.menu_7_wrapper .search img {
    filter: invert(1);
    height: 36px !important;
    width: auto !important
}

.btn {
    min-width: auto !important
}

.location-delete {
    margin-top: 12px
}

.menu_7_wrapper .btn-grp .btn-bk {
    padding: 7px 16px;
    background: #000;
    color: #fff;
    margin-right: 8px;
    border-radius: 8px;
    width: auto;
    text-align: center;
    margin-top: 1rem
}

@media (min-width:576px) {
    .menu_7_wrapper .modal-dialog {
        max-width: 900px;
        margin: 1.75rem auto
    }
}

.menu_7_wrapper .demo-item .bg-bk {
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid gray;
    padding: 16px;
    border-radius: 8px;
    overflow: hidden
}

.menu_7_wrapper .demo-item .bg-bk:before {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgb(0 0 0 / .5);
    transition: 0.2s;
    z-index: 99
}

.faq-section .custom-tooltip .tooltip-text.show,
.menu_7_wrapper .demo-item:hover .bg-bk:before {
    opacity: 1
}

.menu_7_wrapper .demo-item:hover .search {
    opacity: 1;
    z-index: 999
}

.menu_7_wrapper .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem
}

@media (min-width:768px) and (max-width:991px) {
    .menu_7_wrapper .menu_7_wrapper .info-bk {
        min-height: 120px
    }
}

.menu_7_wrapper .menu-category-content {
    border: none;
    padding: 0
}

.menu_7_wrapper .menu-category-name {
    border: 1px solid #d6d2d2;
    padding: 25px 32px;
    border-bottom: none;
    background: #e1e1e1
}

.menu_7_wrapper .menu-category svg {
    height: 6rem;
    width: auto;
    margin: auto;
    text-align: center;
    position: absolute;
    bottom: -62px
}

.menu_7_wrapper .bk-title {
    margin-bottom: 5rem;
    font-size: 25px
}

.menu_7_wrapper .price-bk {
    display: block;
    line-height: 18px;
    font-size: 18px
}

.menu_7_wrapper .info-bk .title-bk {
    font-weight: 700;
    padding-right: 0;
    margin-bottom: .5rem;
    border-bottom: 1px dashed #000;
    display: inline-block;
    text-transform: uppercase
}

.menu_7_wrapper .title-bk {
    display: block;
    padding-bottom: 8px
}

.menu_7_wrapper .bk-menu-description .read-more-btn {
    background: no-repeat;
    border: none;
    padding: 0;
    color: var(--mainColor) !important
}

.bk-menu-description .excerpt-bk,
.menu_4_wrapper.bk-menu-description .excerpt-bk,
.menu_7_wrapper .bk-menu-description .excerpt-bk {
    margin-bottom: .2rem
}

.grid-item,
.menu_7_wrapper .grid-item {
    width: calc(50% - 50px)
}

.menu_1_wrapper {
    padding: 6rem 0;
    background-color: #f1f1f1
}

.menu_1_wrapper .bk-menu {
    display: flex;
    align-items: start
}

.menu_16_wrapper.category-on .menu-left-bk img,
.menu_1_wrapper .bk-menu:last-child,
.menu_6_wrapper .bk-menu:last-child {
    border-bottom: none
}

.menu_1_wrapper figure {
    width: 120%;
    min-width: 128px;
    position: relative;
    margin-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #0000001f;
    max-width: 150px;
    height: 120px
}

.item-header,
.tags-bk {
    display: flex
}

.menu_1_wrapper .info-bk,
.menu_6_wrapper .info-bk {
    width: 100%;
    flex: 1
}

.menu_1_wrapper .info-bk .title-bk,
.menu_6_wrapper .info-bk .title-bk {
    font-weight: 700;
    padding-right: 1rem;
    margin-bottom: .5rem
}

.menu_1_wrapper .header-bk,
.menu_4_wrapper .bk-menu .header-bk {
    font-weight: 500;
    border-bottom: 1px solid var(--mainColor);
    font-style: normal
}

.menu_1_wrapper .header-bk {
    position: relative;
    color: #040a1c;
    line-height: 1.5rem;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    display: flex;
    padding-bottom: 4px;
    justify-content: space-between
}

.menu_1_wrapper .bk-title {
    margin-bottom: 1.2rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    padding-left: 60px
}

.menu_1_wrapper .bk-title:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 75%;
    content: "";
    background-color: var(--mainColor) !important
}

.menu_1_wrapper .menu-category {
    margin-bottom: 3rem;
    background: #fff;
    padding: 45px 4rem
}

.menu_1_wrapper .category_row:before {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    content: "";
    background: var(--mainColor);
    opacity: .3
}

.menu_1_wrapper .price-bk {
    text-align: right;
    padding: 0
}

.title-bk {
    font-size: 1.2rem;
    font-weight: 600 !important
}

.menu_1_wrapper .bk-menu {
    padding: 1.5rem 0;
    margin-bottom: 0
}

.menu-category-name {
    border: 1px solid #d6d2d2;
    padding: 25px 32px;
    border-bottom: none
}

.menu-category-content {
    border: 1px solid #d6d2d2;
    padding: 4rem 32px 32px
}

.menu-category-name h3 {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word
}

@font-face {
    font-family: 'Cabal';
    src: url('../../../../../../fonts/Cabal.woff2') format('woff2'),
        url('../../../../../../fonts/Cabal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paul';
    src: url('../../../../../../fonts/Paul.woff2') format('woff2'),
        url('../../../../../../fonts/Paul.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body[theme-font="poppins"],
body[theme-font="poppins"] .btn,
body[theme-font="poppins"] a,
body[theme-font="poppins"] blockquote,
body[theme-font="poppins"] h1,
body[theme-font="poppins"] h2,
body[theme-font="poppins"] h3,
body[theme-font="poppins"] h4,
body[theme-font="poppins"] h5,
body[theme-font="poppins"] h6,
body[theme-font="poppins"] input,
body[theme-font="poppins"] li,
body[theme-font="poppins"] p,
body[theme-font="poppins"] select,
body[theme-font="poppins"] textarea {
    /* font-family:  'Cabal', sans-serif !important; */
    /* font-family:  'Paul', sans-serif !important; */

    font-family: Poppins, sans-serif !important
}

body[theme-font="lato"],
body[theme-font="lato"] .btn,
body[theme-font="lato"] a,
body[theme-font="lato"] blockquote,
body[theme-font="lato"] h1,
body[theme-font="lato"] h2,
body[theme-font="lato"] h3,
body[theme-font="lato"] h4,
body[theme-font="lato"] h5,
body[theme-font="lato"] h6,
body[theme-font="lato"] input,
body[theme-font="lato"] li,
body[theme-font="lato"] p,
body[theme-font="lato"] select,
body[theme-font="lato"] textarea {
    font-family: lato, sans-serif !important
}

body[theme-font="oswald"],
body[theme-font="oswald"] .btn,
body[theme-font="oswald"] a,
body[theme-font="oswald"] blockquote,
body[theme-font="oswald"] h1,
body[theme-font="oswald"] h2,
body[theme-font="oswald"] h3,
body[theme-font="oswald"] h4,
body[theme-font="oswald"] h5,
body[theme-font="oswald"] h6,
body[theme-font="oswald"] input,
body[theme-font="oswald"] li,
body[theme-font="oswald"] p,
body[theme-font="oswald"] select,
body[theme-font="oswald"] textarea {
    font-family: oswald, sans-serif !important
}

body[theme-font="merriweather"],
body[theme-font="merriweather"] .btn,
body[theme-font="merriweather"] a,
body[theme-font="merriweather"] blockquote,
body[theme-font="merriweather"] h1,
body[theme-font="merriweather"] h2,
body[theme-font="merriweather"] h3,
body[theme-font="merriweather"] h4,
body[theme-font="merriweather"] h5,
body[theme-font="merriweather"] h6,
body[theme-font="merriweather"] input,
body[theme-font="merriweather"] li,
body[theme-font="merriweather"] p,
body[theme-font="merriweather"] select,
body[theme-font="merriweather"] textarea {
    font-family: merriweather, sans-serif !important
}

body[theme-font="roboto"],
body[theme-font="roboto"] .btn,
body[theme-font="roboto"] a,
body[theme-font="roboto"] blockquote,
body[theme-font="roboto"] h1,
body[theme-font="roboto"] h2,
body[theme-font="roboto"] h3,
body[theme-font="roboto"] h4,
body[theme-font="roboto"] h5,
body[theme-font="roboto"] h6,
body[theme-font="roboto"] input,
body[theme-font="roboto"] li,
body[theme-font="roboto"] p,
body[theme-font="roboto"] select,
body[theme-font="roboto"] textarea {
    font-family: roboto, sans-serif !important
}

body[theme-font="raleway"],
body[theme-font="raleway"] .btn,
body[theme-font="raleway"] a,
body[theme-font="raleway"] blockquote,
body[theme-font="raleway"] h1,
body[theme-font="raleway"] h2,
body[theme-font="raleway"] h3,
body[theme-font="raleway"] h4,
body[theme-font="raleway"] h5,
body[theme-font="raleway"] h6,
body[theme-font="raleway"] input,
body[theme-font="raleway"] li,
body[theme-font="raleway"] p,
body[theme-font="raleway"] select,
body[theme-font="raleway"] textarea {
    font-family: raleway, sans-serif !important
}

body[theme-font="oxygen"],
body[theme-font="oxygen"] .btn,
body[theme-font="oxygen"] a,
body[theme-font="oxygen"] blockquote,
body[theme-font="oxygen"] h1,
body[theme-font="oxygen"] h2,
body[theme-font="oxygen"] h3,
body[theme-font="oxygen"] h4,
body[theme-font="oxygen"] h5,
body[theme-font="oxygen"] h6,
body[theme-font="oxygen"] input,
body[theme-font="oxygen"] li,
body[theme-font="oxygen"] p,
body[theme-font="oxygen"] select,
body[theme-font="oxygen"] textarea {
    font-family: oxygen, sans-serif !important
}

body[theme-font="fondamento"],
body[theme-font="fondamento"] .btn,
body[theme-font="fondamento"] a,
body[theme-font="fondamento"] blockquote,
body[theme-font="fondamento"] h1,
body[theme-font="fondamento"] h2,
body[theme-font="fondamento"] h3,
body[theme-font="fondamento"] h4,
body[theme-font="fondamento"] h5,
body[theme-font="fondamento"] h6,
body[theme-font="fondamento"] input,
body[theme-font="fondamento"] li,
body[theme-font="fondamento"] p,
body[theme-font="fondamento"] select,
body[theme-font="fondamento"] textarea {
    font-family: fondamento, sans-serif !important
}

body[theme-font="acme"],
body[theme-font="acme"] .btn,
body[theme-font="acme"] a,
body[theme-font="acme"] blockquote,
body[theme-font="acme"] h1,
body[theme-font="acme"] h2,
body[theme-font="acme"] h3,
body[theme-font="acme"] h4,
body[theme-font="acme"] h5,
body[theme-font="acme"] h6,
body[theme-font="acme"] input,
body[theme-font="acme"] li,
body[theme-font="acme"] p,
body[theme-font="acme"] select,
body[theme-font="acme"] textarea {
    font-family: acme, sans-serif !important
}

body[theme-font="satisfy"],
body[theme-font="satisfy"] .btn,
body[theme-font="satisfy"] a,
body[theme-font="satisfy"] blockquote,
body[theme-font="satisfy"] h1,
body[theme-font="satisfy"] h2,
body[theme-font="satisfy"] h3,
body[theme-font="satisfy"] h4,
body[theme-font="satisfy"] h5,
body[theme-font="satisfy"] h6,
body[theme-font="satisfy"] input,
body[theme-font="satisfy"] li,
body[theme-font="satisfy"] p,
body[theme-font="satisfy"] select,
body[theme-font="satisfy"] textarea {
    font-family: satisfy, sans-serif !important
}

body[theme-font="niconne"],
body[theme-font="niconne"] .btn,
body[theme-font="niconne"] a,
body[theme-font="niconne"] blockquote,
body[theme-font="niconne"] h1,
body[theme-font="niconne"] h2,
body[theme-font="niconne"] h3,
body[theme-font="niconne"] h4,
body[theme-font="niconne"] h5,
body[theme-font="niconne"] h6,
body[theme-font="niconne"] input,
body[theme-font="niconne"] li,
body[theme-font="niconne"] p,
body[theme-font="niconne"] select,
body[theme-font="niconne"] textarea {
    font-family: niconne, sans-serif !important
}

body[theme-font="josefin-slab"],
body[theme-font="josefin-slab"] .btn,
body[theme-font="josefin-slab"] a,
body[theme-font="josefin-slab"] blockquote,
body[theme-font="josefin-slab"] h1,
body[theme-font="josefin-slab"] h2,
body[theme-font="josefin-slab"] h3,
body[theme-font="josefin-slab"] h4,
body[theme-font="josefin-slab"] h5,
body[theme-font="josefin-slab"] h6,
body[theme-font="josefin-slab"] input,
body[theme-font="josefin-slab"] li,
body[theme-font="josefin-slab"] p,
body[theme-font="josefin-slab"] select,
body[theme-font="josefin-slab"] textarea {
    font-family: "josefin slab", sans-serif !important
}

body[theme-font="Yeseva One"],
body[theme-font="Yeseva One"] .btn,
body[theme-font="Yeseva One"] a,
body[theme-font="Yeseva One"] blockquote,
body[theme-font="Yeseva One"] h1,
body[theme-font="Yeseva One"] h2,
body[theme-font="Yeseva One"] h3,
body[theme-font="Yeseva One"] h4,
body[theme-font="Yeseva One"] h5,
body[theme-font="Yeseva One"] h6,
body[theme-font="Yeseva One"] input,
body[theme-font="Yeseva One"] li,
body[theme-font="Yeseva One"] p,
body[theme-font="Yeseva One"] select,
body[theme-font="Yeseva One"] textarea {
    font-family: "Yeseva One", sans-serif !important
}

body[theme-font="Roboto Slab"],
body[theme-font="Roboto Slab"] .btn,
body[theme-font="Roboto Slab"] a,
body[theme-font="Roboto Slab"] blockquote,
body[theme-font="Roboto Slab"] h1,
body[theme-font="Roboto Slab"] h2,
body[theme-font="Roboto Slab"] h3,
body[theme-font="Roboto Slab"] h4,
body[theme-font="Roboto Slab"] h5,
body[theme-font="Roboto Slab"] h6,
body[theme-font="Roboto Slab"] input,
body[theme-font="Roboto Slab"] li,
body[theme-font="Roboto Slab"] p,
body[theme-font="Roboto Slab"] select,
body[theme-font="Roboto Slab"] textarea {
    font-family: "Roboto Slab", sans-serif !important
}

.menu_15_wrapper,
.menu_17_wrapper,
.menu_5_wrapper {
    font-family: Rubik, sans-serif
}

.note-btn {
    float: initial !important
}

.note-modal-footer {
    text-align: right !important;
    height: auto !important
}

.menu_4_wrapper,
section.faq-section {
    padding: 4rem 0
}

@media (min-width:575px) {
    .p-mgb-2 p {
        margin-bottom: 2rem
    }

    .h1,
    h1 {
        font-size: 2.5rem;
        line-height: 3.5rem
    }

    .mgt-sm--0,
    .mgt-sm-0 {
        margin-top: 0
    }

    .mgb-sm--0,
    .mgb-sm-0 {
        margin-bottom: 0
    }

    .mgl-sm--0,
    .mgl-sm-0 {
        margin-left: 0
    }

    .mgr-sm--0,
    .mgr-sm-0 {
        margin-right: 0
    }

    .mgt-sm-1 {
        margin-top: 1rem
    }

    .mgb-sm-1 {
        margin-bottom: 1rem
    }

    .mgl-sm-1 {
        margin-left: 1rem
    }

    .mgr-sm-1 {
        margin-right: 1rem
    }

    .mgt-sm--1 {
        margin-top: -1rem
    }

    .mgb-sm--1 {
        margin-bottom: -1rem
    }

    .mgl-sm--1 {
        margin-left: -1rem
    }

    .mgr-sm--1 {
        margin-right: -1rem
    }

    .mgt-sm-2 {
        margin-top: 2rem
    }

    .mgb-sm-2 {
        margin-bottom: 2rem
    }

    .mgl-sm-2 {
        margin-left: 2rem
    }

    .mgr-sm-2 {
        margin-right: 2rem
    }

    .mgt-sm--2 {
        margin-top: -2rem
    }

    .mgb-sm--2 {
        margin-bottom: -2rem
    }

    .mgl-sm--2 {
        margin-left: -2rem
    }

    .mgr-sm--2 {
        margin-right: -2rem
    }

    .mgt-sm-3 {
        margin-top: 3rem
    }

    .mgb-sm-3 {
        margin-bottom: 3rem
    }

    .mgl-sm-3 {
        margin-left: 3rem
    }

    .mgr-sm-3 {
        margin-right: 3rem
    }

    .mgt-sm--3 {
        margin-top: -3rem
    }

    .mgb-sm--3 {
        margin-bottom: -3rem
    }

    .mgl-sm--3 {
        margin-left: -3rem
    }

    .mgr-sm--3 {
        margin-right: -3rem
    }

    .mgt-sm-4 {
        margin-top: 4rem
    }

    .mgb-sm-4 {
        margin-bottom: 4rem
    }

    .mgl-sm-4 {
        margin-left: 4rem
    }

    .mgr-sm-4 {
        margin-right: 4rem
    }

    .mgt-sm--4 {
        margin-top: -4rem
    }

    .mgb-sm--4 {
        margin-bottom: -4rem
    }

    .mgl-sm--4 {
        margin-left: -4rem
    }

    .mgr-sm--4 {
        margin-right: -4rem
    }

    .mgt-sm-5 {
        margin-top: 5rem
    }

    .mgb-sm-5 {
        margin-bottom: 5rem
    }

    .mgl-sm-5 {
        margin-left: 5rem
    }

    .mgr-sm-5 {
        margin-right: 5rem
    }

    .mgt-sm--5 {
        margin-top: -5rem
    }

    .mgb-sm--5 {
        margin-bottom: -5rem
    }

    .mgl-sm--5 {
        margin-left: -5rem
    }

    .mgr-sm--5 {
        margin-right: -5rem
    }

    .mgt-sm-6 {
        margin-top: 6rem
    }

    .mgb-sm-6 {
        margin-bottom: 6rem
    }

    .mgl-sm-6 {
        margin-left: 6rem
    }

    .mgr-sm-6 {
        margin-right: 6rem
    }

    .mgt-sm--6 {
        margin-top: -6rem
    }

    .mgb-sm--6 {
        margin-bottom: -6rem
    }

    .mgl-sm--6 {
        margin-left: -6rem
    }

    .mgr-sm--6 {
        margin-right: -6rem
    }

    .mgt-sm-7 {
        margin-top: 7rem
    }

    .mgb-sm-7 {
        margin-bottom: 7rem
    }

    .mgl-sm-7 {
        margin-left: 7rem
    }

    .mgr-sm-7 {
        margin-right: 7rem
    }

    .mgt-sm--7 {
        margin-top: -7rem
    }

    .mgb-sm--7 {
        margin-bottom: -7rem
    }

    .mgl-sm--7 {
        margin-left: -7rem
    }

    .mgr-sm--7 {
        margin-right: -7rem
    }

    .mgt-sm-8 {
        margin-top: 8rem
    }

    .mgb-sm-8 {
        margin-bottom: 8rem
    }

    .mgl-sm-8 {
        margin-left: 8rem
    }

    .mgr-sm-8 {
        margin-right: 8rem
    }

    .mgt-sm--8 {
        margin-top: -8rem
    }

    .mgb-sm--8 {
        margin-bottom: -8rem
    }

    .mgl-sm--8 {
        margin-left: -8rem
    }

    .mgr-sm--8 {
        margin-right: -8rem
    }

    .mgt-sm-9 {
        margin-top: 9rem
    }

    .mgb-sm-9 {
        margin-bottom: 9rem
    }

    .mgl-sm-9 {
        margin-left: 9rem
    }

    .mgr-sm-9 {
        margin-right: 9rem
    }

    .mgt-sm--9 {
        margin-top: -9rem
    }

    .mgb-sm--9 {
        margin-bottom: -9rem
    }

    .mgl-sm--9 {
        margin-left: -9rem
    }

    .mgr-sm--9 {
        margin-right: -9rem
    }

    .mgt-sm-10 {
        margin-top: 10rem
    }

    .mgb-sm-10 {
        margin-bottom: 10rem
    }

    .mgl-sm-10 {
        margin-left: 10rem
    }

    .mgr-sm-10 {
        margin-right: 10rem
    }

    .mgt-sm--10 {
        margin-top: -10rem
    }

    .mgb-sm--10 {
        margin-bottom: -10rem
    }

    .mgl-sm--10 {
        margin-left: -10rem
    }

    .mgr-sm--10 {
        margin-right: -10rem
    }

    .gutter-sm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-sm-0 div[class*="col"] {
        padding-left: 0;
        padding-right: 0
    }

    .gutter-sm-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .gutter-sm-1 div[class*="col"] {
        padding-left: 1px;
        padding-right: 1px
    }

    .gutter-sm-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .gutter-sm-2 div[class*="col"] {
        padding-left: 2px;
        padding-right: 2px
    }

    .gutter-sm-3 {
        margin-left: -3px;
        margin-right: -3px
    }

    .gutter-sm-3 div[class*="col"] {
        padding-left: 3px;
        padding-right: 3px
    }

    .gutter-sm-4 {
        margin-left: -4px;
        margin-right: -4px
    }

    .gutter-sm-4 div[class*="col"] {
        padding-left: 4px;
        padding-right: 4px
    }

    .gutter-sm-5 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-sm-5 div[class*="col"] {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-sm-6 {
        margin-left: -6px;
        margin-right: -6px
    }

    .gutter-sm-6 div[class*="col"] {
        padding-left: 6px;
        padding-right: 6px
    }

    .gutter-sm-7 {
        margin-left: -7px;
        margin-right: -7px
    }

    .gutter-sm-7 div[class*="col"] {
        padding-left: 7px;
        padding-right: 7px
    }

    .gutter-sm-8 {
        margin-left: -8px;
        margin-right: -8px
    }

    .gutter-sm-8 div[class*="col"] {
        padding-left: 8px;
        padding-right: 8px
    }

    .gutter-sm-9 {
        margin-left: -9px;
        margin-right: -9px
    }

    .gutter-sm-9 div[class*="col"] {
        padding-left: 9px;
        padding-right: 9px
    }

    .gutter-sm-10 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-sm-10 div[class*="col"] {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-sm-11 {
        margin-left: -11px;
        margin-right: -11px
    }

    .gutter-sm-11 div[class*="col"] {
        padding-left: 11px;
        padding-right: 11px
    }

    .gutter-sm-12 {
        margin-left: -12px;
        margin-right: -12px
    }

    .gutter-sm-12 div[class*="col"] {
        padding-left: 12px;
        padding-right: 12px
    }

    .gutter-sm-13 {
        margin-left: -13px;
        margin-right: -13px
    }

    .gutter-sm-13 div[class*="col"] {
        padding-left: 13px;
        padding-right: 13px
    }

    .gutter-sm-14 {
        margin-left: -14px;
        margin-right: -14px
    }

    .gutter-sm-14 div[class*="col"] {
        padding-left: 14px;
        padding-right: 14px
    }

    .gutter-sm-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-sm-15 div[class*="col"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-sm-16 {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-sm-16 div[class*="col"] {
        padding-left: 16px;
        padding-right: 16px
    }

    .gutter-sm-17 {
        margin-left: -17px;
        margin-right: -17px
    }

    .gutter-sm-17 div[class*="col"] {
        padding-left: 17px;
        padding-right: 17px
    }

    .gutter-sm-18 {
        margin-left: -18px;
        margin-right: -18px
    }

    .gutter-sm-18 div[class*="col"] {
        padding-left: 18px;
        padding-right: 18px
    }

    .gutter-sm-19 {
        margin-left: -19px;
        margin-right: -19px
    }

    .gutter-sm-19 div[class*="col"] {
        padding-left: 19px;
        padding-right: 19px
    }

    .gutter-sm-20 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-sm-20 div[class*="col"] {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-sm-21 {
        margin-left: -21px;
        margin-right: -21px
    }

    .gutter-sm-21 div[class*="col"] {
        padding-left: 21px;
        padding-right: 21px
    }

    .gutter-sm-22 {
        margin-left: -22px;
        margin-right: -22px
    }

    .gutter-sm-22 div[class*="col"] {
        padding-left: 22px;
        padding-right: 22px
    }

    .gutter-sm-23 {
        margin-left: -23px;
        margin-right: -23px
    }

    .gutter-sm-23 div[class*="col"] {
        padding-left: 23px;
        padding-right: 23px
    }

    .gutter-sm-24 {
        margin-left: -24px;
        margin-right: -24px
    }

    .gutter-sm-24 div[class*="col"] {
        padding-left: 24px;
        padding-right: 24px
    }

    .gutter-sm-25 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-sm-25 div[class*="col"] {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-sm-26 {
        margin-left: -26px;
        margin-right: -26px
    }

    .gutter-sm-26 div[class*="col"] {
        padding-left: 26px;
        padding-right: 26px
    }

    .gutter-sm-27 {
        margin-left: -27px;
        margin-right: -27px
    }

    .gutter-sm-27 div[class*="col"] {
        padding-left: 27px;
        padding-right: 27px
    }

    .gutter-sm-28 {
        margin-left: -28px;
        margin-right: -28px
    }

    .gutter-sm-28 div[class*="col"] {
        padding-left: 28px;
        padding-right: 28px
    }

    .gutter-sm-29 {
        margin-left: -29px;
        margin-right: -29px
    }

    .gutter-sm-29 div[class*="col"] {
        padding-left: 29px;
        padding-right: 29px
    }

    .gutter-sm-30 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-sm-30 div[class*="col"] {
        padding-left: 30px;
        padding-right: 30px
    }

    .mxw-sm-0 {
        max-width: 0
    }

    .mxw-sm-1 {
        max-width: 50px
    }

    .mxw-sm-2 {
        max-width: 100px
    }

    .mxw-sm-3 {
        max-width: 150px
    }

    .mxw-sm-4 {
        max-width: 200px
    }

    .mxw-sm-5 {
        max-width: 250px
    }

    .mxw-sm-6 {
        max-width: 300px
    }

    .mxw-sm-7 {
        max-width: 350px
    }

    .mxw-sm-8 {
        max-width: 400px
    }

    .mxw-sm-9 {
        max-width: 450px
    }

    .mxw-sm-10 {
        max-width: 500px
    }

    .mxw-sm-11 {
        max-width: 550px
    }

    .mxw-sm-12 {
        max-width: 600px
    }

    .mxw-sm-13 {
        max-width: 650px
    }

    .mxw-sm-14 {
        max-width: 700px
    }

    .mxw-sm-15 {
        max-width: 750px
    }

    .mxw-sm-16 {
        max-width: 800px
    }

    .mxw-sm-17 {
        max-width: 850px
    }

    .mxw-sm-18 {
        max-width: 900px
    }

    .mxw-sm-19 {
        max-width: 950px
    }

    .mxw-sm-20 {
        max-width: 1000px
    }

    .bk-mail {
        padding: 0 1.8rem 0 1.2rem
    }

    .menu_4_wrapper {
        padding: 6rem 0
    }
}

.menu_4_wrapper .bk-title {
    font-size: 1.875rem;
    line-height: 2.5rem;
    color: #d98f4e;
    font-family: Arvo, serif;
    margin-bottom: 1.5rem;
    font-weight: 600
}

.menu_4_wrapper .bk-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: none
}

.menu_4_wrapper .bk-menu figure {
    max-width: 164px;
    width: 100%;
    min-width: 88px;
    margin-right: 1.5rem;
    position: relative;
    padding-bottom: 18%;
    margin-bottom: 0;
    min-height: 164px;
    border: 1px solid var(--mainColor);
    border-radius: 25px;
    overflow: hidden
}

@media (max-width:992px) {
    .menu_4_wrapper .bk-menu {
        flex-direction: column
    }

    .menu_4_wrapper .bk-menu figure {
        max-width: 100%;
        min-height: 250px;
        margin-bottom: 1rem;
        border: 1px solid var(--mainColor);
        border-radius: 25px
    }
}

.menu_4_wrapper .bk-menu .info-bk {
    width: 100%;
    border: 1px solid var(--mainColor);
    border-radius: 25px;
    padding: 25px
}

.menu_4_wrapper .bk-menu .info-bk .title-bk {
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding-right: 1rem;
    margin-bottom: 10px
}

.menu_4_wrapper .bk-menu .info-bk .price-bk {
    color: var(--mainColor);
    line-height: 1.5rem;
    font-size: 1.6rem
}

.menu_4_wrapper .bk-menu .header-bk {
    position: relative;
    color: #262123;
    line-height: 1.5rem;
    font-size: 1.125rem;
    margin-bottom: .5rem;
    display: flex;
    justify-content: space-between
}

.menu_4_wrapper .bk-menu .title_1-bk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #7a7879;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 400
}

.menu_4_wrapper .bk-menu .link {
    color: #277500;
    font-size: 1rem;
    font-style: italic
}

.menu_4_wrapper .menu-category {
    background: #fff;
    padding: 0
}

.menu_5_wrapper {
    padding: 6rem 0;
    color: #9b9b9b
}

.menu_15_wrapper p,
.menu_17_wrapper p,
.menu_5_wrapper p {
    line-height: 24px
}

.menu_5_wrapper h1,
.menu_5_wrapper h2,
.menu_5_wrapper h3,
.menu_5_wrapper h4,
.menu_5_wrapper h5,
.menu_5_wrapper h6 {
    color: #282828;
    font-family: Rubik, sans-serif
}

.menu_5_wrapper .section-title .title-bk {
    font-size: 1.5rem;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize
}

.menu_5_wrapper .menu-item-5 {
    margin-bottom: 2.5rem;
    position: relative
}

.menu_5_wrapper .menu-item-5 .menu__item_5-img {
    margin-bottom: 1.2rem;
    padding-right: 1rem
}

.address-bk .edit-block.d-inline-block,
.menu_5_wrapper .menu-item-5 .menu__item_5-img img,
.menu_6_wrapper .info-bk>*,
.w-100,
iframe.note-video-clip {
    width: 100%
}

.menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    padding: 10px 0;
    border-top: 1px solid var(--mainColor);
    border-bottom: 1px solid var(--mainColor);
    color: var(--mainColor) !important
}

.menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px dashed #000;
    padding-bottom: 5px
}

.menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
    color: var(--mainColor);
    font-size: 16px;
    font-weight: 600;
    margin-left: auto;
    background: #f1f1f1;
    width: 100px;
    padding: 10px;
    display: block;
    text-align: center
}

.menu_6_wrapper .bk-title:after,
.menu_6_wrapper .bk-title:before {
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    content: "";
    top: 50%
}

.menu_5_wrapper .section-title {
    padding: 8px;
    margin-bottom: 2.5rem;
    background: #f1f1f1;
    text-align: center
}

.dropdown-toggle::after,
.menu_15_wrapper .section-title:after,
.menu_15_wrapper .section-title:before,
.menu_5_wrapper .section-title:after,
.menu_5_wrapper .section-title:before {
    display: none !important
}

.menu_6_wrapper .bk-menu {
    display: flex;
    align-items: start;
    margin-bottom: 3rem
}

.menu_6_wrapper figure {
    max-width: 158px;
    width: 120%;
    min-width: 88px;
    flex: 1;
    position: relative;
    padding-bottom: 24%;
    margin-bottom: 0;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #0000001f
}

#offercreatemodal .upload-wraper,
.bk-inner-banner,
.close-bk {
    align-items: center;
    display: flex
}

.menu_6_wrapper .info-bk .title-bk:after {
    content: "-";
    position: relative;
    left: 7px
}

.menu_6_wrapper .header-bk {
    position: relative;
    color: #040a1c;
    line-height: 1.5rem;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 1rem;
    display: flex
}

.menu_6_wrapper .bk-title {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    padding-left: 18px;
    display: inline-block
}

.menu_6_wrapper .bk-title:before {
    position: absolute;
    left: 0;
    background-color: var(--mainColor) !important;
    border-radius: 50%;
    border: 2px solid var(--mainColor) !important
}

.menu_6_wrapper .bk-title:after {
    position: absolute;
    right: -18px;
    border-radius: 50%;
    border: 2px solid var(--mainColor) !important
}

.menu_6_wrapper .menu-category {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 64px
}

.grid-item-1 {
    width: calc(50%)
}

.bk-menu-description .read-more-btn {
    background: no-repeat;
    border: none;
    padding: 0;
    color: var(--mainBgColor) !important
}

.location-design-1 .location-wrapper ul.button-block a:hover,
.location-design-2 .location-wrapper ul.button-block a:hover,
.location-section.design1 ul.nav-bk li a,
.menu_6_wrapper .title-bk {
    color: var(--mainColor);
    color: var(--mainColor)
}

.menu_6_wrapper .title-bk {
    font-size: 1.2rem;
    font-weight: 600 !important;
    color: #000
}

.bk-inner-banner:after {
    background-color: rgba(0, 0, 0, 0.309) !important;
}

.close-bk {
    position: absolute;
    left: 15px;
    width: 25px;
    top: 15px;
    height: 25px;
    justify-content: center;
    border-radius: 50%;
    z-index: 99
}

.close-bk path {
    fill: var(--mainBgColor)
}

.overlay-bk * {
    position: relative;
    z-index: 1
}

.overlay-bk:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    content: "";
    z-index: 0
}

.bk-inner-banner {
    background-size: cover !important;
    background-position: center !important;
    z-index: 1;
    height: 400px;
    background: var(--mainBgColor);
}

.form-check-input {
    margin-top: 2px !important
}

.fa-refresh {
    margin-left: 10px
}

button.edit-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    border-radius: 50%;
    border: none
}

.locationdesign-8 .location-wrapper,
.menu_3_wrapper .bk-special-today figure img {
    height: auto
}

.note-modal-body .checkbox label {
    position: relative;
    padding-left: 20px
}

.frame-modal .modal-body label {
    display: flex !important;
    align-items: center
}

.note-form-group {
    padding-bottom: 0 !important
}

.note-editing-area {
    background: #fff !important
}

.note-btn-primary {
    background: var(--mainColor) !important;
    color: #fff
}

.note-btn.disabled,
.note-btn[disabled] {
    opacity: .7
}

#edit-reserve-email_default24 {
    min-width: auto;
    border: 2px solid #fff !important;
    border-top: 0 !important;
    border-bottom: 0 !important
}

button#edit-reserve-email,
button#edit-reserve-email_default19,
button#edit-reserve-email_default20,
button#edit-reserve-email_default28,
button#edit-reserve-email_design29,
button#edit-reserve-email_design30,
button#edit-reserve-email_design31,
button#reservation_submit_btn {
    min-width: auto;
    border: 2px solid #fff !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: var(--mainColor)
}

form#restaurant-website-edit {
    padding: 8px 10px
}

button#edit-reserve-email_default21,
button#reservation_submit_btn {
    min-width: auto;
    border: none;
    background: var(--mainColor);
    border-top: none !important;
    border-bottom: none !important;
    margin: 0 !important
}

select#cf_subject {
    margin-bottom: 15px
}

section.bk-inner-banner h1 {
    -webkit-text-stroke: 2px #000;
    line-height: 50px;
    margin-bottom: 1rem;
    filter: drop-shadow(2px 4px 6px black);
    -webkit-text-stroke: .5px #fff;
    color: #fff
}

@media (max-width:767px) {

    .bk-footer,
    .footer-logo {
        text-align: center
    }

    .about-section {
        flex-direction: column
    }

    .about-section>div {
        width: 100%
    }

    .about-section .right-bk {
        padding: 50px 15px
    }

    .justify-content-lg-right {
        text-align: center;
        justify-content: center
    }

    .footer-logo {
        margin: auto;
        justify-content: center;
        padding-right: 0
    }

    .bk-event-item {
        margin-bottom: 2.5rem !important
    }

    .bk-event-item:last-child {
        margin-bottom: 0 !important
    }

    .left-bk {
        border-radius: 25px 25px 0 0
    }

    .content-bk {
        margin-left: 0;
        padding-left: 32px;
        border-right: none;
        border-radius: 0 0 25px 25px
    }

    .event-footer {
        border-radius: 0
    }

    .bk-event-item:before {
        display: none
    }

    .grid-item,
    .menu_7_wrapper .grid-item {
        width: calc(100% - 50px)
    }

    .menu_1_wrapper figure {
        border-radius: 8px
    }

    .menu_1_wrapper .menu-category {
        margin-bottom: 1.5rem;
        padding: 32px 20px
    }

    .menu_1_wrapper .bk-menu:last-child {
        padding-bottom: 0
    }

    .menu-category-content {
        padding: 4rem 15px 15px
    }

    .grid-item-1 {
        width: calc(100%)
    }
}

.note-dropdown-menu .h1,
.note-dropdown-menu h1 {
    font-size: 2.5rem;
    line-height: 3.5rem
}

.btn-group-delete.btn,
.modal button.btn.timing-btn {
    background: #000 !important;
    font-size: 16px;
    border-color: #000 !important;
    min-height: auto
}

.frame-modal .frame-modal-btn {
    min-width: 100px !important
}

.modal-title,
.note-dropdown-menu * {
    color: #000 !important
}

.edit-block .edit-actions {
    z-index: 99 !important
}

@media (min-width:992px) {

    .menu_4_wrapper .mgb-lg-0,
    .mgb-lg--0,
    .mgb-lg-0 {
        margin-bottom: 0
    }

    .h1,
    h1 {
        font-size: 3rem
    }

    .mgt-lg--0,
    .mgt-lg-0 {
        margin-top: 0
    }

    .mgl-lg--0,
    .mgl-lg-0 {
        margin-left: 0
    }

    .mgr-lg--0,
    .mgr-lg-0 {
        margin-right: 0
    }

    .mgt-lg-1 {
        margin-top: 1rem
    }

    .mgb-lg-1 {
        margin-bottom: 1rem
    }

    .mgl-lg-1 {
        margin-left: 1rem
    }

    .mgr-lg-1 {
        margin-right: 1rem
    }

    .mgt-lg--1 {
        margin-top: -1rem
    }

    .mgb-lg--1 {
        margin-bottom: -1rem
    }

    .mgl-lg--1 {
        margin-left: -1rem
    }

    .mgr-lg--1 {
        margin-right: -1rem
    }

    .mgt-lg-2 {
        margin-top: 2rem
    }

    .mgb-lg-2 {
        margin-bottom: 2rem
    }

    .mgl-lg-2 {
        margin-left: 2rem
    }

    .mgr-lg-2 {
        margin-right: 2rem
    }

    .mgt-lg--2 {
        margin-top: -2rem
    }

    .mgb-lg--2 {
        margin-bottom: -2rem
    }

    .mgl-lg--2 {
        margin-left: -2rem
    }

    .mgr-lg--2 {
        margin-right: -2rem
    }

    .mgt-lg-3 {
        margin-top: 3rem
    }

    .mgb-lg-3 {
        margin-bottom: 3rem
    }

    .mgl-lg-3 {
        margin-left: 3rem
    }

    .mgr-lg-3 {
        margin-right: 3rem
    }

    .mgt-lg--3 {
        margin-top: -3rem
    }

    .mgb-lg--3 {
        margin-bottom: -3rem
    }

    .mgl-lg--3 {
        margin-left: -3rem
    }

    .mgr-lg--3 {
        margin-right: -3rem
    }

    .mgt-lg-4 {
        margin-top: 4rem
    }

    .mgb-lg-4 {
        margin-bottom: 4rem
    }

    .mgl-lg-4 {
        margin-left: 4rem
    }

    .mgr-lg-4 {
        margin-right: 4rem
    }

    .mgt-lg--4 {
        margin-top: -4rem
    }

    .mgb-lg--4 {
        margin-bottom: -4rem
    }

    .mgl-lg--4 {
        margin-left: -4rem
    }

    .mgr-lg--4 {
        margin-right: -4rem
    }

    .mgt-lg-5 {
        margin-top: 5rem
    }

    .mgb-lg-5 {
        margin-bottom: 5rem
    }

    .mgl-lg-5 {
        margin-left: 5rem
    }

    .mgr-lg-5 {
        margin-right: 5rem
    }

    .mgt-lg--5 {
        margin-top: -5rem
    }

    .mgb-lg--5 {
        margin-bottom: -5rem
    }

    .mgl-lg--5 {
        margin-left: -5rem
    }

    .mgr-lg--5 {
        margin-right: -5rem
    }

    .mgt-lg-6 {
        margin-top: 6rem
    }

    .mgb-lg-6 {
        margin-bottom: 6rem
    }

    .mgl-lg-6 {
        margin-left: 6rem
    }

    .mgr-lg-6 {
        margin-right: 6rem
    }

    .mgt-lg--6 {
        margin-top: -6rem
    }

    .mgb-lg--6 {
        margin-bottom: -6rem
    }

    .mgl-lg--6 {
        margin-left: -6rem
    }

    .mgr-lg--6 {
        margin-right: -6rem
    }

    .mgt-lg-7 {
        margin-top: 7rem
    }

    .mgb-lg-7 {
        margin-bottom: 7rem
    }

    .mgl-lg-7 {
        margin-left: 7rem
    }

    .mgr-lg-7 {
        margin-right: 7rem
    }

    .mgt-lg--7 {
        margin-top: -7rem
    }

    .mgb-lg--7 {
        margin-bottom: -7rem
    }

    .mgl-lg--7 {
        margin-left: -7rem
    }

    .mgr-lg--7 {
        margin-right: -7rem
    }

    .mgt-lg-8 {
        margin-top: 8rem
    }

    .mgb-lg-8 {
        margin-bottom: 8rem
    }

    .mgl-lg-8 {
        margin-left: 8rem
    }

    .mgr-lg-8 {
        margin-right: 8rem
    }

    .mgt-lg--8 {
        margin-top: -8rem
    }

    .mgb-lg--8 {
        margin-bottom: -8rem
    }

    .mgl-lg--8 {
        margin-left: -8rem
    }

    .mgr-lg--8 {
        margin-right: -8rem
    }

    .mgt-lg-9 {
        margin-top: 9rem
    }

    .mgb-lg-9 {
        margin-bottom: 9rem
    }

    .mgl-lg-9 {
        margin-left: 9rem
    }

    .mgr-lg-9 {
        margin-right: 9rem
    }

    .mgt-lg--9 {
        margin-top: -9rem
    }

    .mgb-lg--9 {
        margin-bottom: -9rem
    }

    .mgl-lg--9 {
        margin-left: -9rem
    }

    .mgr-lg--9 {
        margin-right: -9rem
    }

    .mgt-lg-10 {
        margin-top: 10rem
    }

    .mgb-lg-10 {
        margin-bottom: 10rem
    }

    .mgl-lg-10 {
        margin-left: 10rem
    }

    .mgr-lg-10 {
        margin-right: 10rem
    }

    .mgt-lg--10 {
        margin-top: -10rem
    }

    .mgb-lg--10 {
        margin-bottom: -10rem
    }

    .mgl-lg--10 {
        margin-left: -10rem
    }

    .mgr-lg--10 {
        margin-right: -10rem
    }

    .pdt-lg--0,
    .pdt-lg-0 {
        padding-top: 0
    }

    .pdb-lg--0,
    .pdb-lg-0 {
        padding-bottom: 0
    }

    .pdl-lg--0,
    .pdl-lg-0 {
        padding-left: 0
    }

    .pdr-lg--0,
    .pdr-lg-0 {
        padding-right: 0
    }

    .pd-lg-0 {
        padding: 0
    }

    .pdt-lg-1 {
        padding-top: 1rem
    }

    .pdb-lg-1 {
        padding-bottom: 1rem
    }

    .pdl-lg-1 {
        padding-left: 1rem
    }

    .pdr-lg-1 {
        padding-right: 1rem
    }

    .pd-lg-1 {
        padding: 1rem
    }

    .pdt-lg-2 {
        padding-top: 2rem
    }

    .pdb-lg-2 {
        padding-bottom: 2rem
    }

    .pdl-lg-2 {
        padding-left: 2rem
    }

    .pdr-lg-2 {
        padding-right: 2rem
    }

    .pd-lg-2 {
        padding: 2rem
    }

    .pdt-lg-3 {
        padding-top: 3rem
    }

    .pdb-lg-3 {
        padding-bottom: 3rem
    }

    .pdl-lg-3 {
        padding-left: 3rem
    }

    .pdr-lg-3 {
        padding-right: 3rem
    }

    .pd-lg-3 {
        padding: 3rem
    }

    .pdt-lg-4 {
        padding-top: 4rem
    }

    .pdb-lg-4 {
        padding-bottom: 4rem
    }

    .pdl-lg-4 {
        padding-left: 4rem
    }

    .pdr-lg-4 {
        padding-right: 4rem
    }

    .pd-lg-4 {
        padding: 4rem
    }

    .pdt-lg-5 {
        padding-top: 5rem
    }

    .pdb-lg-5 {
        padding-bottom: 5rem
    }

    .pdl-lg-5 {
        padding-left: 5rem
    }

    .pdr-lg-5 {
        padding-right: 5rem
    }

    .pd-lg-5 {
        padding: 5rem
    }

    .pdt-lg-6 {
        padding-top: 6rem
    }

    .pdb-lg-6 {
        padding-bottom: 6rem
    }

    .pdl-lg-6 {
        padding-left: 6rem
    }

    .pdr-lg-6 {
        padding-right: 6rem
    }

    .pd-lg-6 {
        padding: 6rem
    }

    .pdt-lg-7 {
        padding-top: 7rem
    }

    .pdb-lg-7 {
        padding-bottom: 7rem
    }

    .pdl-lg-7 {
        padding-left: 7rem
    }

    .pdr-lg-7 {
        padding-right: 7rem
    }

    .pd-lg-7 {
        padding: 7rem
    }

    .pdt-lg-8 {
        padding-top: 8rem
    }

    .pdb-lg-8 {
        padding-bottom: 8rem
    }

    .pdl-lg-8 {
        padding-left: 8rem
    }

    .pdr-lg-8 {
        padding-right: 8rem
    }

    .pd-lg-8 {
        padding: 8rem
    }

    .pdt-lg-9 {
        padding-top: 9rem
    }

    .pdb-lg-9 {
        padding-bottom: 9rem
    }

    .pdl-lg-9 {
        padding-left: 9rem
    }

    .pdr-lg-9 {
        padding-right: 9rem
    }

    .pd-lg-9 {
        padding: 9rem
    }

    .pdt-lg-10 {
        padding-top: 10rem
    }

    .pdb-lg-10 {
        padding-bottom: 10rem
    }

    .pdl-lg-10 {
        padding-left: 10rem
    }

    .pdr-lg-10 {
        padding-right: 10rem
    }

    .pd-lg-10 {
        padding: 10rem
    }

    .size-lg-0 {
        font-size: 1.1rem
    }

    .size-lg-1 {
        font-size: 1.2rem
    }

    .size-lg-2 {
        font-size: 1.3rem
    }

    .size-lg-3 {
        font-size: 1.4rem
    }

    .size-lg-4 {
        font-size: 1.5rem
    }

    .size-lg-5 {
        font-size: 1.6rem
    }

    .size-lg-6 {
        font-size: 1.7rem
    }

    .size-lg-7 {
        font-size: 1.8rem
    }

    .size-lg-8 {
        font-size: 1.9rem
    }

    .size-lg-9 {
        font-size: 2rem
    }

    .size-lg-10 {
        font-size: 2.1rem
    }

    .gutter-lg-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-lg-0 div[class*="col"] {
        padding-left: 0;
        padding-right: 0
    }

    .gutter-lg-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .gutter-lg-1 div[class*="col"] {
        padding-left: 1px;
        padding-right: 1px
    }

    .gutter-lg-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .gutter-lg-2 div[class*="col"] {
        padding-left: 2px;
        padding-right: 2px
    }

    .gutter-lg-3 {
        margin-left: -3px;
        margin-right: -3px
    }

    .gutter-lg-3 div[class*="col"] {
        padding-left: 3px;
        padding-right: 3px
    }

    .gutter-lg-4 {
        margin-left: -4px;
        margin-right: -4px
    }

    .gutter-lg-4 div[class*="col"] {
        padding-left: 4px;
        padding-right: 4px
    }

    .gutter-lg-5 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-lg-5 div[class*="col"] {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-lg-6 {
        margin-left: -6px;
        margin-right: -6px
    }

    .gutter-lg-6 div[class*="col"] {
        padding-left: 6px;
        padding-right: 6px
    }

    .gutter-lg-7 {
        margin-left: -7px;
        margin-right: -7px
    }

    .gutter-lg-7 div[class*="col"] {
        padding-left: 7px;
        padding-right: 7px
    }

    .gutter-lg-8 {
        margin-left: -8px;
        margin-right: -8px
    }

    .gutter-lg-8 div[class*="col"] {
        padding-left: 8px;
        padding-right: 8px
    }

    .gutter-lg-9 {
        margin-left: -9px;
        margin-right: -9px
    }

    .gutter-lg-9 div[class*="col"] {
        padding-left: 9px;
        padding-right: 9px
    }

    .gutter-lg-10 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-lg-10 div[class*="col"] {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-lg-11 {
        margin-left: -11px;
        margin-right: -11px
    }

    .gutter-lg-11 div[class*="col"] {
        padding-left: 11px;
        padding-right: 11px
    }

    .gutter-lg-12 {
        margin-left: -12px;
        margin-right: -12px
    }

    .gutter-lg-12 div[class*="col"] {
        padding-left: 12px;
        padding-right: 12px
    }

    .gutter-lg-13 {
        margin-left: -13px;
        margin-right: -13px
    }

    .gutter-lg-13 div[class*="col"] {
        padding-left: 13px;
        padding-right: 13px
    }

    .gutter-lg-14 {
        margin-left: -14px;
        margin-right: -14px
    }

    .gutter-lg-14 div[class*="col"] {
        padding-left: 14px;
        padding-right: 14px
    }

    .gutter-lg-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-lg-15 div[class*="col"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-lg-16 {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-lg-16 div[class*="col"] {
        padding-left: 16px;
        padding-right: 16px
    }

    .gutter-lg-17 {
        margin-left: -17px;
        margin-right: -17px
    }

    .gutter-lg-17 div[class*="col"] {
        padding-left: 17px;
        padding-right: 17px
    }

    .gutter-lg-18 {
        margin-left: -18px;
        margin-right: -18px
    }

    .gutter-lg-18 div[class*="col"] {
        padding-left: 18px;
        padding-right: 18px
    }

    .gutter-lg-19 {
        margin-left: -19px;
        margin-right: -19px
    }

    .gutter-lg-19 div[class*="col"] {
        padding-left: 19px;
        padding-right: 19px
    }

    .gutter-lg-20 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-lg-20 div[class*="col"] {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-lg-21 {
        margin-left: -21px;
        margin-right: -21px
    }

    .gutter-lg-21 div[class*="col"] {
        padding-left: 21px;
        padding-right: 21px
    }

    .gutter-lg-22 {
        margin-left: -22px;
        margin-right: -22px
    }

    .gutter-lg-22 div[class*="col"] {
        padding-left: 22px;
        padding-right: 22px
    }

    .gutter-lg-23 {
        margin-left: -23px;
        margin-right: -23px
    }

    .gutter-lg-23 div[class*="col"] {
        padding-left: 23px;
        padding-right: 23px
    }

    .gutter-lg-24 {
        margin-left: -24px;
        margin-right: -24px
    }

    .gutter-lg-24 div[class*="col"] {
        padding-left: 24px;
        padding-right: 24px
    }

    .gutter-lg-25 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-lg-25 div[class*="col"] {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-lg-26 {
        margin-left: -26px;
        margin-right: -26px
    }

    .gutter-lg-26 div[class*="col"] {
        padding-left: 26px;
        padding-right: 26px
    }

    .gutter-lg-27 {
        margin-left: -27px;
        margin-right: -27px
    }

    .gutter-lg-27 div[class*="col"] {
        padding-left: 27px;
        padding-right: 27px
    }

    .gutter-lg-28 {
        margin-left: -28px;
        margin-right: -28px
    }

    .gutter-lg-28 div[class*="col"] {
        padding-left: 28px;
        padding-right: 28px
    }

    .gutter-lg-29 {
        margin-left: -29px;
        margin-right: -29px
    }

    .gutter-lg-29 div[class*="col"] {
        padding-left: 29px;
        padding-right: 29px
    }

    .gutter-lg-30 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-lg-30 div[class*="col"] {
        padding-left: 30px;
        padding-right: 30px
    }

    .mxw-lg-0 {
        max-width: 0
    }

    .mxw-lg-1 {
        max-width: 50px
    }

    .mxw-lg-2 {
        max-width: 100px
    }

    .mxw-lg-3 {
        max-width: 150px
    }

    .mxw-lg-4 {
        max-width: 200px
    }

    .mxw-lg-5 {
        max-width: 250px
    }

    .mxw-lg-6 {
        max-width: 300px
    }

    .mxw-lg-7 {
        max-width: 350px
    }

    .mxw-lg-8 {
        max-width: 400px
    }

    .mxw-lg-9 {
        max-width: 450px
    }

    .mxw-lg-10 {
        max-width: 500px
    }

    .mxw-lg-11 {
        max-width: 550px
    }

    .mxw-lg-12 {
        max-width: 600px
    }

    .mxw-lg-13 {
        max-width: 650px
    }

    .mxw-lg-14 {
        max-width: 700px
    }

    .mxw-lg-15 {
        max-width: 750px
    }

    .mxw-lg-16 {
        max-width: 800px
    }

    .mxw-lg-17 {
        max-width: 850px
    }

    .mxw-lg-18 {
        max-width: 900px
    }

    .mxw-lg-19 {
        max-width: 950px
    }

    .mxw-lg-20 {
        max-width: 1000px
    }

    .menu_5_wrapper .menu-item-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-content {
        padding-left: 0;
        width: 100%
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-img {
        margin-bottom: 0;
        width: 200px;
        height: 130px
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-img img {
        width: 100%
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 7px
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc {
        margin-bottom: 10px;
        font-size: 14px
    }

    .menu_5_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price {
        color: var(--mainColor);
        font-size: 17px;
        font-weight: 600
    }

    .menu_1_wrapper figure,
    .menu_6_wrapper figure {
        margin-right: 1.5rem
    }

    .menu_8_wrapper .bk-menu {
        padding-right: 1.5rem
    }
}

.review svg {
    width: 50px !important;
    height: auto !important
}

.modal .btn {
    padding: 6px 10px !important;
    margin-bottom: 0;
    height: 37px
}

#restaurant-website-edit .modal button.btn.timing-btn,
.btn-group-delete.btn,
.modal button.btn.timing-btn {
    padding: 0 3px !important;
    margin-top: 0;
    margin-bottom: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%
}

button.btn.timing-btn {
    margin: 0 0 0 12px
}

#restaurant-website-edit .modal button.btn.timing-btn,
.modal button.btn.timing-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.day-section,
.item-header {
    justify-content: space-between
}

.btn-group-delete.btn {
    position: relative;
    top: 8px
}

.dt-item-bk {
    margin-right: 12px;
    width: 32%
}

.dt-btn-bk {
    width: 4%
}

.dt-item-bk label {
    margin-bottom: 7px !important;
    display: block !important
}

.dt-day-bk {
    margin-bottom: 1.5rem;
    position: relative
}

.dt-day-bk p {
    margin-bottom: 13px;
    font-weight: 500;
    font-size: 17px;
    background: #f1f1f1;
    padding-left: 13px
}

.day-section {
    display: flex;
    align-items: center;
    background: #f1f1f1;
    padding: 4px 16px;
    margin-bottom: 16px
}

.day-name-bk {
    font-size: 18px;
    font-weight: 500
}

a.btn-group-add-timing-multi {
    width: 22px;
    height: 22px;
    background: #858484;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:400px) {
    .input-group-with-button {
        flex-direction: column;
        margin-bottom: 0
    }

    .dt-day-bk {
        background: #f1f1f1;
        margin-bottom: 1.5rem;
        padding: 0
    }

    .schedule-bk {
        margin-bottom: 0;
        padding: 0;
        flex-direction: column
    }

    .btn-group-delete {
        position: absolute !important;
        right: -5px;
        top: -6 !important
    }

    .dt-item-bk {
        margin-right: 12px;
        padding: 0 10px;
        width: 100%;
        margin-bottom: 1rem
    }

    .day-section {
        background: #6b6969;
        color: #fff
    }

    .dt-btn-bk:last-child {
        margin-bottom: 0 !important
    }

    .dt-item-bk:first-child {
        padding-top: 16px
    }

    a.btn-group-add-timing-multi {
        background: #fff
    }

    #restaurant-website-edit .day-section i.fas.fa-plus {
        color: #000 !important
    }

    .dt-btn-bk {
        width: auto
    }

    .frame-modal .modal-body label.opacity-0 {
        display: none !important
    }

    .frame-modal .modal-body .btn {
        margin: 0
    }
}

.location-btn a,
.location-design-1 .location-wrapper ul.button-block a:hover,
.location-design-2 .location-wrapper ul.button-block a:hover {
    background: var(--mainBgColor)
}

.input-group-with-button,
section.faq-section>div>h2 {
    margin-bottom: 1.5rem
}

.opacity-0 {
    opacity: 0
}

.dropzone-cropper-bk {
    z-index: 1049
}

.modal-backdrop {
    z-index: 1048
}

body.modal-open {
    overflow: hidden
}

.dropzone-cropper-bk .title-bk {
    width: 120px;
    height: 100px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: .5rem;
    font-weight: 500 !important;
    flex-direction: column
}

.dropzone-cropper-bk .title-bk svg {
    height: 43px;
    width: auto
}

.title-bk img {
    width: 40px
}

.desc-bk {
    font-size: 13px;
    line-height: 18px;
    color: gray;
    width: 150px
}

.upload-box {
    display: flex;
    justify-content: center
}

.frame-modal-btn,
.sub-modal .btn,
button#crop_logo {
    margin: initial initial initial 8px;
    border-radius: 6px;
    padding: 2px 15px !important;
    color: #fff;
    font-weight: 500;
    background-color: #343a40 !important;
    border-color: #343a40 !important
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1
}

.modal-footer .btn-close {
    background: #000;
    width: auto;
    height: auto;
    opacity: 1;
    padding: 2px 15px !important;
    border: revert
}

#uploadmodal .dropzone.dropzone-previews {
    padding: 0;
    border: none
}

#cropmodal .modal-content,
#uploadmodal .modal-content,
#uploadmodal .upload-wraper .image-editor .img-box .img-container a img {
    border: none
}

#cropmodal .dropzone.dropzone-previews {
    background: #fff;
    padding: 0;
    border: #ffdead;
    border-radius: 4px;
    min-height: 240px
}

.accordion-button:focus {
    z-index: 3;
    border-color: #fff0;
    outline: 0;
    box-shadow: none
}

#bannereditmodal .upload-box {
    display: flex;
    justify-content: flex-start
}

#bannereditmodal .upload-box>div {
    padding-top: 0;
    margin-right: 40px
}

#bannereditmodal .accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f1f1f1;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / .125)
}

#bannereditmodal .accordion-button,
.bk-search-icon i,
.menu_17_wrapper .menu-title-description-z {
    font-size: 16px
}

#toast-container>.toast-error,
#toast-container>.toast-success {
    padding: 10px 20px 10px 1rem !important;
    font-weight: 700 !important;
    font-size: 14px !important
}

#toast-container>.toast-error {
    background: 3%/16px no-repeat #e73305 !important
}

#toast-container>.toast-success {
    background: 3%/16px no-repeat #28a746 !important
}

.toast-message {
    color: #fff !important;
    padding-left: 1rem !important
}

.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
    margin: 0 !important;
    padding: 0 !important
}

div#promo_text label {
    margin: 12px 0 8px
}

.menu-title-description-z {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #9b9b9b !important;
    margin-top: 3px
}

.location-name {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 21px;
    margin-bottom: 1rem
}

button#offerclose {
    box-shadow: none;
    border: 1px solid #000;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    background: #fff;
    float: right
}

.menu_15_wrapper {
    padding: 6rem 0;
    background: #fdeddd;
    color: #000
}

body .menu_15_wrapper,
body .menu_15_wrapper a,
body .menu_15_wrapper h1,
body .menu_15_wrapper h2,
body .menu_15_wrapper h3,
body .menu_15_wrapper h4,
body .menu_15_wrapper h5,
body .menu_15_wrapper h6,
body .menu_15_wrapper li,
body .menu_15_wrapper p {
    font-family: "Playwrite GB S", cursive !important
}

.menu_15_wrapper .section-title .title-bk {
    font-size: 25px;
    display: inline-block;
    padding: 7px 32px;
    background: #fff;
    border: 2px dashed #000;
    margin-bottom: 8px;
    font-weight: 500 !important;
    font-family: "Playwrite GB S", cursive !important
}

.menu_15_wrapper a.readmore-bk,
.menu_17_wrapper a.readmore-bk {
    text-decoration: dashed !important;
    font-weight: 500;
    font-size: 13px
}

.menu_15_wrapper .menu-item-5 {
    position: relative;
    border-radius: 50%;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 10px 1.5rem;
    flex-direction: column;
    border: 3px dashed #ffffffe3;
    width: 295px;
    height: 293px
}

.menu_15_wrapper .menu-item-5 .no-image .rate-bk {
    left: auto;
    transform: translateX(50%);
    top: auto;
    right: 50%;
    bottom: -2px
}

.menu_15_wrapper .menu-item-5 .menu__item_5-img img,
.menu_17_wrapper .menu-item .menu__item-img img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.menu_15_wrapper .menu-item-5 .menu__item_5-content,
.menu_17_wrapper .menu-item .menu__item-content {
    width: 75%
}

.menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
    font-family: "Playwrite GB S", cursive !important;
    word-wrap: break-word;
    word-break: break-all;
    padding: 8px 20px;
    line-height: 25px
}

.menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price,
.menu_17_wrapper .menu-item .menu__item-content .menu__item-price {
    color: var(--mainColor);
    margin-left: auto;
    background: #f1f1f1;
    width: 100px;
    padding: 10px;
    display: block;
    text-align: center
}

.menu_15_wrapper .section-title {
    color: #000;
    padding: 8px;
    margin-bottom: 2.5rem;
    text-align: center
}

.menu_15_wrapper .menu__item_5-img figure,
.menu_17_wrapper .menu__item-img figure {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 3px solid #f1f1f1;
    transform: rotate(13deg)
}

.menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-desc,
.menu_17_wrapper .menu-item .menu__item-content .menu__item-desc {
    border-bottom: none;
    margin-bottom: 0;
    font-size: 14px;
    padding-bottom: 0
}

.menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-price,
.menu_17_wrapper .menu-item .menu__item-content .menu__item-price {
    color: var(--mainColor);
    font-size: 17px;
    font-weight: 600
}

.menu_15_wrapper .modal-content:before {
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 97%;
    height: 97%;
    content: "";
    background: 0 0;
    transform: translate(-50%, -50%);
    border: 1px dashed #fff
}

@media only screen and (max-width:991px) {

    .menu_15_wrapper .section-title .title-bk,
    .menu_5_wrapper .section-title .title-bk {
        font-size: 24px
    }
}

.edit-block .edit-actions.edit-label-btn .btn,
.edit-block .edit-image-actions.edit-label-btn .btn,
.edit-image-block .edit-actions.edit-label-btn .btn,
.edit-image-block .edit-image-actions.edit-label-btn .btn {
    display: inline-flex;
    height: auto;
    line-height: 1;
    box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
    min-width: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    font-size: 10px;
    overflow: hidden;
    color: #fff !important
}

.menu_15_wrapper .menu-item-5:nth-child(5n+1),
.menu_15_wrapper .menu-item-5:nth-child(5n+1) .btn-close {
    background-color: #fed8b3
}

.menu_15_wrapper .menu-item-5:nth-child(5n+2) {
    background-color: #dcbad3;
    width: 310px;
    height: 310px
}

.menu_15_wrapper .menu-item-5:nth-child(5n+3) {
    background-color: #d8dd9d;
    width: 270px;
    height: 270px
}

.menu_15_wrapper .menu-item-5:nth-child(5n+4) {
    background-color: #bddcf0;
    color: #000;
    width: 290px;
    height: 290px
}

.menu_15_wrapper .menu-item-5:nth-child(5n+5),
.menu_15_wrapper .menu-item-5:nth-child(5n+5) .btn-close {
    background-color: #f8e773
}

.menu_15_wrapper .menu-item-5:nth-child(5n+2) figure {
    transform: rotate(-10deg)
}

.menu_15_wrapper .menu-item-5:nth-child(5n+3) figure {
    transform: rotate(40deg)
}

.menu_15_wrapper .menu-item-5:nth-child(5n+4) figure {
    transform: rotate(-35deg);
    transform-origin: center
}

.menu_15_wrapper .menu-item-5:nth-child(5n+1) .no-image .image-card {
    transform: rotate(-75deg);
    transform-origin: center
}

.menu_15_wrapper .menu-item-5:nth-child(5n+2) .no-image .image-card {
    transform: rotate(-10deg);
    transform-origin: center
}

.menu_15_wrapper .menu-item-5:nth-child(5n+3) .no-image .image-card {
    transform-origin: center;
    transform: rotate(25deg);
    transform-origin: center
}

.menu_15_wrapper .menu-item-5:nth-child(5n+1) .modal-content {
    background: #fed8b3
}

.menu_15_wrapper .menu-item-5:nth-child(5n+2) .modal-content {
    background: #dcbad3
}

.menu_15_wrapper .menu-item-5:nth-child(5n+3) .modal-content {
    background: #d8dd9d
}

.menu_15_wrapper .menu-item-5:nth-child(5n+4) .modal-content {
    background: #bddcf0
}

.menu_15_wrapper .menu-item-5:nth-child(5n+5) .modal-content {
    background: #f8e773
}

.menu_15_wrapper .menu-item-5:nth-child(5n+2) .btn-close {
    background-color: #dcbad3
}

.menu_15_wrapper .menu-item-5:nth-child(5n+3) .btn-close {
    background-color: #d8dd9d
}

.menu_15_wrapper .menu-item-5:nth-child(5n+4) .btn-close {
    background-color: #bddcf0
}

body .menu_15_wrapper .menu-item-5 .rate-bk {
    width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    border: 1px dashed #000;
    padding: 20px;
    position: absolute;
    right: -62px;
    z-index: 9;
    top: -10px;
    filter: drop-shadow(3px 1px 2px rgb(0 0 0 / .2));
    font-family: Caveat, cursive;
    font-weight: 600
}

.menu_15_wrapper .no-image .image-card,
.menu_17_wrapper .no-image .image-card {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 3px solid #f1f1f1;
    transform: rotate(13deg);
    margin-bottom: 16px
}

.menu_15_wrapper .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 400px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 50%;
    outline: 0;
    height: 400px;
    margin: auto
}

.menu_15_wrapper .modal-title,
.menu_17_wrapper .modal-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 1rem
}

.menu_15_wrapper .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 24px;
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}

.menu_15_wrapper .btn-close {
    background-color: #fff;
    border-radius: 50%;
    padding: 7px;
    position: absolute;
    right: 0;
    opacity: 1;
    z-index: 99;
    border: 1px dashed #fff
}

.menu_15_wrapper .menu-sub-category-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center
}

.menu_16_wrapper .menu-items-box {
    display: flex;
    flex-wrap: wrap
}

.menu_16_wrapper .menu-right-bk {
    width: 50%;
    padding-left: 2.5%
}

.menu_16_wrapper h2.title-bk {
    font-size: 33px;
    line-height: 43px;
    margin-bottom: 8px
}

.menu_16_wrapper {
    padding: 4rem 0;
    background: #000
}

.rate-bk {
    font-size: 26px;
    font-weight: 600
}

.left-food-image,
.menu_16_wrapper .left-food-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    z-index: 0;
    height: 100%;
    border-right: 2px solid #fff
}

.menu_16_wrapper.category-on .left-food-image {
    border-right: none
}

.menu_16_wrapper .bk-inner-banner .btn {
    background: #fff
}

.menu_16_wrapper .section-title {
    font-size: 35px;
    font-weight: 600;
    position: relative;
    z-index: 99;
    background: #000000c2;
    padding: 10px 20px;
    width: 49%
}

.menu_16_wrapper .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem
}

.menu_16_wrapper .left-food-image img {
    opacity: .3
}

.menu-left-bk img {
    opacity: 1 !important
}

.menu_16_wrapper h4.menu__item_16-title {
    margin-bottom: 0;
    word-break: break-all;
    line-height: 28px;
    padding-right: 1rem
}

#sortable_promo_image .btn-close {
    background: #000 !important;
    width: auto;
    padding: 10px 16px;
    height: auto;
    margin-bottom: 1rem;
    border: none;
    border-radius: 5px;
    box-shadow: none
}

button#edit-event-email,
button#event_submit_btn {
    width: 32px;
    align-items: center;
    border-radius: 50%;
    display: flex;
    padding: 0;
    height: 32px
}

.banner-avatar {
    height: 100vh;
    width: 100%;
    background: var(--mainColor);
    position: absolute;
    top: 0;
    left: 0
}

.note-dropdown-menu.note-check.dropdown-fontsize {
    height: 140px !important;
    overflow-y: scroll !important
}

a.note-dropdown-item,
a.note-dropdown-item:hover {
    margin: 3px 0 !important;
    line-height: 16px !important
}

div#tst-dynamic-content figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

button#edit-event-email {
    margin-right: 4px;
    justify-content: center
}

button#event_submit_btn,
ul.social__icons.social__icons-white.d-flex.bk-social {
    justify-content: center
}

input#event_booking_email {
    margin-right: 10px
}

.bye-section form#restaurant-website-edit {
    padding: 0;
    border: none;
    background: 0 0
}

li.tst-active span {
    font-size: 12px !important
}

.modal-title span {
    font-size: 18px !important
}

.bye-section.new-designs h3 {
    font-size: 34px;
    margin-bottom: 2.5rem;
    font-weight: 500
}

.bye-section.new-designs .form-control {
    margin-bottom: 16px
}

.bye-section.new-designs figure {
    border-radius: 20px;
    overflow: hidden
}

.faq-section .accordion-item {
    background-color: #fff;
    border: none;
    margin-bottom: 1rem
}

.faq-section .accordion-button {
    color: #000;
    background-color: #f1f1f1;
    border-bottom: none;
    font-size: 18px
}

.faq-section .accordion-header {
    border-bottom: none;
    line-height: 2rem;
    margin-bottom: 0
}

.faq-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.faq-section .edit-block {
    display: block;
    width: 100%
}

.faq-section.edit-image-block .edit-image-actions {
    bottom: 50%;
    transform: translateY(50%)
}

.text-bk {
    max-width: 90%
}

.toast {
    background-repeat: no-repeat
}

.toast-error {
    background: no-repeat red
}

.faq-section .custom-tooltip .tooltip-text {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #f1f1f1;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
    width: 100%;
    opacity: 0
}

.faq-section .custom-tooltip:hover .tooltip-text {
    visibility: visible
}

#bannereditmodal .form-switch {
    padding-left: 0;
    display: flex;
    align-items: center
}

#bannereditmodal .form-check-input[type="radio"] {
    margin-top: 0 !important;
    margin: 0 9px 0 0
}

#bannereditmodal .modal-body label {
    line-height: 14px
}

.event-footer {
    background: var(--mainColor);
    border-radius: 0 0 0 10px;
    padding: 12px 20px;
    color: #fff
}

.events-section figure.bk-image.mgb-0 {
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    background: #fff
}

.events-section .date-bk {
    position: absolute;
    background: #f50158;
    padding: 5px 10px;
    border-radius: 15px 0 5px;
    z-index: 99;
    top: 0;
    font-weight: 600;
    font-size: 13px;
    left: 0
}

.latest-bk .bk-image {
    position: relative;
    padding-bottom: 70%;
    border-radius: 10px 0 0;
    overflow: hidden
}

.bk-event-item {
    position: relative;
    display: block !important
}

.bk-event-item:before {
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: 1px;
    content: "";
    background: #80808054
}

.bk-event-item .content-bk {
    background: #f1f1f1;
    padding: 26px 32px;
    border-radius: 0 5px 5px 0;
    z-index: 1;
    position: relative;
    margin-left: 0;
    border-right: 4px solid var(--mainColor);
    height: 100%
}

.bk-event-item .content-bk .title-bk {
    font-size: 24px;
    font-weight: 600 !important
}

.bk-event-item .description {
    line-height: 23px;
    word-break: break-all;
}

.events-section .left-bk {
    filter: drop-shadow(0 0 4px gray);
    z-index: 2;
    position: relative
}

.events-section .title-bk {
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.7rem
}

.edit-image-block .edit-actions,
.edit-image-block .edit-image-actions {
    display: flex;
    flex-direction: column;
    align-items: center
}

.edit-image-block .edit-actions.edit-label-btn .btn,
.edit-image-block .edit-image-actions.edit-label-btn .btn {
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0;
    border-radius: 16px;
    background-color: #343a4066 !important;
    border: 1px solid #fff !important
}

.edit-image-block .edit-actions.edit-label-btn .btn i,
.edit-image-block .edit-image-actions.edit-label-btn .btn i {
    background: #fff;
    font-size: 11px;
    max-height: inherit;
    margin: 0 3px 0 0 !important;
    padding: 4px;
    color: #000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid #343a4066
}

.edit-block .edit-actions.edit-label-btn .edit-btn-label,
.edit-block .edit-image-actions.edit-label-btn .edit-btn-label,
.edit-image-block .edit-actions.edit-label-btn .edit-btn-label,
.edit-image-block .edit-image-actions.edit-label-btn .edit-btn-label {
    padding-right: 7px
}

.edit-block .edit-actions.edit-label-btn .btn,
.edit-block .edit-image-actions.edit-label-btn .btn {
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0;
    border-radius: 16px;
    background-color: #343a404f !important;
    border: 1px solid #fff !important
}

.edit-block .edit-actions.edit-label-btn .btn i,
.edit-block .edit-image-actions.edit-label-btn .btn i {
    background: 0 0;
    font-size: 11px;
    max-height: inherit;
    margin: 0 1px 0 0 !important;
    padding: 5px 0 5px 5px;
    color: #fff;
    border: none
}

.content p,
div#offerModal,
div#offerModal p {
    word-break: break-all
}

.table-wrapper {
    overflow-x: scroll;
    word-break: break-all
}

.modal-body .table-wrapper {
    overflow-x: scroll;
    width: auto
}

.upload-box>div {
    padding: 20px
}

.addpopupmodal-style .upload-box {
    display: flex;
    justify-content: flex-start;
    display: flex;
    justify-content: flex-start;
    background: #f5f5f5
}

.addpopupmodal-style label {
    color: #999;
    font-size: 14px;
    margin: 0;
    font-family: "Nunito Sans", sans-serif !important;
    line-height: 1.5;
    margin-bottom: 8px !important
}

.addpopupmodal-style .dz-default.dz-message {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    background: gray
}

.addpopupmodal-style .dropzone-previews,
.addpopupmodal-style .dz-default.dz-message .dropzone-box {
    padding: 8px
}

.addpopupmodal-style .dropzone.dropzone-previews {
    background: #fff;
    padding: 0;
    border: none;
    border-radius: 4px;
    min-height: auto
}

.addpopupmodal-style .btn:active,
.addpopupmodal-style .btn:focus,
.addpopupmodal-style .btn:hover {
    box-shadow: none;
    background-color: #fff;
    color: #fff;
    border-color: #fff
}

.menu_16_wrapper .menu-category-name {
    border: none;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.menu_16_wrapper .menu-category-parent-box {
    padding: 32px;
    margin-bottom: 3rem;
    border: 1px solid #fff;
    position: relative
}

.menu_16_wrapper .menu-category-parent-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: linear-gradient(#000 50%, #ffff0000)
}

.menu_16_wrapper .menu-left-bk .edit-image-block {
    width: 80%
}

.menu_16_wrapper .menu-left-bk img {
    object-fit: cover;
    width: 100%;
    height: 370px;
    position: relative;
    object-fit: cover;
    border-bottom: 2px solid #fff
}

.edit-image-block .edit-image-actions.menu_16_edit_icon {
    right: auto;
    bottom: auto;
    top: 20px;
    left: 20px
}

.menu_17_wrapper {
    padding: 6rem 0;
    color: #000
}

body .menu_17_wrapper,
body .menu_17_wrapper a,
body .menu_17_wrapper h1,
body .menu_17_wrapper h2,
body .menu_17_wrapper h3,
body .menu_17_wrapper h4,
body .menu_17_wrapper h5,
body .menu_17_wrapper h6,
body .menu_17_wrapper li,
body .menu_17_wrapper p {
    font-family: Schoolbell, cursive !important
}

.menu_17_wrapper .section-title .title-bk {
    font-size: 49px;
    display: inline-block;
    padding: 7px 32px;
    color: #000 !important;
    margin-bottom: 8px;
    font-weight: 500 !important
}

.menu_17_wrapper .menu-item {
    margin-bottom: 1rem;
    position: relative
}

.menu_17_wrapper .menu-item .menu__item-content .menu__item-title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
    font-family: "Playwrite GB S", cursive !important
}

.menu_17_wrapper .section-title {
    color: #000;
    padding: 8px;
    margin-bottom: 2rem;
    text-align: center
}

.menu_17_wrapper .menu-item .menu__item-img {
    position: relative
}

.menu_17_wrapper .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: .3rem;
    outline: 0
}

.menu_17_wrapper .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    padding: 32x;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 24px;
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}

.menu_17_wrapper .btn-close {
    background-color: #fff;
    border-radius: 50%;
    padding: 7px;
    position: absolute;
    right: 8px;
    top: 8px;
    opacity: 1;
    z-index: 99;
    border: 1px dashed #000
}

.menu_17_wrapper .menu-cat-item-list {
    background: #f1f1f1;
    padding: 20px 32px;
    margin-bottom: 6rem;
    position: relative
}

.menu_17_wrapper .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.menu_17_wrapper h4.menu__item_17-title {
    margin-bottom: 0;
    color: #000 !important;
    font-size: 24px;
    padding: 6px 16px 6px 0;
    z-index: 2
}

.menu_17_wrapper .price-bk {
    position: relative;
    z-index: 2;
    padding: 6px 0 6px 16px
}

.menu_17_wrapper .round-element-1 {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    top: -50px;
    left: 140px
}

.menu_17_wrapper .round-element-2 {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    top: 40px;
    left: 225px
}

.menu_17_wrapper .round-element-3 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    bottom: -27px;
    right: 170px
}

.menu_17_wrapper .round-element-4 {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    top: 14%;
    right: -33px
}

.menu_17_wrapper .menu-cat-item-list .edit-image-block .cat-single-image {
    position: relative;
    left: -23px;
    top: -23px
}

.menu_17_wrapper .menu-subcategory-name {
    border: none;
    margin-bottom: 5rem
}

.menu_17_wrapper .menu-subcategory-name h3 {
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase
}

.color-pallet-bk input {
    padding: 3 !important
}

.color-pallet-bk {
    width: 32px
}

.price-bk {
    font-size: 20px;
    font-weight: 600;
    color: #070808
}

.menu_17_wrapper .cat-single-image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: absolute;
    left: 8px;
    border: 4px solid #fff;
    top: -20px;
    transform: rotate(-7deg);
    transform-origin: center
}

.clip-image img,
.menu_17_wrapper .cat-single-image img {
    height: 100%;
    width: 100%
}

.clip-image {
    position: absolute;
    left: -29px;
    top: 4px;
    width: 65px;
    height: 65px;
    z-index: 9;
    transform: rotate(-39deg)
}

.location-section {
    padding-top: 6rem;
    padding-bottom: 6rem
}

@media (min-width:768px) {
    .menu_7_wrapper .menu-category {
        padding: 32px
    }

    .menu_1_wrapper .category_row {
        position: relative;
        margin-left: -4rem;
        margin-right: -4rem
    }

    .menu_1_wrapper .category_row div[class*="col"] {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .menu_4_wrapper .menu-category {
        padding: 0 32px
    }

    .menu_6_wrapper .bk-menu:last-child,
    .mgb-md--0,
    .mgb-md-0 {
        margin-bottom: 0
    }

    .bk-obj-md-cover,
    .pdb-md--0,
    .pdb-md-0 {
        padding-bottom: 0
    }

    .h2,
    h2 {
        font-size: 2rem;
        line-height: 2.2rem
    }

    .h3,
    .size-md-4,
    h3 {
        font-size: 1.5rem
    }

    .no-gutters .bk-obj-md-cover {
        left: 0;
        right: 0
    }

    .bk-obj-md-cover {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px
    }

    .mgt-md--0,
    .mgt-md-0 {
        margin-top: 0
    }

    .mgl-md--0,
    .mgl-md-0 {
        margin-left: 0
    }

    .mgr-md--0,
    .mgr-md-0 {
        margin-right: 0
    }

    .mgt-md-1 {
        margin-top: 1rem
    }

    .mgb-md-1 {
        margin-bottom: 1rem
    }

    .mgl-md-1 {
        margin-left: 1rem
    }

    .mgr-md-1 {
        margin-right: 1rem
    }

    .mgt-md--1 {
        margin-top: -1rem
    }

    .mgb-md--1 {
        margin-bottom: -1rem
    }

    .mgl-md--1 {
        margin-left: -1rem
    }

    .mgr-md--1 {
        margin-right: -1rem
    }

    .mgt-md-2 {
        margin-top: 2rem
    }

    .mgb-md-2 {
        margin-bottom: 2rem
    }

    .mgl-md-2 {
        margin-left: 2rem
    }

    .mgr-md-2 {
        margin-right: 2rem
    }

    .mgt-md--2 {
        margin-top: -2rem
    }

    .mgb-md--2 {
        margin-bottom: -2rem
    }

    .mgl-md--2 {
        margin-left: -2rem
    }

    .mgr-md--2 {
        margin-right: -2rem
    }

    .mgt-md-3 {
        margin-top: 3rem
    }

    .mgb-md-3 {
        margin-bottom: 3rem
    }

    .mgl-md-3 {
        margin-left: 3rem
    }

    .mgr-md-3 {
        margin-right: 3rem
    }

    .mgt-md--3 {
        margin-top: -3rem
    }

    .mgb-md--3 {
        margin-bottom: -3rem
    }

    .mgl-md--3 {
        margin-left: -3rem
    }

    .mgr-md--3 {
        margin-right: -3rem
    }

    .mgt-md-4 {
        margin-top: 4rem
    }

    .mgb-md-4 {
        margin-bottom: 4rem
    }

    .mgl-md-4 {
        margin-left: 4rem
    }

    .mgr-md-4 {
        margin-right: 4rem
    }

    .mgt-md--4 {
        margin-top: -4rem
    }

    .mgb-md--4 {
        margin-bottom: -4rem
    }

    .mgl-md--4 {
        margin-left: -4rem
    }

    .mgr-md--4 {
        margin-right: -4rem
    }

    .mgt-md-5 {
        margin-top: 5rem
    }

    .mgb-md-5 {
        margin-bottom: 5rem
    }

    .mgl-md-5 {
        margin-left: 5rem
    }

    .mgr-md-5 {
        margin-right: 5rem
    }

    .mgt-md--5 {
        margin-top: -5rem
    }

    .mgb-md--5 {
        margin-bottom: -5rem
    }

    .mgl-md--5 {
        margin-left: -5rem
    }

    .mgr-md--5 {
        margin-right: -5rem
    }

    .mgt-md-6 {
        margin-top: 6rem
    }

    .mgb-md-6 {
        margin-bottom: 6rem
    }

    .mgl-md-6 {
        margin-left: 6rem
    }

    .mgr-md-6 {
        margin-right: 6rem
    }

    .mgt-md--6 {
        margin-top: -6rem
    }

    .mgb-md--6 {
        margin-bottom: -6rem
    }

    .mgl-md--6 {
        margin-left: -6rem
    }

    .mgr-md--6 {
        margin-right: -6rem
    }

    .mgt-md-7 {
        margin-top: 7rem
    }

    .mgb-md-7 {
        margin-bottom: 7rem
    }

    .mgl-md-7 {
        margin-left: 7rem
    }

    .mgr-md-7 {
        margin-right: 7rem
    }

    .mgt-md--7 {
        margin-top: -7rem
    }

    .mgb-md--7 {
        margin-bottom: -7rem
    }

    .mgl-md--7 {
        margin-left: -7rem
    }

    .mgr-md--7 {
        margin-right: -7rem
    }

    .mgt-md-8 {
        margin-top: 8rem
    }

    .mgb-md-8 {
        margin-bottom: 8rem
    }

    .mgl-md-8 {
        margin-left: 8rem
    }

    .mgr-md-8 {
        margin-right: 8rem
    }

    .mgt-md--8 {
        margin-top: -8rem
    }

    .mgb-md--8 {
        margin-bottom: -8rem
    }

    .mgl-md--8 {
        margin-left: -8rem
    }

    .mgr-md--8 {
        margin-right: -8rem
    }

    .mgt-md-9 {
        margin-top: 9rem
    }

    .mgb-md-9 {
        margin-bottom: 9rem
    }

    .mgl-md-9 {
        margin-left: 9rem
    }

    .mgr-md-9 {
        margin-right: 9rem
    }

    .mgt-md--9 {
        margin-top: -9rem
    }

    .mgb-md--9 {
        margin-bottom: -9rem
    }

    .mgl-md--9 {
        margin-left: -9rem
    }

    .mgr-md--9 {
        margin-right: -9rem
    }

    .mgt-md-10 {
        margin-top: 10rem
    }

    .mgb-md-10 {
        margin-bottom: 10rem
    }

    .mgl-md-10 {
        margin-left: 10rem
    }

    .mgr-md-10 {
        margin-right: 10rem
    }

    .mgt-md--10 {
        margin-top: -10rem
    }

    .mgb-md--10 {
        margin-bottom: -10rem
    }

    .mgl-md--10 {
        margin-left: -10rem
    }

    .mgr-md--10 {
        margin-right: -10rem
    }

    .pdt-md--0,
    .pdt-md-0 {
        padding-top: 0
    }

    .pdl-md--0,
    .pdl-md-0 {
        padding-left: 0
    }

    .pdr-md--0,
    .pdr-md-0 {
        padding-right: 0
    }

    .pd-md-0 {
        padding: 0
    }

    .pdt-md-1 {
        padding-top: 1rem
    }

    .pdb-md-1 {
        padding-bottom: 1rem
    }

    .pdl-md-1 {
        padding-left: 1rem
    }

    .pdr-md-1 {
        padding-right: 1rem
    }

    .pd-md-1 {
        padding: 1rem
    }

    .pdt-md-2 {
        padding-top: 2rem
    }

    .pdb-md-2 {
        padding-bottom: 2rem
    }

    .pdl-md-2 {
        padding-left: 2rem
    }

    .pdr-md-2 {
        padding-right: 2rem
    }

    .pd-md-2 {
        padding: 2rem
    }

    .pdt-md-3 {
        padding-top: 3rem
    }

    .pdb-md-3 {
        padding-bottom: 3rem
    }

    .pdl-md-3 {
        padding-left: 3rem
    }

    .pdr-md-3 {
        padding-right: 3rem
    }

    .pd-md-3 {
        padding: 3rem
    }

    .pdt-md-4 {
        padding-top: 4rem
    }

    .pdb-md-4 {
        padding-bottom: 4rem
    }

    .pdl-md-4 {
        padding-left: 4rem
    }

    .pdr-md-4 {
        padding-right: 4rem
    }

    .pd-md-4 {
        padding: 4rem
    }

    .pdt-md-5 {
        padding-top: 5rem
    }

    .pdb-md-5 {
        padding-bottom: 5rem
    }

    .pdl-md-5 {
        padding-left: 5rem
    }

    .pdr-md-5 {
        padding-right: 5rem
    }

    .pd-md-5 {
        padding: 5rem
    }

    .pdt-md-6 {
        padding-top: 6rem
    }

    .pdb-md-6 {
        padding-bottom: 6rem
    }

    .pdl-md-6 {
        padding-left: 6rem
    }

    .pdr-md-6 {
        padding-right: 6rem
    }

    .pd-md-6 {
        padding: 6rem
    }

    .pdt-md-7 {
        padding-top: 7rem
    }

    .pdb-md-7 {
        padding-bottom: 7rem
    }

    .pdl-md-7 {
        padding-left: 7rem
    }

    .pdr-md-7 {
        padding-right: 7rem
    }

    .pd-md-7 {
        padding: 7rem
    }

    .pdt-md-8 {
        padding-top: 8rem
    }

    .pdb-md-8 {
        padding-bottom: 8rem
    }

    .pdl-md-8 {
        padding-left: 8rem
    }

    .pdr-md-8 {
        padding-right: 8rem
    }

    .pd-md-8 {
        padding: 8rem
    }

    .pdt-md-9 {
        padding-top: 9rem
    }

    .pdb-md-9 {
        padding-bottom: 9rem
    }

    .pdl-md-9 {
        padding-left: 9rem
    }

    .pdr-md-9 {
        padding-right: 9rem
    }

    .pd-md-9 {
        padding: 9rem
    }

    .pdt-md-10 {
        padding-top: 10rem
    }

    .pdb-md-10 {
        padding-bottom: 10rem
    }

    .pdl-md-10 {
        padding-left: 10rem
    }

    .pdr-md-10 {
        padding-right: 10rem
    }

    .pd-md-10 {
        padding: 10rem
    }

    .size-md-0 {
        font-size: 1.1rem
    }

    .size-md-1 {
        font-size: 1.2rem
    }

    .size-md-2 {
        font-size: 1.3rem
    }

    .size-md-3 {
        font-size: 1.4rem
    }

    .size-md-5 {
        font-size: 1.6rem
    }

    .size-md-6 {
        font-size: 1.7rem
    }

    .size-md-7 {
        font-size: 1.8rem
    }

    .size-md-8 {
        font-size: 1.9rem
    }

    .size-md-9 {
        font-size: 2rem
    }

    .size-md-10 {
        font-size: 2.1rem
    }

    .gutter-md-0 {
        margin-left: 0;
        margin-right: 0
    }

    .gutter-md-0 div[class*="col"] {
        padding-left: 0;
        padding-right: 0
    }

    .gutter-md-1 {
        margin-left: -1px;
        margin-right: -1px
    }

    .gutter-md-1 div[class*="col"] {
        padding-left: 1px;
        padding-right: 1px
    }

    .gutter-md-2 {
        margin-left: -2px;
        margin-right: -2px
    }

    .gutter-md-2 div[class*="col"] {
        padding-left: 2px;
        padding-right: 2px
    }

    .gutter-md-3 {
        margin-left: -3px;
        margin-right: -3px
    }

    .gutter-md-3 div[class*="col"] {
        padding-left: 3px;
        padding-right: 3px
    }

    .gutter-md-4 {
        margin-left: -4px;
        margin-right: -4px
    }

    .gutter-md-4 div[class*="col"] {
        padding-left: 4px;
        padding-right: 4px
    }

    .gutter-md-5 {
        margin-left: -5px;
        margin-right: -5px
    }

    .gutter-md-5 div[class*="col"] {
        padding-left: 5px;
        padding-right: 5px
    }

    .gutter-md-6 {
        margin-left: -6px;
        margin-right: -6px
    }

    .gutter-md-6 div[class*="col"] {
        padding-left: 6px;
        padding-right: 6px
    }

    .gutter-md-7 {
        margin-left: -7px;
        margin-right: -7px
    }

    .gutter-md-7 div[class*="col"] {
        padding-left: 7px;
        padding-right: 7px
    }

    .gutter-md-8 {
        margin-left: -8px;
        margin-right: -8px
    }

    .gutter-md-8 div[class*="col"] {
        padding-left: 8px;
        padding-right: 8px
    }

    .gutter-md-9 {
        margin-left: -9px;
        margin-right: -9px
    }

    .gutter-md-9 div[class*="col"] {
        padding-left: 9px;
        padding-right: 9px
    }

    .gutter-md-10 {
        margin-left: -10px;
        margin-right: -10px
    }

    .gutter-md-10 div[class*="col"] {
        padding-left: 10px;
        padding-right: 10px
    }

    .gutter-md-11 {
        margin-left: -11px;
        margin-right: -11px
    }

    .gutter-md-11 div[class*="col"] {
        padding-left: 11px;
        padding-right: 11px
    }

    .gutter-md-12 {
        margin-left: -12px;
        margin-right: -12px
    }

    .gutter-md-12 div[class*="col"] {
        padding-left: 12px;
        padding-right: 12px
    }

    .gutter-md-13 {
        margin-left: -13px;
        margin-right: -13px
    }

    .gutter-md-13 div[class*="col"] {
        padding-left: 13px;
        padding-right: 13px
    }

    .gutter-md-14 {
        margin-left: -14px;
        margin-right: -14px
    }

    .gutter-md-14 div[class*="col"] {
        padding-left: 14px;
        padding-right: 14px
    }

    .gutter-md-15 {
        margin-left: -15px;
        margin-right: -15px
    }

    .gutter-md-15 div[class*="col"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .gutter-md-16 {
        margin-left: -16px;
        margin-right: -16px
    }

    .gutter-md-16 div[class*="col"] {
        padding-left: 16px;
        padding-right: 16px
    }

    .gutter-md-17 {
        margin-left: -17px;
        margin-right: -17px
    }

    .gutter-md-17 div[class*="col"] {
        padding-left: 17px;
        padding-right: 17px
    }

    .gutter-md-18 {
        margin-left: -18px;
        margin-right: -18px
    }

    .gutter-md-18 div[class*="col"] {
        padding-left: 18px;
        padding-right: 18px
    }

    .gutter-md-19 {
        margin-left: -19px;
        margin-right: -19px
    }

    .gutter-md-19 div[class*="col"] {
        padding-left: 19px;
        padding-right: 19px
    }

    .gutter-md-20 {
        margin-left: -20px;
        margin-right: -20px
    }

    .gutter-md-20 div[class*="col"] {
        padding-left: 20px;
        padding-right: 20px
    }

    .gutter-md-21 {
        margin-left: -21px;
        margin-right: -21px
    }

    .gutter-md-21 div[class*="col"] {
        padding-left: 21px;
        padding-right: 21px
    }

    .gutter-md-22 {
        margin-left: -22px;
        margin-right: -22px
    }

    .gutter-md-22 div[class*="col"] {
        padding-left: 22px;
        padding-right: 22px
    }

    .gutter-md-23 {
        margin-left: -23px;
        margin-right: -23px
    }

    .gutter-md-23 div[class*="col"] {
        padding-left: 23px;
        padding-right: 23px
    }

    .gutter-md-24 {
        margin-left: -24px;
        margin-right: -24px
    }

    .gutter-md-24 div[class*="col"] {
        padding-left: 24px;
        padding-right: 24px
    }

    .gutter-md-25 {
        margin-left: -25px;
        margin-right: -25px
    }

    .gutter-md-25 div[class*="col"] {
        padding-left: 25px;
        padding-right: 25px
    }

    .gutter-md-26 {
        margin-left: -26px;
        margin-right: -26px
    }

    .gutter-md-26 div[class*="col"] {
        padding-left: 26px;
        padding-right: 26px
    }

    .gutter-md-27 {
        margin-left: -27px;
        margin-right: -27px
    }

    .gutter-md-27 div[class*="col"] {
        padding-left: 27px;
        padding-right: 27px
    }

    .gutter-md-28 {
        margin-left: -28px;
        margin-right: -28px
    }

    .gutter-md-28 div[class*="col"] {
        padding-left: 28px;
        padding-right: 28px
    }

    .gutter-md-29 {
        margin-left: -29px;
        margin-right: -29px
    }

    .gutter-md-29 div[class*="col"] {
        padding-left: 29px;
        padding-right: 29px
    }

    .gutter-md-30 {
        margin-left: -30px;
        margin-right: -30px
    }

    .gutter-md-30 div[class*="col"] {
        padding-left: 30px;
        padding-right: 30px
    }

    .mxw-md-0 {
        max-width: 0
    }

    .mxw-md-1 {
        max-width: 50px
    }

    .mxw-md-2 {
        max-width: 100px
    }

    .mxw-md-3 {
        max-width: 150px
    }

    .mxw-md-4 {
        max-width: 200px
    }

    .mxw-md-5 {
        max-width: 250px
    }

    .mxw-md-6 {
        max-width: 300px
    }

    .mxw-md-7 {
        max-width: 350px
    }

    .mxw-md-8 {
        max-width: 400px
    }

    .mxw-md-9 {
        max-width: 450px
    }

    .mxw-md-10 {
        max-width: 500px
    }

    .mxw-md-11 {
        max-width: 550px
    }

    .mxw-md-12 {
        max-width: 600px
    }

    .mxw-md-13 {
        max-width: 650px
    }

    .mxw-md-14 {
        max-width: 700px
    }

    .mxw-md-15 {
        max-width: 750px
    }

    .mxw-md-16 {
        max-width: 800px
    }

    .mxw-md-17 {
        max-width: 850px
    }

    .mxw-md-18 {
        max-width: 900px
    }

    .mxw-md-19 {
        max-width: 950px
    }

    .mxw-md-20 {
        max-width: 1000px
    }

    .bk-mail {
        padding: 0 2.4rem 0 1.2rem
    }

    .location-section .container-fluid {
        padding: 0 5%
    }
}

.location-section.design1 ul.contact-bk {
    list-style: none;
    padding: 31px 16px;
    margin-bottom: 0;
    flex-direction: column;
    justify-content: center;
    background: #ffffffe3;
    border: 1px solid #bbb9b9;
    display: inline-block;
    width: 100%
}

.location-section.design1 .address-bk:hover .title-bk,
.location-section.design1 a.btn.btn-bk:hover {
    background: var(--mainColor);
    color: #fff
}

.location-section.design1 a.btn.btn-bk {
    position: relative !important;
    left: 0 !important;
    bottom: -20px !important;
    transform: none !important;
    top: 1rem !important;
    font-size: 16px;
    background: var(--mainColor);
    padding: 10px 21px;
    box-shadow: 0 0 13px 1px rgb(0 0 0 / .1);
    border-radius: 25px;
    transition: 0.3s;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem
}

.location-section.design1 ul.nav-bk li a {
    position: relative;
    display: inline-block;
    border: 1px solid var(--mainColor);
    border-radius: 16px;
    text-align: center
}

.location-section.design1 ul.nav-bk li a:hover {
    background: var(--mainColor);
    color: #fff !important
}

.location-section.design1 .address-bk ul.contact-bk,
.location-section.design1 ul.contact-bk {
    border: none !important
}

.location-section.design1 .address-bk .title-bk {
    font-weight: 400;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 0 13px 1px rgb(0 0 0 / .1);
    transition: 0.3s;
    min-width: 200px;
    text-align: center;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: initial !important;
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 14px 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: 80px !important;
    border-bottom: 1px solid #000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    word-break: break-all
}

.location-section.design1 li.nav-bk-li {
    background: #f1f1f1;
    border-radius: 23px;
    display: inline-block;
    padding: 5px 25px
}

.location-section .mgb-2 {
    margin-bottom: 1rem !important
}

.location-item iframe.one {
    position: absolute;
    width: 100%;
    z-index: -1;
    bottom: 0;
    height: 100%
}

.location-wrapper.abc {
    background: #fff !important;
    padding: 2rem !important;
    height: auto !important;
    margin-left: auto !important
}

.design3 .location-item-bk .row {
    margin-bottom: 2rem;
    border: 1px solid #e1e1e1
}

.design3 .location-data .btn {
    background: #000;
    color: #fff;
    padding: 10px 16px
}

.location-design-1.four a,
.location-design-1.four figure,
.location-design-1.four iframe {
    border-radius: 0 !important
}

.location-design-1.four .location-data ul {
    padding: 0;
    margin: 0;
    border-right: none;
    width: 100%
}

.location-design-1.four .location-wrapper {
    justify-content: center;
    justify-content: center;
    padding-left: 2rem;
    padding-right: 2rem
}

.location-design-1 .location-item figure {
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 16px;
    overflow: hidden;
    min-height: 350px
}

h1.location-title {
    margin-bottom: 2rem;
    word-break: break-all
}

.location-design-1 .location-wrapper .location-name {
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    font-weight: 500;
    border-radius: 0;
    font-size: 1.5rem;
    line-height: 1.7rem
}

.location-design-1 .location-wrapper .location-data li,
.location-design-2 .location-wrapper .location-data li {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start
}

.location-design-1 .location-wrapper .location-data {
    padding: 2rem 0 2rem 1rem;
    display: flex;
    align-items: center
}

.location-design-1 .location-wrapper ul.button-block,
.location-design-2 .location-wrapper ul.button-block {
    padding: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    list-style: none
}

.location-design-1 .location-wrapper ul.button-block li,
.location-design-2 .location-wrapper ul.button-block li {
    width: 100%;
    text-align: center;
    margin: 0 10px
}

.location-design-1 .location-wrapper ul.button-block a {
    display: block;
    width: 100%;
    background: #f1f1f1;
    padding: 10px;
    transition: 0.3s;
    border-radius: 8px
}

.location-design-1 .location-data ul {
    padding: 0;
    width: 70%;
    margin: 0;
    padding-right: 30px !important
}

.location-design-1 .location-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.location-design-1 .location-wrapper span.icon-bk,
.location-design-2 .location-wrapper span.icon-bk {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #f1f1f1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    top: 3px;
    position: relative;
    border-radius: 6px
}

@media (max-width:1199px) {
    .arrow-center .owl-nav .owl-prev {
        left: 0
    }

    .arrow-center .owl-nav .owl-next {
        right: 0
    }

    iframe#player {
        width: 250%;
        height: 200%
    }

    .location-design-1 .location-wrapper .location-data {
        padding: 2rem 1rem;
        display: flex;
        align-items: flex-start
    }

    .location-design-1 .location-data .btn {
        margin: 0;
        border-radius: 16px !important
    }

    .location-design-1 .location-data ul {
        border-right: 0;
        width: 100%
    }

    .location-design-1 .location-item figure {
        margin-bottom: 1.5rem
    }

    .location-design-1 .location-data span {
        width: 100%;
        text-align: left
    }

    .location-design-1 .location-wrapper .location-data ul {
        padding-right: 0 !important
    }
}

@media (max-width:991px) {

    .menu_6_wrapper figure,
    .menu_7_wrapper figure {
        max-width: 100%;
        min-width: 88px;
        position: relative;
        width: 100%;
        margin-bottom: 1rem
    }

    iframe#player {
        width: 300%;
        height: 200%
    }

    .menu_16_wrapper .menu-items-box,
    .menu_6_wrapper .bk-menu,
    .menu_7_wrapper .bk-menu,
    .tags-bk {
        flex-direction: column
    }

    .menu_7_wrapper figure {
        margin-right: 0;
        padding-bottom: 18%;
        min-height: 200px
    }

    .menu_1_wrapper .category_row:before {
        display: none
    }

    .menu_1_wrapper figure {
        margin-bottom: 1rem;
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .menu_1_wrapper figure img {
        position: static;
        width: 100%;
        height: auto
    }

    .menu_6_wrapper figure {
        padding-bottom: 80%
    }

    .menu_6_wrapper .menu-category {
        padding: 3rem 15px 0
    }

    .menu_15_wrapper .menu-item-5 {
        border-bottom: 1px dashed #ffffff36
    }

    .menu_15_wrapper .menu-item-5 .menu__item_5-img {
        padding-right: 0
    }

    .menu_15_wrapper .menu-item-5 .menu__item_5-content {
        width: 100%;
        text-align: center
    }

    .menu_15_wrapper .menu-item-5 .menu__item_5-content .menu__item_5-title {
        display: inline-block
    }

    .menu_16_wrapper .menu-left-bk,
    .menu_16_wrapper .menu-right-bk,
    .menu_16_wrapper .section-title {
        width: 100%
    }

    .menu_16_wrapper .left-food-image {
        width: 100%;
        border-right: none
    }

    .form-image-div,
    div#div_capt {
        margin-bottom: 1rem
    }

    input#captcha_default6_privateeventPage {
        width: 60%
    }

    .location-design-1 .location-data .btn {
        border-radius: 16px !important;
        width: 160px
    }

    .location-design-1 .location-wrapper .location-data {
        align-items: center
    }

    .location-item .row {
        display: flex;
        margin-bottom: 2rem
    }
}

@media (max-width:767px) {
    .bk-event-item {
        margin-bottom: 2.5rem !important
    }

    .bk-event-item:last-child {
        margin-bottom: 0 !important
    }

    .bk-event-item .left-bk {
        border-radius: 25px 25px 0 0
    }

    .bk-event-item .content-bk {
        margin-left: 0;
        padding-left: 32px;
        border-right: none;
        border-radius: 0 0 25px 25px
    }

    .event-footer {
        border-radius: 0
    }

    .bk-event-item:before {
        display: none
    }

    .location-design-1 .location-item figure {
        height: auto;
        padding-bottom: 60%
    }

    .location-design-1 .location-wrapper .location-data {
        flex-direction: column
    }

    .tst-content-frame {
        margin-left: 0;
        margin-right: 0;
        padding: 50px 5%
    }

    .location-design-1 .location-wrapper ul.button-block {
        flex-wrap: wrap
    }

    .location-design-1 .location-wrapper ul.button-block li {
        margin-bottom: 1rem
    }
}

.location-design-1 .sep-line {
    height: 1px;
    width: 100%;
    background: #e1e1e1;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.location-design-2 .location-item figure {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 0;
    min-height: 350px;
    margin-bottom: 0;
    border: 1px solid #e1e1e1
}

.location-design-2 figure {
    margin: 0
}

.location-design-2 h4.sm-title {
    background: #f1f1f1;
    padding: 10px 25px
}

.location-design-2 .location-item .col-md-6 {
    z-index: 0
}

.location-design-2 .location-wrapper .location-name {
    padding: 1rem;
    text-align: center;
    background: #f1f1f1;
    font-weight: 500;
    border-radius: 16px;
    font-size: 1.5rem;
    line-height: 1.7rem
}

.location-design-2 .location-wrapper ul.button-block a {
    display: block;
    width: 100%;
    background: #f1f1f1;
    padding: 10px;
    transition: 0.3s;
    border-radius: 0
}

.location-design-2 .location-data ul {
    padding: 0;
    width: 70%;
    margin: 0;
    padding-right: 0 !important
}

.location-btn {
    width: 50% !important;
    text-align: center !important
}

.location-btn a {
    border: 1px solid var(--mainBgColor);
    padding: 13px 16px;
    min-width: 8rem;
    margin: auto;
    text-align: center;
    border-radius: 8px;
    font-size: 13px;
    color: #fff;
    font-weight: 500
}

.location-design-2 .location-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem
}

.footer-left,
.location-design-2 .location-data span {
    text-align: left
}

.location-design-2 .location-name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: auto;
    padding: 10px 25px;
    text-align: left;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    transition: 0.3s
}

.location-design-2 .location-item .col-md-6:hover .btn {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translate(-50%, -50%)
}

.location-design-2 .location-item .btn {
    position: absolute;
    border-radius: 0 !important;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    padding: 12px 16px;
    bottom: 25px;
    right: -30px
}

.gutter-0>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

@media (max-width:991px) {
    .bk-footer .bottom-bk {
        text-align: center
    }

    .bk-footer .bottom-bk ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .address-bk,
    .location-section.design1 .address-bk {
        margin-bottom: 6rem;
        padding-left: 10px;
        padding-right: 10px
    }

    .location-section.design1 .mgb--6,
    .mgb--6 {
        margin-bottom: -6rem
    }

    .hero {
        width: 100%;
        background-size: cover;
        position: relative;
        min-height: 60vh;
        padding: 100px 0 60px
    }

    .location-design-2 .row:nth-child(2n) .location-wrapper {
        padding-left: 0
    }

    .location-design-2 .location-name {
        left: auto !important
    }

    .location-design-2 .location-wrapper {
        border: 1px solid #e1e1e1;
        border-top: none;
        padding: 16px 16px 32px !important;
        margin-bottom: 1rem
    }
}

@media (max-width:560px) {
    .circle-container {
        width: 300px;
        height: 300px;
        margin: auto
    }

    .left-food-image,
    .menu_16_wrapper .menu-left-bk,
    .menu_16_wrapper .menu-left-bk .edit-image-block,
    .menu_16_wrapper .menu-right-bk,
    ul.data-bk li {
        width: 100%
    }

    iframe#player-mobile {
        width: 500%
    }

    .menu_15_wrapper .menu-item-5 .menu__item_5-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left
    }

    .menu_16_wrapper .menu-items-box {
        flex-direction: column
    }

    .menu_16_wrapper .menu-left-bk img {
        width: 100%;
        height: auto
    }

    .menu_17_wrapper .section-title .title-bk {
        font-size: 30px;
        display: inline-block;
        padding: 7px 32px;
        margin-bottom: 8px;
        font-weight: 500 !important;
        color: #000 !important;
        position: relative
    }

    .clip-image {
        position: absolute;
        left: -12px;
        top: -41px;
        width: 65px;
        height: 65px;
        z-index: 9;
        transform: rotate(35deg)
    }

    .menu_17_wrapper .cat-single-image {
        width: 100px;
        height: 100px;
        overflow: hidden;
        position: absolute;
        left: 7px;
        border: 4px solid #fff;
        top: -15px;
        transform: rotate(-3deg);
        transform-origin: center
    }

    .menu_17_wrapper .round-element-1 {
        width: 80px;
        height: 80px
    }

    .menu_17_wrapper .round-element-2 {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 215px
    }

    .menu_17_wrapper .round-element-4 {
        position: absolute;
        width: 60px;
        height: 60px;
        background: #fff;
        border-radius: 50%;
        top: 14%;
        right: -40px
    }

    .location-design-1 .location-wrapper .location-data li,
    .location-design-2 .location-wrapper .location-data li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .location-design-1 .location-wrapper .location-data .btn {
        min-width: 140px
    }

    .location-design-1 .location-wrapper .location-data li a,
    .location-design-2 .location-wrapper .location-data li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .location-design-1 .location-wrapper span.icon-bk,
    .location-design-2 .location-wrapper span.icon-bk {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .location-design-1 .location-wrapper .location-data,
    .location-design-2 .location-wrapper .location-data {
        align-items: center
    }

    .location-design-1 .location-data span,
    .location-design-2 .location-data span {
        width: 100%;
        text-align: center
    }

    .location-design-1 .location-data .btn {
        margin-top: 1rem
    }

    .location-design-2 .location-wrapper ul.button-block {
        margin-left: 0;
        margin-right: 0
    }
}

.location-design-2 .sep-line {
    height: 1px;
    width: 100%;
    background: #f1f1f1;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.location-design-2 .row:nth-child(2n) {
    flex-direction: row-reverse
}

body .location-wrapper {
    width: 100% !important
}

@media (max-width:1199px) {
    .location-design-2 .location-data .btn {
        margin: 1rem 0 0;
        border-radius: 16px !important
    }

    .location-design-2 .location-data ul {
        border-right: 0;
        width: 100%
    }

    .location-design-2 .location-data span {
        width: 100%
    }

    .location-design-2 .location-wrapper .location-data ul {
        padding-right: 0 !important
    }

    .location-design-1.location-design-4 figure {
        margin-top: 2rem
    }

    .location-design-1.location-design-4 .location-btn {
        width: 100%;
        text-align: left;
        margin-top: 1rem
    }
}

a.btn.hover1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto !important;
    right: auto !important;
    display: none
}

h4.sm-title {
    font-size: 27px
}

.location-wrapper .d-inline-block {
    display: inline-block !important;
    width: 100%;
    padding-right: 0 !important
}

body .location-section.design1 .address-bk .edit-image-block .edit-image-actions {
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    opacity: 1;
    z-index: 22;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out
}

.location-design-2 .image-sec-1 .edit-image-actions {
    right: 0 !important;
    bottom: auto;
    top: 29px
}

.location-design-2 .location-item .btn.oo-btn,
.location-design-2 .location-item .image-sec-1 .edit-image-actions .btn {
    bottom: 0;
    right: 0
}

.locationdesign-8 .location-wrapper ul.button-block a {
    font-size: 15px;
    color: #000;
    border-radius: 0
}

.locationdesign-8 .location-wrapper ul.button-block a:hover {
    background: #f3f3f3;
    color: initial
}

.locationdesign-8 .btn:active,
.locationdesign-8 .btn:focus,
.locationdesign-8 .btn:hover {
    box-shadow: none;
    background-color: #fff;
    color: #ffffffad;
    border-color: var(--mainColor)
}

.locateme button {
    border: none;
    background: #fff;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 15px
}

.locateme button svg {
    width: 16px;
    height: 16px;
    margin-left: 9px
}

span.locate-text-bk {
    width: 152%;
    text-align: left;
    background: #f1f1f1;
    border-radius: 62px;
    padding: 11.7px 11.7px 11.7px 2rem;
    display: inline-block;
    font-size: 16px;
    font-weight: 400
}

.icon-bk svg {
    width: 20px;
    height: 20px
}

.locationdesign-8 .icon-bk {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 1px;
    background: var(--mainColor);
    border: none;
    z-index: 9 !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.locationdesign-8 .map-search-field {
    position: relative;
    margin-bottom: 2rem
}

.locationdesign-8 [class*="btn"] i {
    max-height: max-content;
    color: #fff
}

@media (max-width:767px) {
    .location-design-2 .location-item figure {
        height: auto;
        padding-bottom: 60%
    }

    .location-design-2 .row {
        padding: 0;
        margin-bottom: 3rem
    }

    .location-design-2 .location-wrapper {
        padding: 0
    }

    .location-design-2 .location-wrapper .location-data {
        padding: 2rem 0 0
    }

    .location-design-1 .sep-line {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .location-design-1.location-design-4 .location-btn {
        text-align: center
    }

    .locateme button {
        padding-left: 0;
        margin: 2rem 0 0
    }

    .design-8-location-item .btn {
        margin: 0
    }

    .location-design-1.locationdesign-8 .location-wrapper ul.button-block li {
        width: 45%
    }
}

@media (max-width:575px) {
    .footer-title {
        text-align: center !important
    }

    .footer-address div {
        justify-content: center
    }

    .menu_15_wrapper .modal-content {
        width: 330px;
        height: auto
    }

    .location-design-1.locationdesign-8 .location-wrapper ul.button-block li {
        width: 40%
    }
}

@media (max-width:767px) {
    .footer-title {
        text-align: center !important;
        padding-top: 1rem
    }
}

.locationdesign-8 .map-box {
    border: 5px solid #fff
}

@media (max-width:1200px) {
    .locationdesign-8 .map-search-field {
        padding-right: 0
    }

    .pdl-md-4 {
        padding-left: 0
    }

    .locationdesign-8 .map-box {
        border: 20px solid #fff;
        margin-bottom: 2rem
    }
}

.bk-footer {
    background: var(--mainBgColor) !important
}

.bk-footer,
.bk-footer a,
.bottom-bk {
    color: var(--footerColor) !important
}

.bk-footer ul button {
    background: 0 0;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0;
    text-align: left
}

.w3c {
    width: auto;
    display: flex;
    justify-content: flex-end
}

.w3c img {
    width: 64px
}

select {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

@media (max-width:767px) {

    .bottom-bk .row,
    .bottom-bk .row * {
        text-align: center
    }

    .bottom-bk .row {
        flex-direction: column;
        justify-content: center;
        display: flex;
        align-items: center
    }

    .col-6.footer-bottom.footer-bottom-right {
        justify-content: center;
        display: flex;
        margin-top: 10px
    }

    .w3c img {
        width: 72px
    }
}

.mgb-2 {
    margin-bottom: 2rem !important
}

@media (max-width:1200px) {
    ul.social__icons svg {
        width: 30px;
        height: auto;
        padding: 6px;
        display: flex;
        justify-content: center !important
    }
}

@media (max-width:991px) {
    ul.social__icons svg {
        width: 25px;
        height: auto;
        padding: 6px;
        display: flex;
        justify-content: center !important
    }
}

.bk-footer li button {
    color: var(--footerColor)
}

.contact-section select {
    word-wrap: normal;
    height: 34.39px;
}

.skip-link {
    position: absolute;
    top: -60px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 999999;
    border-radius: 4px;
    transition: top 0.3s;
}

.skip-link:hover {
    color: white !important;
}

.skip-link:focus-visible {
    bottom: auto;
    outline: 2px solid var(--mainColor);
    color: white !important;
    top: 15px;
}

.testimonial-section {
    background: #141910;
    padding: 72px 0 56px;
    position: relative;
    overflow: hidden;
}

.testimonial-section::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(140, 200, 70, .07) 0%, transparent 65%);
    pointer-events: none;
}

.testi-heading {
    font-family: 'DM Serif Display', serif;
    font-size: 40px;
    font-weight: 600;
    color: var(--mainColor);
    text-align: center;
    margin: 0 0 48px;
    letter-spacing: -0.5px;
}

.testi-heading em {
    font-style: italic;
    color: #9dc96a;
}

.testi-track-wrap {
    overflow: hidden;
}

.testi-track {
    display: flex;
    transition: transform 0.55s cubic-bezier(0.77, 0, 0.18, 1);
}

.testi-slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    min-width: 100%;
    box-sizing: border-box;
}

.testi-card {
    background: var(--mainBgColor);
    border: 1px solid rgba(160, 210, 90, .14);
    border-radius: 16px;
    padding: 30px 26px 26px;
    transition: border-color .3s;
}

.testi-card:hover {
    border-color: rgba(160, 210, 90, .38);
}

.testi-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.testi-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mainColor) 15%, transparent);
    border: 1.5px solid color-mix(in srgb, var(--main-color) 35%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    color: var(--mainColor);
    font-family: 'DM Serif Display', serif;
    flex-shrink: 0;
}

.testi-avatar--google {
    background: rgba(255, 255, 255, .06);
}

.testi-name {
    font-size: 15px;
    font-weight: 500;
    color: var(--mainColor);
    margin: 0 0 2px;
}

.testi-addr {
    font-size: 12px;
    color: rgba(170, 210, 110, .5);
    margin: 0;
}

.testi-divider {
    width: 28px;
    height: 2px;
    background: rgba(160, 210, 90, .3);
    border-radius: 2px;
    margin-bottom: 16px;
}

.testi-body {
    font-size: 14px;
    line-height: 1.75;
    color: var(--mainColor);
    margin: 0;
}

.testi-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 36px;
}

.testi-dot {
    height: 8px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    padding: 0;
    background: rgba(160, 210, 90, .28);
    width: 8px;
    transition: all .35s;
}

.testi-dot.is-active {
    width: 24px;
    background: #9dc96a;
}

@media (max-width: 640px) {
    .testi-slide {
        grid-template-columns: 1fr;
    }

    .testi-heading {
        font-size: 28px;
    }
}




@keyframes zigzag-slide {
    from {
        background-position: 0 top, left bottom;
    }

    to {
        background-position: 120px top, left bottom;
    }
}

.about-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    z-index: 2;
    background:
        /* No background-size restriction — lets it tile and fill the gap */
        repeating-linear-gradient(90deg,
            var(--mainColor) 0px, var(--mainBgColor) 20px,
            var(--mainColor) 20px, var(--mainBgColor) 40px,
            var(--mainColor) 40px, var(--mainBgColor) 60px,
            var(--mainColor) 60px, var(--mainBgColor) 80px,
            var(--mainColor) 80px, var(--mainBgColor) 100px,
            var(--mainColor) 100px, var(--mainColor) 120px) 0 top / 120px 8px,
        /* ← tile at exactly 1 cycle width, no no-repeat */

        linear-gradient(var(--mainColor), var(--mainColor)) left bottom / 100% 1px no-repeat;

    animation: zigzag-slide 1.5s linear infinite;
}

.bk-banner-bg-asset {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image:
        /* Diamond grid layer 1 */
        repeating-linear-gradient(45deg,
            transparent,
            transparent 28px,
            rgba(138, 90, 42, 0.18) 28px,
            rgba(138, 90, 42, 0.18) 29px),
        /* Diamond grid layer 2 */
        repeating-linear-gradient(-45deg,
            transparent,
            transparent 28px,
            rgba(138, 90, 42, 0.18) 28px,
            rgba(138, 90, 42, 0.18) 29px),
        /* Fine dot grain */
        radial-gradient(circle, rgba(138, 90, 42, 0.35) 1px, transparent 1px);

    background-size:
        56px 56px,
        56px 56px,
        18px 18px;

    opacity: 0.4;
}

/* Make sure parent is positioned */
.bk-banner {
    position: relative;
}

/* Keep text above texture */
.bk-banner-texts {
    position: relative;
    z-index: 1;
}

.testimonial-section {
    position: relative;
    overflow: hidden;
}

.testi-texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;

    background-image:
        repeating-linear-gradient(0deg,
            transparent,
            transparent 23px,
            rgba(0, 0, 0, 0.06) 23px,
            rgba(0, 0, 0, 0.06) 24px),
        repeating-linear-gradient(90deg,
            transparent,
            transparent 23px,
            rgba(0, 0, 0, 0.06) 23px,
            rgba(0, 0, 0, 0.06) 24px),
        repeating-linear-gradient(45deg,
            transparent,
            transparent 10px,
            rgba(0, 0, 0, 0.03) 10px,
            rgba(0, 0, 0, 0.03) 11px);

    background-size: 24px 24px;
}

.testimonial-section .container {
    position: relative;
    z-index: 1;
}

/* ── Section wrapper ── */
.faq-section {
    position: relative;
    overflow: hidden;
}

/* ── Diamond tile background ── */
.faq-tile-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.faq-tile-bg svg {
    width: 100%;
    height: 100%;
}

/* ── Frosted glass overlay ── */
.faq-glass-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(244, 233, 212, 0.78);
    /* #f4e9d4 → rgb(244, 233, 212) */
}

/* ── Rainbow stripe borders ── */
.faq-top-border,
.faq-bottom-border {
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    z-index: 3;
}

.faq-top-border {
    top: 0;
    background: repeating-linear-gradient(90deg,
            var(--mainColor) 0px, var(--mainBgColor) 20px,
            var(--mainColor) 20px, var(--mainBgColor) 40px,
            var(--mainColor) 40px, var(--mainBgColor) 60px,
            var(--mainColor) 60px, var(--mainBgColor) 80px,
            var(--mainColor) 80px, var(--mainBgColor) 100px,
            var(--mainColor) 100px, var(--mainColor) 120px);
    animation: zigzag-slide 1.5s linear infinite;
}


.faq-bottom-border {
    bottom: 0;
    background: repeating-linear-gradient(90deg,
            var(--mainColor) 0px, var(--mainBgColor) 20px,
            var(--mainColor) 20px, var(--mainBgColor) 40px,
            var(--mainColor) 40px, var(--mainBgColor) 60px,
            var(--mainColor) 60px, var(--mainBgColor) 80px,
            var(--mainColor) 80px, var(--mainBgColor) 100px,
            var(--mainColor) 100px, var(--mainColor) 120px);
    animation: zigzag-slide 1.5s linear infinite;
}

/* ── Container ── */
.faq-container {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 0 auto;
}

/* ── Heading block ── */
.faq-heading-wrap {
    text-align: center;
    margin-bottom: 2.5rem;
}

.faq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mainColor);
    margin-bottom: 10px;
}

.faq-eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mainColor);
    display: inline-block;
}

.faq-title {
    font-size: 28px;
    font-weight: 500;
    color: #2c1a0e;
    margin: 0 0 8px;
}

.faq-subtitle {
    font-size: 15px;
    color: #7a5c3e;
    margin: 0;
}

/* ── Accordion list ── */
.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Each item (details element) ── */
.faq-item {
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 10px;
    border: 1.5px solid #e8d5b0;
    overflow: hidden;
    transition: border-color 0.25s, background 0.25s;
}

.faq-item[open] {
    border-color: var(--mainColor);
    background: rgba(255, 255, 255, 0.88);
}

/* ── Summary (clickable header) ── */
.faq-summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Remove default browser marker */
.faq-summary::-webkit-details-marker {
    display: none;
}

.faq-summary::marker {
    display: none;
}

.faq-summary:focus-visible {
    outline: 2px solid var(--mainColor);
    outline-offset: -2px;
    border-radius: 10px;
}

/* ── Question text ── */
.faq-question {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    color: #2c1a0e;
    line-height: 1.4;
    transition: color 0.2s;
}

.faq-item[open] .faq-question {
    color: var(--mainColor);
}

/* ── Icon circle ── */
.faq-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1.5px solid #e8d5b0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fdf6ee;
    transition: background 0.25s, border-color 0.25s, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Lines inside icon — colored by default */
.faq-icon svg line {
    stroke: var(--mainColor);
    transition: stroke 0.2s;
}

/* Open state: rotate 45° → + becomes × */
.faq-item[open] .faq-icon {
    background: var(--mainColor);
    border-color: var(--mainColor);
    transform: rotate(45deg);
}

/* Open state: white lines on filled circle */
.faq-item[open] .faq-icon svg line {
    stroke: #ffffff;
}

/* ── Animated body using CSS grid trick ── */
.faq-body-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition:
        grid-template-rows 0.38s cubic-bezier(0.4, 0, 0.2, 1),
        border-color 0.25s;
    border-top: 1px solid transparent;
}

.faq-item[open] .faq-body-wrap {
    grid-template-rows: 1fr;
    border-color: #f0e2cc;
}

.faq-body-inner {
    overflow: hidden;
    min-height: 0;
    /* required for grid trick */
}

.faq-body-content {
    padding: 14px 20px 18px;
    font-size: 14px;
    line-height: 1.75;
    color: #5a3e28;
}

/* ── Footer ── */
.faq-footer {
    text-align: center;
    margin-top: 2rem;
    font-size: 14px;
    color: #7a5c3e;
}

.faq-footer a {
    color: var(--mainColor);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--mainColor);
}

.faq-footer a:hover {
    opacity: 0.75;
}



@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn {
    background: linear-gradient(90deg,
            var(--mainColor), var(--mainBgColor), var(--mainColor));
    background-size: 300% auto;
    animation: shimmer 4s linear infinite;
}

@keyframes shimmer {
    to {
        background-position: -200% center;
    }
}

/* CSS */
.about-section .left-bk {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.about-section.visible .left-bk {
    opacity: 1;
    transform: translateX(0);
}

/* Float loop on food image */
.specialities-img {
    animation: floatImg 5s ease-in-out infinite;
}

@keyframes floatImg {

    0%,
    100% {
        transform: translateY(0) rotate(-1deg);
    }

    50% {
        transform: translateY(-10px) rotate(0.5deg);
    }
}




/* about new styles */

/* =============================================
   BANNER — TV SCREEN EFFECT
   ============================================= */

@keyframes tvGlow {
    0% {
        box-shadow:
            0 0 3px 1px rgba(255, 200, 50, 0.9),
            0 0 6px 2px rgba(255, 170, 0, 0.6),
            0 0 10px 3px rgba(200, 120, 0, 0.35),
            inset 0 0 3px 1px rgba(255, 200, 50, 0.15);
    }

    50% {
        box-shadow:
            0 0 5px 2px rgba(255, 235, 100, 1),
            0 0 10px 4px rgba(255, 200, 30, 0.75),
            0 0 16px 6px rgba(230, 155, 0, 0.45),
            inset 0 0 5px 2px rgba(255, 200, 50, 0.25);
    }

    100% {
        box-shadow:
            0 0 3px 1px rgba(255, 200, 50, 0.9),
            0 0 6px 2px rgba(255, 170, 0, 0.6),
            0 0 10px 3px rgba(200, 120, 0, 0.35),
            inset 0 0 3px 1px rgba(255, 200, 50, 0.15);
    }
}

@keyframes tvGlowHover {
    0% {
        box-shadow:
            0 0 6px 2px rgba(255, 220, 60, 1),
            0 0 14px 5px rgba(255, 185, 0, 0.85),
            0 0 26px 10px rgba(220, 140, 0, 0.55),
            0 0 40px 16px rgba(180, 90, 0, 0.25),
            inset 0 0 8px 3px rgba(255, 210, 50, 0.35);
    }

    50% {
        box-shadow:
            0 0 10px 3px rgba(255, 240, 120, 1),
            0 0 22px 8px rgba(255, 210, 20, 0.95),
            0 0 40px 16px rgba(240, 165, 0, 0.65),
            0 0 60px 24px rgba(190, 100, 0, 0.3),
            inset 0 0 12px 5px rgba(255, 220, 60, 0.45);
    }

    100% {
        box-shadow:
            0 0 6px 2px rgba(255, 220, 60, 1),
            0 0 14px 5px rgba(255, 185, 0, 0.85),
            0 0 26px 10px rgba(220, 140, 0, 0.55),
            0 0 40px 16px rgba(180, 90, 0, 0.25),
            inset 0 0 8px 3px rgba(255, 210, 50, 0.35);
    }
}

@keyframes tvBorderScan {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 200% 0%;
    }
}

@keyframes tvFlicker {

    0%,
    97%,
    100% {
        opacity: 1;
    }

    98% {
        opacity: 0.85;
    }

    99% {
        opacity: 1;
    }

    99.5% {
        opacity: 0.9;
    }
}

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

    100% {
        transform: translateY(100vh);
    }
}

/* --- Galaxy animations --- */
@keyframes galaxyRotate {
    0% {
        transform: rotate(0deg) scale(1.1);
    }

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

@keyframes galaxyPulse {

    0%,
    100% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.85;
    }
}

@keyframes starTwinkle {

    0%,
    100% {
        opacity: 0.2;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.4);
    }
}

@keyframes nebulaFloat {
    0% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    33% {
        transform: translateY(-12px) translateX(6px) scale(1.04);
    }

    66% {
        transform: translateY(6px) translateX(-8px) scale(0.97);
    }

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

@keyframes shootingStar {
    0% {
        transform: translateX(-100px) translateY(-100px) rotate(45deg);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translateX(600px) translateY(600px) rotate(45deg);
        opacity: 0;
    }
}

/* --- Outer wrapper gives breathing room so glow never clips --- */
.normal-banner .bk-banner {
    position: relative;
    padding: 32px 40px;
    background: var(--mainBgColor);
    overflow: hidden;
}

/* ---- Galaxy background canvas — sits behind text side ---- */
.bk-banner-galaxy {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    /* covers the text half */
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

/* Deep space base */
.bk-banner-galaxy::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 70% 40%,
            rgba(22, 22, 22, 0.55) 0%,
            rgba(22, 22, 22, 0.4) 40%,
            transparent 70%),
        radial-gradient(ellipse 50% 50% at 30% 70%,
            rgba(10, 10, 10, 0.45) 0%,
            transparent 65%),
        radial-gradient(ellipse 60% 40% at 80% 80%,
            rgba(17, 17, 17, 0.3) 0%,
            transparent 60%),
        linear-gradient(135deg,
            rgba(11, 11, 11, 0.92) 0%,
            rgba(10, 10, 10, 0.88) 50%,
            rgba(5, 5, 5, 0.92) 100%);
    animation: galaxyPulse 8s ease-in-out infinite;
}

/* Nebula swirl layer */
.bk-banner-galaxy::after {
    content: '';
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(ellipse 55% 35% at 60% 45%,
            rgba(1, 57, 10, 0.22) 0%,
            transparent 55%),
        radial-gradient(ellipse 40% 55% at 35% 60%,
            rgba(17, 48, 1, 0.18) 0%,
            transparent 55%),
        radial-gradient(ellipse 45% 30% at 75% 70%,
            rgba(1, 60, 5, 0.15) 0%,
            transparent 50%);
    animation: nebulaFloat 18s ease-in-out infinite;
}

/* Star field — layer 1 (small dense stars) */
.bk-banner-galaxy-stars1 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(1px 1px at 10% 15%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 22% 38%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 8%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 48% 52%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 22%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 72% 68%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 85% 12%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 93% 45%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 15% 72%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 28% 88%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 42% 77%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 55% 92%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 68% 35%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 78% 82%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 58%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 5% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 18% 25%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 38% 62%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 52% 18%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 65% 48%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 80% 28%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 95% 75%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 8% 90%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 32% 42%, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    animation: starTwinkle 4s ease-in-out infinite;
}

/* Star field — layer 2 (medium brighter stars, offset twinkle) */
.bk-banner-galaxy-stars2 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(2px 2px at 14% 20%, rgba(255, 240, 200, 0.95) 0%, transparent 100%),
        radial-gradient(2px 2px at 30% 55%, rgba(200, 220, 255, 0.85) 0%, transparent 100%),
        radial-gradient(2px 2px at 45% 30%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 58% 70%, rgba(255, 220, 180, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 70% 15%, rgba(220, 200, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 82% 48%, rgba(255, 255, 255, 0.85) 0%, transparent 100%),
        radial-gradient(2px 2px at 92% 85%, rgba(200, 240, 255, 0.75) 0%, transparent 100%),
        radial-gradient(2px 2px at 6% 65%, rgba(255, 240, 200, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 25% 80%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(2px 2px at 50% 5%, rgba(220, 200, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 75% 92%, rgba(255, 220, 180, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 88% 30%, rgba(255, 255, 255, 0.95) 0%, transparent 100%);
    animation: starTwinkle 6s ease-in-out infinite 2s;
}

/* Shooting star */
.bk-banner-galaxy-shoot {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 5px;
    height: 1.5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 240, 180, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    border-radius: 2px;
    pointer-events: none;
    animation: shootingStar 7s ease-in-out infinite 3s;
}

.bk-banner-galaxy-shoot:nth-child(2) {
    top: 35%;
    left: 20%;
    width: 80px;
    animation: shootingStar 9s ease-in-out infinite 6s;
}

/* Fade edge so galaxy blends into the image side */
.bk-banner-galaxy-fade {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.0) 0%,
            rgba(0, 0, 0, 0.0) 60%,
            var(--mainBgColor) 100%);
}

/* --- Banner wrapper becomes the TV bezel --- */
.normal-banner .bk-banner-bg {
    position: relative;
    border-radius: 15px;
    overflow: visible !important;
    /* padding: 10px; */
    padding: 0;
    background: #0a0a0a;
    margin: 0 auto;
    transition: transform 0.4s ease;
    z-index: 1;
}

/* Slight lift on hover */
.normal-banner .bk-banner:hover .bk-banner-bg {
    transform: translateY(-2px);
}

/* Glowing animated border ring — golden tones */
.normal-banner .bk-banner-bg::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 10px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg,
            #ffd700 0%,
            #fff8dc 15%,
            #ffb300 30%,
            #ff8c00 45%,
            #ffd700 60%,
            #fff8dc 75%,
            #ffb300 90%,
            #ffd700 100%);
    background-size: 200% 100%;
    animation: tvBorderScan 3s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    padding: 3px;
    transition: animation-duration 0.3s;
}

.normal-banner .bk-banner:hover .bk-banner-bg::before {
    animation: tvBorderScan 1.2s linear infinite;
}

/* Glow sits only on the border edge */
.normal-banner .bk-banner-bg::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 10px;
    z-index: 1;
    pointer-events: none;
    animation: tvGlow 3s ease-in-out infinite;
    transition: opacity 0.4s ease;
}

/* On hover — switch to the stronger glow animation */
.normal-banner .bk-banner:hover .bk-banner-bg::after {
    animation: tvGlowHover 1.8s ease-in-out infinite;
}

/* The actual image gets TV screen styling */
.normal-banner .bk-banner-bg picture,
.normal-banner .bk-banner-bg img.website_img_banner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    animation: tvFlicker 8s ease-in-out infinite;
}

/* Scanline overlay on the image for CRT feel */
.normal-banner .bk-banner-bg picture::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: 4px;
    pointer-events: none;
    background: repeating-linear-gradient(0deg,
            transparent,
            transparent 2px,
            rgba(0, 0, 0, 0.06) 2px,
            rgba(0, 0, 0, 0.06) 4px);
}

/* Moving scanline beam */
.normal-banner .bk-banner-bg picture::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 4;
    pointer-events: none;
    border-radius: 4px;
    background: linear-gradient(to bottom,
            transparent 0%,
            rgba(255, 255, 255, 0.04) 50%,
            transparent 100%);
    animation: tvScanline 5s linear infinite;
}

/* Responsive — reduce glow and padding on mobile */
@media (max-width: 1199px) {

    .normal-banner .bk-banner-bg::before,
    .normal-banner .bk-banner-bg::after {
        display: none;
    }

    .normal-banner .bk-banner-bg {
        padding: 0;
        background: transparent;
    }

    .normal-banner .bk-banner {
        padding: 16px 16px;
    }

    .bk-banner-galaxy {
        display: none;
    }
}


/* Mobile banner new styles */

/* =============================================
   MOBILE BANNER — EXACT DESKTOP GALAXY + TV EFFECT
   ============================================= */

@keyframes tvGlow {
    0% {
        box-shadow: 0 0 3px 1px rgba(255, 200, 50, 0.9), 0 0 6px 2px rgba(255, 170, 0, 0.6), 0 0 10px 3px rgba(200, 120, 0, 0.35), inset 0 0 3px 1px rgba(255, 200, 50, 0.15);
    }

    50% {
        box-shadow: 0 0 5px 2px rgba(255, 235, 100, 1), 0 0 10px 4px rgba(255, 200, 30, 0.75), 0 0 16px 6px rgba(230, 155, 0, 0.45), inset 0 0 5px 2px rgba(255, 200, 50, 0.25);
    }

    100% {
        box-shadow: 0 0 3px 1px rgba(255, 200, 50, 0.9), 0 0 6px 2px rgba(255, 170, 0, 0.6), 0 0 10px 3px rgba(200, 120, 0, 0.35), inset 0 0 3px 1px rgba(255, 200, 50, 0.15);
    }
}

@keyframes tvGlowHover {
    0% {
        box-shadow: 0 0 6px 2px rgba(255, 220, 60, 1), 0 0 14px 5px rgba(255, 185, 0, 0.85), 0 0 26px 10px rgba(220, 140, 0, 0.55), 0 0 40px 16px rgba(180, 90, 0, 0.25), inset 0 0 8px 3px rgba(255, 210, 50, 0.35);
    }

    50% {
        box-shadow: 0 0 10px 3px rgba(255, 240, 120, 1), 0 0 22px 8px rgba(255, 210, 20, 0.95), 0 0 40px 16px rgba(240, 165, 0, 0.65), 0 0 60px 24px rgba(190, 100, 0, 0.3), inset 0 0 12px 5px rgba(255, 220, 60, 0.45);
    }

    100% {
        box-shadow: 0 0 6px 2px rgba(255, 220, 60, 1), 0 0 14px 5px rgba(255, 185, 0, 0.85), 0 0 26px 10px rgba(220, 140, 0, 0.55), 0 0 40px 16px rgba(180, 90, 0, 0.25), inset 0 0 8px 3px rgba(255, 210, 50, 0.35);
    }
}

@keyframes tvBorderScan {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 200% 0%;
    }
}

@keyframes tvFlicker {

    0%,
    97%,
    100% {
        opacity: 1;
    }

    98% {
        opacity: 0.85;
    }

    99% {
        opacity: 1;
    }

    99.5% {
        opacity: 0.9;
    }
}

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

    100% {
        transform: translateY(100vh);
    }
}

@keyframes galaxyPulse {

    0%,
    100% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.85;
    }
}

@keyframes starTwinkle {

    0%,
    100% {
        opacity: 0.2;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.4);
    }
}

@keyframes nebulaFloat {
    0% {
        transform: translateY(0px) translateX(0px) scale(1);
    }

    33% {
        transform: translateY(-12px) translateX(6px) scale(1.04);
    }

    66% {
        transform: translateY(6px) translateX(-8px) scale(0.97);
    }

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

@keyframes shootingStar {
    0% {
        transform: translateX(-100px) translateY(-100px) rotate(45deg);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        transform: translateX(600px) translateY(600px) rotate(45deg);
        opacity: 0;
    }
}

/* =============================================
   OUTER SECTION — dark canvas, same as desktop
   ============================================= */
.mobile-banner {
    position: relative;
    background: #080808;
    overflow: hidden;
}

/* Texture layer — sits over the dark bg, under the galaxy */
.mobile-banner .bk-banner-texture {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.mobile-banner .bk-banner-texture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.07;
    display: block;
}

/* Diamond grid — same as desktop */
.mobile-banner .bk-banner-texture::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image:
        repeating-linear-gradient(45deg, transparent, transparent 28px, rgba(255, 200, 50, 0.06) 28px, rgba(255, 200, 50, 0.06) 29px),
        repeating-linear-gradient(-45deg, transparent, transparent 28px, rgba(255, 200, 50, 0.06) 28px, rgba(255, 200, 50, 0.06) 29px),
        radial-gradient(circle, rgba(255, 200, 50, 0.12) 1px, transparent 1px);
    background-size: 56px 56px, 56px 56px, 18px 18px;
    opacity: 0.5;
}

/* =============================================
   GALAXY — z-index 1, fills whole banner
   ============================================= */
.mobile-banner .bk-banner-galaxy {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

/* Deep space base */
.mobile-banner .bk-banner-galaxy::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 70% 40%, rgba(22, 22, 22, 0.55) 0%, rgba(22, 22, 22, 0.4) 40%, transparent 70%),
        radial-gradient(ellipse 50% 50% at 30% 70%, rgba(10, 10, 10, 0.45) 0%, transparent 65%),
        radial-gradient(ellipse 60% 40% at 80% 80%, rgba(17, 17, 17, 0.3) 0%, transparent 60%),
        linear-gradient(135deg, rgba(11, 11, 11, 0.92) 0%, rgba(10, 10, 10, 0.88) 50%, rgba(5, 5, 5, 0.92) 100%);
    animation: galaxyPulse 8s ease-in-out infinite;
}

/* Nebula swirl */
.mobile-banner .bk-banner-galaxy::after {
    content: '';
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(ellipse 55% 35% at 60% 45%, rgba(1, 57, 10, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 40% 55% at 35% 60%, rgba(17, 48, 1, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse 45% 30% at 75% 70%, rgba(1, 60, 5, 0.15) 0%, transparent 50%);
    animation: nebulaFloat 18s ease-in-out infinite;
}

/* Stars layer 1 */
.mobile-banner .bk-banner-galaxy-stars1 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(1px 1px at 10% 15%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 22% 38%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 8%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 48% 52%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 60% 22%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 72% 68%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 85% 12%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 93% 45%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 15% 72%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 28% 88%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 42% 77%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 55% 92%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 68% 35%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 78% 82%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 58%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 5% 50%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 18% 25%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 38% 62%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 52% 18%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 65% 48%, rgba(255, 255, 255, 0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 80% 28%, rgba(255, 255, 255, 0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 95% 75%, rgba(255, 255, 255, 0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 8% 90%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 32% 42%, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    animation: starTwinkle 4s ease-in-out infinite;
}

/* Stars layer 2 */
.mobile-banner .bk-banner-galaxy-stars2 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(2px 2px at 14% 20%, rgba(255, 240, 200, 0.95) 0%, transparent 100%),
        radial-gradient(2px 2px at 30% 55%, rgba(200, 220, 255, 0.85) 0%, transparent 100%),
        radial-gradient(2px 2px at 45% 30%, rgba(255, 255, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 58% 70%, rgba(255, 220, 180, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 70% 15%, rgba(220, 200, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 82% 48%, rgba(255, 255, 255, 0.85) 0%, transparent 100%),
        radial-gradient(2px 2px at 92% 85%, rgba(200, 240, 255, 0.75) 0%, transparent 100%),
        radial-gradient(2px 2px at 6% 65%, rgba(255, 240, 200, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 25% 80%, rgba(255, 255, 255, 0.7) 0%, transparent 100%),
        radial-gradient(2px 2px at 50% 5%, rgba(220, 200, 255, 0.9) 0%, transparent 100%),
        radial-gradient(2px 2px at 75% 92%, rgba(255, 220, 180, 0.8) 0%, transparent 100%),
        radial-gradient(2px 2px at 88% 30%, rgba(255, 255, 255, 0.95) 0%, transparent 100%);
    animation: starTwinkle 6s ease-in-out infinite 2s;
}

/* Shooting star 1 */
.mobile-banner .bk-banner-galaxy-shoot {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 50px;
    height: 1.5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 240, 180, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    border-radius: 2px;
    pointer-events: none;
    animation: shootingStar 7s ease-in-out infinite 3s;
}

/* Shooting star 2 */
.mobile-banner .bk-banner-galaxy-shoot:nth-child(4) {
    top: 35%;
    left: 20%;
    width: 80px;
    animation: shootingStar 9s ease-in-out infinite 6s;
}

/* Fade — bottom edge blends galaxy into dark */
.mobile-banner .bk-banner-galaxy-fade {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to bottom,
            transparent 0%,
            transparent 50%,
            rgba(8, 8, 8, 0.6) 80%,
            #080808 100%);
}

/* =============================================
   INNER BANNER WRAPPER
   ============================================= */
.mobile-banner .bk-banner {
    position: relative;
    padding: 24px 16px;
    background: transparent;
    /* let the outer dark bg show through */
    overflow: visible;
    z-index: 2;
    /* above galaxy */
}

/* =============================================
   TV BEZEL — image frame
   ============================================= */
.mobile-banner .bk-banner-bg {
    position: relative;
    border-radius: 15px;
    overflow: visible !important;
    padding: 0;
    background: #0a0a0a;
    margin: 0 auto;
    transition: transform 0.4s ease;
    z-index: 1;
}

.mobile-banner .bk-banner:hover .bk-banner-bg {
    transform: translateY(-2px);
}

/* Golden border scan */
.mobile-banner .bk-banner-bg::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 10px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg,
            #ffd700 0%, #fff8dc 15%, #ffb300 30%,
            #ff8c00 45%, #ffd700 60%, #fff8dc 75%,
            #ffb300 90%, #ffd700 100%);
    background-size: 200% 100%;
    animation: tvBorderScan 3s linear infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    padding: 3px;
}

.mobile-banner .bk-banner:hover .bk-banner-bg::before {
    animation: tvBorderScan 1.2s linear infinite;
}

/* Glow */
.mobile-banner .bk-banner-bg::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 10px;
    z-index: 1;
    pointer-events: none;
    animation: tvGlow 3s ease-in-out infinite;
    transition: opacity 0.4s ease;
}

.mobile-banner .bk-banner:hover .bk-banner-bg::after {
    animation: tvGlowHover 1.8s ease-in-out infinite;
}

/* Image */
.mobile-banner .bk-banner-bg picture,
.mobile-banner .bk-banner-bg img.website_img_banner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    animation: tvFlicker 8s ease-in-out infinite;
}

/* CRT scanline overlay */
.mobile-banner .bk-banner-bg picture::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: 4px;
    pointer-events: none;
    background: repeating-linear-gradient(0deg,
            transparent, transparent 2px,
            rgba(0, 0, 0, 0.06) 2px, rgba(0, 0, 0, 0.06) 4px);
}

/* Moving scanline beam */
.mobile-banner .bk-banner-bg picture::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 4;
    pointer-events: none;
    border-radius: 4px;
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.04) 50%, transparent 100%);
    animation: tvScanline 5s linear infinite;
}

/* Text above everything */
.mobile-banner .bk-banner-texts {
    position: relative;
    z-index: 3;
}



/* about  new styles  */

/* =============================================
   ABOUT SECTION
   ============================================= */

@keyframes aboutZoomIn {
    from {
        transform: scale(0.75);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes aboutFadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes aboutFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

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

/* --- Section base --- */
.about-section {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f5ede0;
    overflow: hidden;
    min-height: 420px;
}

/* --- Texture div --- */
.about-texture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.about-texture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    display: block;
}



.about-texture::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    border: 1.5px solid rgba(138, 90, 42, 0.22);
    width: 420px;
    height: 420px;
    top: -120px;
    right: -120px;
    z-index: 2;
    pointer-events: none;
}

/* --- Left block --- */
.about-left {
    position: relative;
    z-index: 1;
    padding: 40px 24px 40px 40px;
    isolation: isolate;
}

/* Figure — just styling, no animation */
.about-figure {
    margin: 0;
    overflow: hidden;
    border-radius: 12px;
    /* box-shadow: 0 8px 40px rgba(100, 55, 10, 0.14); */
}

/* IMAGE — starts hidden + small, waits for .in-view */
.specialities-img {
    display: block;
    width: 100%;
    height: auto;

    /* Start state: invisible and small */
    opacity: 0;
    transform: scale(0.75);

    will-change: transform, opacity;
    transform-origin: center center;

    /* Animation defined but paused */
    animation: aboutZoomIn 4.5s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-play-state: paused;
}

/* Trigger zoom when section enters viewport */
.specialities-img.in-view {
    animation-play-state: running;
}

/* After zoom finishes — gentle float loop */
.specialities-img.floating {
    animation: aboutFloat 4s ease-in-out infinite;
    opacity: 1;
    transform: translateY(0);
}

/* --- Right block (text) --- */
.about-right {
    position: relative;
    z-index: 1;
    flex: 1;
    padding: 40px 40px 40px 32px;
    text-align: center;
}

.about-title,
.about-body,
.about-btn-wrap {
    opacity: 0;
    transform: translateY(30px);
    animation: aboutFadeUp 1.6s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-play-state: paused;
}

.about-title.in-view {
    animation-play-state: running;
    animation-delay: 0.4s;
}

.about-body.in-view {
    animation-play-state: running;
    animation-delay: 0.8s;
}

.about-btn-wrap.in-view {
    animation-play-state: running;
    animation-delay: 1.2s;
}

.about-title {
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 600;
    color: #4a2a0a;
    margin: 0 0 16px;
    line-height: 1.25;
}

.about-body {
    font-size: 1rem;
    color: #7a5530;
    line-height: 1.75;
    margin: 0 0 28px;
}

.about-btn-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
}

.about-btn {
    display: inline-block;
    background-color: #8a5a2a;
    color: #fff;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.about-btn:hover {
    background-color: #6e4420;
    transform: translateY(-2px);
}

.about-btn:active {
    transform: translateY(0);
}

/* --- No-image variant --- */
.about-section.no-image .about-right {
    flex: none;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 60px 40px;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .about-section {
        flex-direction: column;
        min-height: auto;
    }

    .about-texture {
        width: 100%;
        top: 50%;
    }

    .about-left,
    .about-right {
        width: 100%;
        padding: 28px 20px;
    }

    .about-left {
        padding-bottom: 0;
    }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {

    .specialities-img,
    .about-title,
    .about-body,
    .about-btn-wrap {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}



/* gallery new styles  */

.gallery-section {
    position: relative;
    overflow: hidden;
    background: #f5ede0;
    /* background-color: var(--mainBgColor); */

    padding: 80px 0 90px;
}

.gallery-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.gallery-bg-texture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* or use repeat via background-image trick below */
    opacity: 0.55;
    mix-blend-mode: multiply;
}

.gallery-section .container {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ─── Heading ───────────────────────────────────────── */
.gallery-heading {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.9rem, 4.5vw, 3rem);
    font-weight: 700;
    color: var(--gl-text);
    text-align: center;
    letter-spacing: .06em;
    margin: 0 0 8px;
    line-height: 1.15;
}

.gallery-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 48px;
}

.gallery-divider::before,
.gallery-divider::after {
    content: '';
    display: block;
    width: 72px;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--mainColor));
}

.gallery-divider::after {
    background: linear-gradient(to left, transparent, var(--mainColor));
}

.gallery-divider-icon {
    width: 10px;
    height: 10px;
    background: var(--mainColor);
    transform: rotate(45deg);
    border-radius: 1px;
    flex-shrink: 0;
}

/* ─── Masonry Grid (all squares) ───────────────────── */
/*
 * Strategy: CSS Grid with auto-rows equal to one column width.
 * Every card is 1×1 (square). The "masonry" feel comes from
 * JS placing cards into columns and letting shorter columns
 * fill first — achieved via a lightweight JS masonry helper
 * that absolutely-positions cards inside a relative container.
 * No external lib needed.
 */
.gallery-masonry {
    position: relative;
    /* JS sets height */
    overflow: hidden;
    /* clip columns so they never bleed outside */
}

.gallery-card {
    position: absolute;
    /* JS sets top/left/width */
    display: block;
    overflow: hidden;
    border-radius: var(--gl-radius);
    aspect-ratio: 1 / 1;
    /* ALWAYS square */
    box-shadow: 0 0 0 1px rgba(138, 90, 42, .22);
    background: #e0ccb0;
    cursor: pointer;
    animation: glFadeUp .55s ease both;
    transition: transform .28s ease, box-shadow .28s ease;
}

.gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .50s cubic-bezier(.25, .46, .45, .94), filter .40s ease;
    will-change: transform;
}

/* Hover lift */
.gallery-card:hover {
    transform: translateY(-3px) scale(1.015);
    box-shadow: 0 12px 36px rgba(138, 90, 42, .22), 0 0 0 1.5px rgba(200, 134, 42, .50);
}

.gallery-card:hover img {
    transform: scale(1.08);
    filter: brightness(1.04) saturate(1.12);
}

/* Dark overlay on hover */
.gallery-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(58, 36, 16, .42);
    opacity: 0;
    transition: opacity .32s ease;
    z-index: 1;
}

.gallery-card:hover::after {
    opacity: 1;
}

/* Zoom/plus icon on hover */
.gallery-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E") center / 34px 34px no-repeat;
    opacity: 0;
    transform: scale(.6);
    transition: opacity .32s ease, transform .32s ease;
}

.gallery-card:hover::before {
    opacity: 1;
    transform: scale(1);
}

/* ─── Scroll-reveal: cards start hidden, JS adds .gl-visible ── */
/* base state — hidden before scroll */
.gallery-card {
    transition:
        opacity .58s cubic-bezier(.22, .68, 0, 1.15),
        transform .58s cubic-bezier(.22, .68, 0, 1.15),
        box-shadow .28s ease;
}

.gallery-card.gl-visible {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.gallery-card.gl-visible:hover {
    transform: translateY(-3px) scale(1.015) !important;
}

/* ─── Shimmer skeleton while image loading ── */
.gallery-card.gl-loading>picture::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg,
            #e0ccb0 0%, #e0ccb0 38%,
            #f5e4c8 50%,
            #e0ccb0 62%, #e0ccb0 100%);
    background-size: 250% 100%;
    animation: glShimmer 1.5s infinite linear;
    z-index: 3;
    pointer-events: none;
}

@keyframes glShimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* ─── Heading letter-by-letter reveal ── */
.gallery-heading .gl-char {
    display: inline-block;
    opacity: 0;
    transform: translateY(16px) rotateX(40deg);
    transition: opacity .40s ease, transform .40s ease;
    transform-origin: bottom center;
}

.gallery-heading.gl-heading-visible .gl-char {
    opacity: 1;
    transform: translateY(0) rotateX(0deg);
}

/* ─── Divider line grow animation ── */
.gallery-divider::before {
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .65s .35s cubic-bezier(.22, .68, 0, 1.2);
}

.gallery-divider::after {
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .65s .35s cubic-bezier(.22, .68, 0, 1.2);
}

.gallery-divider.gl-div-visible::before,
.gallery-divider.gl-div-visible::after {
    transform: scaleX(1);
}

.gallery-divider-icon {
    opacity: 0;
    transform: rotate(45deg) scale(0);
    transition: opacity .35s .65s ease, transform .35s .65s cubic-bezier(.34, 1.56, .64, 1);
}

.gallery-divider.gl-div-visible .gallery-divider-icon {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

/* ─── Idle float on visible cards (staggered) ── */
@keyframes glFloat {

    0%,
    100% {
        box-shadow: 0 0 0 1px rgba(138, 90, 42, .18), 0 3px 10px rgba(138, 90, 42, .07);
    }

    50% {
        box-shadow: 0 0 0 1px rgba(138, 90, 42, .22), 0 9px 24px rgba(138, 90, 42, .15);
    }
}

.gallery-card.gl-visible {
    animation: glFloat 3.8s ease-in-out infinite;
}

.gallery-card.gl-visible:hover {
    animation: none;
}

/* ─── Scroll Parallax ───────────────────────────────── */
/* JS wraps cards into .gl-col divs and applies translateY
   Odd cols drift UP, even cols drift DOWN as user scrolls  */
.gl-col {
    position: absolute;
    top: 0;
    will-change: transform;
}

/* Edge fade so parallax clips cleanly at section bounds */
.gallery-section::before,
.gallery-section::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 2;
    pointer-events: none;
}

.gallery-section::before {
    top: 0;
    background: linear-gradient(to bottom, var(--gl-bg) 20%, transparent);
}

.gallery-section::after {
    bottom: 0;
    background: linear-gradient(to top, var(--gl-bg) 20%, transparent);
}

@keyframes glBarShine {
    0% {
        background-position: 0% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 960px) {
    :root {
        --gl-cols: 3;
    }
}

@media (max-width: 620px) {
    :root {
        --gl-cols: 2;
        --gl-gap: 8px;
    }

    .gallery-section {
        padding: 56px 0 64px;
    }
}

@media (max-width: 380px) {
    :root {
        --gl-cols: 2;
        --gl-gap: 6px;
    }
}

/* ═══════════════════════════════════════════════════════
   LIGHTBOX
═══════════════════════════════════════════════════════ */

/* Overlay */
.gl-lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: var(--mainBgColor);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: lbFadeIn .25s ease;
}

.gl-lightbox.open {
    display: flex;
}

@keyframes lbFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Image wrapper */
.gl-lb-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 860px;
    max-height: 90vh;
}

/* Main image */
.gl-lb-img {
    display: block;
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .65);
    animation: lbImgIn .30s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .20s ease;
}

@keyframes lbImgIn {
    from {
        opacity: 0;
        transform: scale(.93);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.gl-lb-img.switching {
    opacity: 0;
    transform: scale(.96);
}

/* Close button */
.gl-lb-close {
    position: fixed;
    top: 18px;
    right: 22px;
    width: 42px;
    height: 42px;
    border: 1.5px solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .20s, border-color .20s, transform .20s;
    z-index: 10001;
}

.gl-lb-close:hover {
    background: rgba(200, 134, 42, .55);
    border-color: var(--mainColor);
    transform: rotate(90deg) scale(1.1);
}

/* Nav buttons */
.gl-lb-prev,
.gl-lb-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: var(--lb-nav-size);
    height: var(--lb-nav-size);
    border: 1.5px solid rgba(255, 255, 255, .30);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .20s, border-color .20s, transform .20s;
    z-index: 10001;
    user-select: none;
}

.gl-lb-prev {
    left: 18px;
}

.gl-lb-next {
    right: 18px;
}

.gl-lb-prev:hover,
.gl-lb-next:hover {
    background: rgba(200, 134, 42, .55);
    border-color: var(--mainColor);
    transform: translateY(-50%) scale(1.1);
}

/* hide nav if single image */
.gl-lb-prev[data-hidden],
.gl-lb-next[data-hidden] {
    display: none;
}

/* Counter */
.gl-lb-counter {
    position: fixed;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
    font-family: Georgia, serif;
    letter-spacing: .08em;
    z-index: 10001;
}

/* Dot strip */
.gl-lb-dots {
    position: fixed;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 7px;
    z-index: 10001;
}

.gl-lb-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .28);
    cursor: pointer;
    transition: background .20s, transform .20s;
}

.gl-lb-dot.active {
    background: var(--mainColor);
    transform: scale(1.35);
}

/* ─── Mobile tweaks ──── */
@media (max-width: 600px) {
    .gl-lb-prev {
        left: 8px;
    }

    .gl-lb-next {
        right: 8px;
    }

    .gl-lb-prev,
    .gl-lb-next {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }
}

/* ═══════════════════════════════════════════════════
   TESTIMONIAL — Premium Luxury Design
   Uses: var(--mainColor), var(--mainBgColor)
   Fallbacks: #c8862a gold, #1a0a00 dark
═══════════════════════════════════════════════════ */

/* ── Tokens ── */
.testimonial-section {
    --tc: var(--mainColor, #c8862a);
    --tbg: var(--mainBgColor, #1a0a00);
    --tc-rgb: 200, 134, 42;

    position: relative;
    overflow: hidden;
    padding: 100px 0 110px;
}

/* ── Ambient glow orbs ── */
.testi-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    opacity: 0.18;
}

.testi-orb--1 {
    width: 500px;
    height: 500px;
    top: -120px;
    left: -100px;
    background: var(--tc);
    animation: orbDrift1 14s ease-in-out infinite alternate;
}

.testi-orb--2 {
    width: 380px;
    height: 380px;
    bottom: -80px;
    right: -60px;
    background: var(--tc);
    opacity: 0.12;
    animation: orbDrift2 18s ease-in-out infinite alternate;
}

.testi-orb--3 {
    width: 260px;
    height: 260px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--tc);
    opacity: 0.07;
    animation: orbDrift3 22s ease-in-out infinite alternate;
}

@keyframes orbDrift1 {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(60px, 40px) scale(1.15);
    }
}

@keyframes orbDrift2 {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(-40px, -30px) scale(1.1);
    }
}

@keyframes orbDrift3 {
    from {
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        transform: translate(-50%, -50%) scale(1.3);
    }
}

/* ── Canvas particle field ── */
.testi-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
}

/* ── Animated geometric grid ── */
.testi-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.07;
    background-image:
        linear-gradient(var(--mainColor, #c8862a) 1px, transparent 1px),
        linear-gradient(90deg, var(--mainColor, #c8862a) 1px, transparent 1px);
    background-size: 60px 60px;
    animation: gridScroll 18s linear infinite;
}

@keyframes gridScroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 60px;
    }
}

/* ── Pulse rings ── */
.testi-rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

.testi-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid var(--mainColor, #c8862a);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    animation: ringPulse 5s ease-out infinite;
}

.testi-ring--1 {
    width: 300px;
    height: 300px;
    animation-delay: 0s;
}

.testi-ring--2 {
    width: 500px;
    height: 500px;
    animation-delay: 1.6s;
}

.testi-ring--3 {
    width: 700px;
    height: 700px;
    animation-delay: 3.2s;
}

@keyframes ringPulse {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

/* ── Grain texture ── */
.testi-texture {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.04;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
}

/* ── Container ── */
.testimonial-section .container {
    position: relative;
    z-index: 1;
}

/* ── Header ── */
.testi-header {
    text-align: center;
    margin-bottom: 64px;
}

.testi-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 18px;
    opacity: 0;
    transform: translateY(12px);
    animation: testiReveal .7s .1s cubic-bezier(.22, .68, 0, 1.2) forwards;
}

.testi-eyebrow-line {
    display: block;
    width: 48px;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--tc));
}

.testi-eyebrow-line:last-child {
    background: linear-gradient(to left, transparent, var(--tc));
}

.testi-eyebrow-text {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--tc);
}

.testi-heading {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    letter-spacing: -.01em;
    color: #fff;
    opacity: 0;
    animation: testiReveal .8s .25s cubic-bezier(.22, .68, 0, 1.2) forwards;
}

.testi-heading-word--accent {
    color: var(--tc);
    font-style: italic;
    display: inline-block;
    margin-left: .3em;
}

@keyframes testiReveal {
    to {
        opacity: 1;
        transform: none;
    }
}

/* ── Slider wrap ── */
.testi-slider-wrap {
    position: relative;
    padding: 0 20px;
}

/* ── Card ── */
.testi-card {
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    padding: 48px 40px 40px;
    margin: 8px 12px 24px;
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .4s cubic-bezier(.22, .68, 0, 1.2),
        box-shadow .4s ease,
        border-color .4s ease;
    cursor: default;
}

/* Shimmer border on hover */
.testi-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(135deg,
            var(--tc) 0%,
            transparent 40%,
            transparent 60%,
            var(--tc) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s ease;
}

.testi-card:hover::before {
    opacity: 1;
}

/* Subtle inner glow */
.testi-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, transparent, var(--tc), transparent);
    opacity: 0;
    transition: opacity .4s ease;
}

.testi-card:hover::after {
    opacity: 1;
}

.testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35),
        0 0 0 1px rgba(var(--tc-rgb), .25);
    border-color: rgba(255, 255, 255, .14);
}

/* ── Giant quote mark ── */
.testi-quote-mark {
    position: absolute;
    top: 16px;
    right: 28px;
    font-family: Georgia, serif;
    font-size: 100px;
    line-height: 1;
    color: var(--tc);
    opacity: 0.12;
    pointer-events: none;
    user-select: none;
    font-weight: 700;
}

/* ── Stars ── */
.testi-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.testi-star {
    width: 16px;
    height: 16px;
    animation: starPop .4s cubic-bezier(.34, 1.56, .64, 1) both;
}

.testi-star:nth-child(1) {
    animation-delay: .05s;
}

.testi-star:nth-child(2) {
    animation-delay: .10s;
}

.testi-star:nth-child(3) {
    animation-delay: .15s;
}

.testi-star:nth-child(4) {
    animation-delay: .20s;
}

.testi-star:nth-child(5) {
    animation-delay: .25s;
}

@keyframes starPop {
    from {
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* ── Review text ── */
.testi-body {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 32px;
    position: relative;
    z-index: 1;
}

/* ── Author block ── */
.testi-author {
    position: relative;
    z-index: 1;
}

.testi-author-line {
    width: 40px;
    height: 1px;
    background: linear-gradient(to right, var(--tc), transparent);
    margin-bottom: 18px;
}

.testi-author-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ── Avatar ── */
.testi-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg,
            rgba(var(--tc-rgb), .5) 0%,
            rgba(var(--tc-rgb), .2) 100%);
    border: 1.5px solid rgba(var(--tc-rgb), .4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--tc);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.testi-avatar::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .2), transparent 60%);
}

.testi-avatar--google {
    background: #fff;
    border-color: rgba(255, 255, 255, .3);
}

/* ── Meta text ── */
.testi-name {
    font-family: Georgia, serif;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 2px;
    letter-spacing: .02em;
}

.testi-addr,
.testi-source {
    font-size: .78rem;
    color: rgba(255, 255, 255, .45);
    margin: 0;
    letter-spacing: .04em;
}

.testi-source {
    color: var(--tc);
    opacity: .75;
}

/* ── Custom nav arrows ── */
.testi-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .25s, border-color .25s, color .25s, transform .25s;
    z-index: 10;
}

.testi-nav svg {
    width: 20px;
    height: 20px;
}

.testi-nav--prev {
    left: -3%;
}

.testi-nav--next {
    right: -3%;
}

.testi-nav:hover {
    background: var(--tc);
    border-color: var(--tc);
    color: #fff;
    transform: translateY(-50%) scale(1.1);
}

/* ── Owl carousel dot overrides ── */
.testi-owl .owl-dots {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.testi-owl .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    background: rgba(255, 255, 255, .25) !important;
    border-radius: 50% !important;
    transition: all .3s ease !important;
    margin: 0 !important;
    display: block;
}

.testi-owl .owl-dot.active span {
    background: var(--tc) !important;
    width: 24px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(var(--tc-rgb), .6) !important;
}

/* ── Scroll-reveal on cards ── */
.testi-card {
    opacity: 0;
    transform: translateY(30px) scale(.97);
    transition:
        opacity .6s cubic-bezier(.22, .68, 0, 1.15),
        transform .6s cubic-bezier(.22, .68, 0, 1.15),
        box-shadow .4s ease,
        border-color .4s ease;
}

.testi-card.tc-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.testi-card.tc-visible:hover {
    transform: translateY(-6px) scale(1) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .testimonial-section {
        padding: 70px 0 80px;
    }

    .testi-card {
        padding: 36px 28px 32px;
        margin: 8px 6px 20px;
    }

    .testi-quote-mark {
        font-size: 70px;
    }

    .testi-nav--prev {
        left: -4px;
    }

    .testi-nav--next {
        right: -4px;
    }
}

@media (max-width: 480px) {
    .testi-card {
        padding: 30px 20px 26px;
    }

    .testi-nav {
        width: 24px;
        height: 24px;
    }
}



/* ═══════════════════════════════════════════════════
   TESTIMONIAL — Premium Luxury Design
   Uses: var(--mainColor), var(--mainBgColor)
   Fallbacks: #c8862a gold, #1a0a00 dark
═══════════════════════════════════════════════════ */

/* ── Tokens ── */
.testimonial-section {
    --tc: var(--mainColor, #c8862a);
    --tbg: var(--mainBgColor, #1a0a00);
    --tc-rgb: 200, 134, 42;

    position: relative;
    overflow: hidden;
    padding: 100px 0 110px;
}

/* ── Ambient glow orbs ── */
.testi-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    opacity: 0.18;
}

.testi-orb--1 {
    width: 500px;
    height: 500px;
    top: -120px;
    left: -100px;
    background: var(--tc);
    animation: orbDrift1 14s ease-in-out infinite alternate;
}

.testi-orb--2 {
    width: 380px;
    height: 380px;
    bottom: -80px;
    right: -60px;
    background: var(--tc);
    opacity: 0.12;
    animation: orbDrift2 18s ease-in-out infinite alternate;
}

.testi-orb--3 {
    width: 260px;
    height: 260px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--tc);
    opacity: 0.07;
    animation: orbDrift3 22s ease-in-out infinite alternate;
}

@keyframes orbDrift1 {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(60px, 40px) scale(1.15);
    }
}

@keyframes orbDrift2 {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(-40px, -30px) scale(1.1);
    }
}

@keyframes orbDrift3 {
    from {
        transform: translate(-50%, -50%) scale(1);
    }

    to {
        transform: translate(-50%, -50%) scale(1.3);
    }
}

/* ── Canvas particle field ── */
.testi-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
}

/* ── Animated geometric grid ── */
.testi-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.07;
    background-image:
        linear-gradient(var(--mainColor, #c8862a) 1px, transparent 1px),
        linear-gradient(90deg, var(--mainColor, #c8862a) 1px, transparent 1px);
    background-size: 60px 60px;
    animation: gridScroll 18s linear infinite;
}

@keyframes gridScroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 60px;
    }
}

/* ── Pulse rings ── */
.testi-rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

.testi-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid var(--mainColor, #c8862a);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    animation: ringPulse 5s ease-out infinite;
}

.testi-ring--1 {
    width: 300px;
    height: 300px;
    animation-delay: 0s;
}

.testi-ring--2 {
    width: 500px;
    height: 500px;
    animation-delay: 1.6s;
}

.testi-ring--3 {
    width: 700px;
    height: 700px;
    animation-delay: 3.2s;
}

@keyframes ringPulse {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

/* ── Grain texture ── */
.testi-texture {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.04;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
}

/* ── Container ── */
.testimonial-section .container {
    position: relative;
    z-index: 1;
}

/* ── Header ── */
.testi-header {
    text-align: center;
    margin-bottom: 64px;
}

.testi-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 18px;
    opacity: 0;
    transform: translateY(12px);
    animation: testiReveal .7s .1s cubic-bezier(.22, .68, 0, 1.2) forwards;
}

.testi-eyebrow-line {
    display: block;
    width: 48px;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--tc));
}

.testi-eyebrow-line:last-child {
    background: linear-gradient(to left, transparent, var(--tc));
}

.testi-eyebrow-text {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--tc);
}

.testi-heading {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    letter-spacing: -.01em;
    color: #fff;
    opacity: 0;
    animation: testiReveal .8s .25s cubic-bezier(.22, .68, 0, 1.2) forwards;
}

.testi-heading-word--accent {
    color: var(--tc);
    font-style: italic;
    display: inline-block;
    margin-left: .3em;
}

@keyframes testiReveal {
    to {
        opacity: 1;
        transform: none;
    }
}

/* ── Slider wrap ── */
.testi-slider-wrap {
    position: relative;
    padding: 0 20px;
}

/* ── Card ── */
.testi-card {
    position: relative;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    padding: 48px 40px 40px;
    margin: 8px 12px 24px;
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .4s cubic-bezier(.22, .68, 0, 1.2),
        box-shadow .4s ease,
        border-color .4s ease;
    cursor: default;
}

/* Shimmer border on hover */
.testi-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(135deg,
            var(--tc) 0%,
            transparent 40%,
            transparent 60%,
            var(--tc) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .4s ease;
}

.testi-card:hover::before {
    opacity: 1;
}

/* Subtle inner glow */
.testi-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, transparent, var(--tc), transparent);
    opacity: 0;
    transition: opacity .4s ease;
}

.testi-card:hover::after {
    opacity: 1;
}

.testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35),
        0 0 0 1px rgba(var(--tc-rgb), .25);
    border-color: rgba(255, 255, 255, .14);
}

/* ── Giant quote mark ── */
.testi-quote-mark {
    position: absolute;
    top: 16px;
    right: 28px;
    font-family: Georgia, serif;
    font-size: 100px;
    line-height: 1;
    color: var(--tc);
    opacity: 0.12;
    pointer-events: none;
    user-select: none;
    font-weight: 700;
}

/* ── Stars ── */
.testi-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}

.testi-star {
    width: 16px;
    height: 16px;
    animation: starPop .4s cubic-bezier(.34, 1.56, .64, 1) both;
}

.testi-star:nth-child(1) {
    animation-delay: .05s;
}

.testi-star:nth-child(2) {
    animation-delay: .10s;
}

.testi-star:nth-child(3) {
    animation-delay: .15s;
}

.testi-star:nth-child(4) {
    animation-delay: .20s;
}

.testi-star:nth-child(5) {
    animation-delay: .25s;
}

@keyframes starPop {
    from {
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    to {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* ── Review text ── */
.testi-body {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 32px;
    position: relative;
    z-index: 1;
}

/* ── Author block ── */
.testi-author {
    position: relative;
    z-index: 1;
}

.testi-author-line {
    width: 40px;
    height: 1px;
    background: linear-gradient(to right, var(--tc), transparent);
    margin-bottom: 18px;
}

.testi-author-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ── Avatar ── */
.testi-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg,
            rgba(var(--tc-rgb), .5) 0%,
            rgba(var(--tc-rgb), .2) 100%);
    border: 1.5px solid rgba(var(--tc-rgb), .4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--tc);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.testi-avatar::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .2), transparent 60%);
}

.testi-avatar--google {
    background: #fff;
    border-color: rgba(255, 255, 255, .3);
}

/* ── Meta text ── */
.testi-name {
    font-family: Georgia, serif;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 2px;
    letter-spacing: .02em;
}

.testi-addr,
.testi-source {
    font-size: .78rem;
    color: rgba(255, 255, 255, .45);
    margin: 0;
    letter-spacing: .04em;
}

.testi-source {
    color: var(--tc);
    opacity: .75;
}

/* ── Custom nav arrows ── */
.testi-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .25s, border-color .25s, color .25s, transform .25s;
    z-index: 10;
}

.testi-nav svg {
    width: 20px;
    height: 20px;
}

.testi-nav--prev {
    left: -3%;
}

.testi-nav--next {
    right: -3%;
}

.testi-nav:hover {
    background: var(--tc);
    border-color: var(--tc);
    color: #fff;
    transform: translateY(-50%) scale(1.1);
}

/* ── Owl carousel dot overrides ── */
.testi-owl .owl-dots {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.testi-owl .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    background: rgba(255, 255, 255, .25) !important;
    border-radius: 50% !important;
    transition: all .3s ease !important;
    margin: 0 !important;
    display: block;
}

.testi-owl .owl-dot.active span {
    background: var(--tc) !important;
    width: 24px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(var(--tc-rgb), .6) !important;
}

/* ── Scroll-reveal on cards ── */
.testi-card {
    opacity: 0;
    transform: translateY(30px) scale(.97);
    transition:
        opacity .6s cubic-bezier(.22, .68, 0, 1.15),
        transform .6s cubic-bezier(.22, .68, 0, 1.15),
        box-shadow .4s ease,
        border-color .4s ease;
}

.testi-card.tc-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.testi-card.tc-visible:hover {
    transform: translateY(-6px) scale(1) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .testimonial-section {
        padding: 70px 0 80px;
    }

    .testi-card {
        padding: 36px 28px 32px;
        margin: 8px 6px 20px;
    }

    .testi-quote-mark {
        font-size: 70px;
    }

    .testi-nav--prev {
        left: -4px;
    }

    .testi-nav--next {
        right: -4px;
    }
}

@media (max-width: 480px) {
    .testi-card {
        padding: 30px 20px 26px;
    }

    .testi-nav {
        width: 24px;
        height: 24px;
    }
}