span.accordion img {
    transition: 0.3s ease-in;
}

.accordion-section.active img {
    transform: rotate(180deg);
}
ul.sub-menu{
    animation: submenuanimation 0.5s ease-in; 
}
section.merchndise-costum-info.ss {
    padding-bottom: 0px;
}
.image-popup{
    overflow: scroll;
}
.image-popup::-webkit-scrollbar{
width: 0px;
}
@keyframes submenuanimation {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    50% {
        opacity: 0.5;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.accordion-section.active .panel {
    height: auto;
    animation: banneranimate 0.3s ease-in;
}

@keyframes banneranimate {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }

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

    70% {
        opacity: 0.4;
    }

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

section.Whiskey .Whiskey-in .webfont {
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent;
    font-family: system-ui;
}

section.Whiskey .Whiskey-in .webfont::after {
    position: absolute;
    --tw-content: "";
    content: var(--tw-content);
    background: linear-gradient(0deg, rgb(255 255 255) 10%, rgb(253 253 253 / 47%) 129%);
    bottom: 0;
    /* width: 100%; */
    height: 86px;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 11111;
}

span.ober-text {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 92.43%);
}

.plac-info {
    position: absolute;
    right: -88px;
    top: -1px;
}

section.reviews-section .swiper-button-next:after,
.swiper-button-prev:after {
    color: #D4702E;
}
ul.sub-menu li {
    border: none;
}
ul.sub-menu li:first-child {
    border-top: 1px solid #aeadad;
}
ul.sub-menu li:first-child:after{
 height: 0px;
 width: 0px;
 overflow: hidden;
}
/* ul.sub-menu li:nth-child(2){
    height: 0px;
 width: 0px;
 overflow: hidden;
} */
ul.sub-menu li::after {
    display: none;
}
/* ul.sub-menu li:nth-child(2) {
    border-top: 1px solid #aeadad;
} */
.mainnav li.menu-item-has-children:last-child {
    border: none;
}

.mainnav li:first-child::after,
.mainnav li:nth-child(2)::after {
    clip-path: polygon(100% 50%, 0 0, 0 100%);

}


.home-section.sticky_header {
    z-index: 1111 !important;
}

.grid-share-details p {
    padding: 0px !important;
}

.contact-webfont {
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent;
    font-family: sans-serif;
}

.contact-webfont::after {
    position: absolute;
    --tw-content: "";
    content: var(--tw-content);
    background: linear-gradient(0deg, rgb(255 255 255) 10%, rgb(253 253 253 / 47%) 129%);
    bottom: 0;
    /* width: 100%; */
    height: 86px;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 1;
   }


   .store-webfont{
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent;
    font-family: sans-serif;
   }
   .store-webfont::after{
    position: absolute;
    --tw-content: "";
    content: var(--tw-content);
    background: linear-gradient(0deg, rgb(255 255 255) 10%, rgb(253 253 253 / 47%) 129%);
    bottom: 0;
    /* width: 100%; */
    height: 54px;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 1;
   }
   .webfont-holder {
    max-width: 100% !important;
}
   .recipe-webfont{
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    color: transparent;
    font-family: sans-serif;
   }
   section.costum-recipes .recipes-info h3{
    text-transform: uppercase !important;
   }
  .recipe-webfont::after{
    position: absolute;
    --tw-content: "";
    content: var(--tw-content);
    background: linear-gradient(0deg, rgb(255 255 255) 10%, rgb(253 253 253 / 47%) 129%);
    bottom: 0;
    /* width: 100%; */
    height: 86px;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 1;
   }
   span.left-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #0606061f;
    width: 30%;
    z-index: 11;
    background: linear-gradient(91deg, #000000 0%, rgba(0, 0, 0, 0) 92.43%);
    bottom: 0;
    height: 100%;
    bottom: 0;
}
ul.sub-menu li {
    padding: 0px;
}


span.right-shadow {
    position: absolute;
    background: red;
    z-index: 11;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 30%;
    right: 0;
    background: linear-gradient(-90deg, #000000 0%, rgba(0, 0, 0, 0) 92.43%);
}

/* @MEDIA(max-width:1599PX){
    span.left-shadow {
        position: absolute;
        height: 122%;
        background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 92.43%);
        transform: rotate(-90deg);
        width: 72%;
        left: 0;
        z-index: 1;
        top: 0;
        bottom: 0;
    }
} */

   @media(max-width:1545px){
    section.content-info {
        background-position: 40% 73% !important;
    }
   }

   @media(max-width:1250px){
    .contact-webfont::after{
        height: 35px;
    }
    .store-webfont::after{
        height: 30px;
    }
   }
   @media(max-width:1024px){

    .contact-webfont::after{
        height: 27px;
    }
    .store-webfont::after{
        height: 25px;
    }
   }

.last-footer p {
    display: block !important;
}


@media(max-width:767px) {
    ul.mainnav {
        left: -335px;
    }

    .brn-slide-holder {
        position: absolute;
        bottom: 40px;
        width: 100%;
    }

    .contact-webfont::after {
        height: 32px;
    }
}

@media(max-width:425px) {
    ul.mainnav {
        left: -300px;
    }

    .contact-webfont::after {
        height: 22px;
    }
}

/* .mainnav li.menu-item-has-children:first-child{
    background-color: red;
} */