/*custom*/
div.guest-app-page.content.content-white-bg-elmt.content-fullpage-con.content-restaurant-dashboard{
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top: 72px;
}
/*end custom*/


/*values=========*/
:root {
    --primary-color: #0B2F93;
    --secondry-color: #5815AE;
    --lighter-color: #68feff;
    --dark-color: #0c2e8f;
    --default-color: #E7EEFF;
    --black-color: #001544;
    --white-color: white;
    --border-color: #0DB0CC;
    --nav-icon-size: 102px;
}
/*========values*/

/*default========*/
body{
    /*background-color: var(--default-color);*/
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
.guest-app-page, .guest-app-page *{
    box-sizing: border-box;
    border:unset;
    color:black;
    text-align: left;

    font-family: 'Montserrat', sans-serif;
    font-optical-sizing: auto;
    /*font-weight: <weight>;*/
    font-style: normal;


}
.guest-app-page p{
    padding:0px;
    margin:0px;
    color:black;
}
.guest-app-page h1,
.guest-app-page h2,
.guest-app-page h3,
.guest-app-page h4,
.guest-app-page h5,
.guest-app-page h6{
    padding:0px;
    margin:0px;
    color:black;
}
.guest-app-page a{
    text-decoration: none !important;
    color:black;
}
.guest-app-page a:not(.btn):hover{
    color:black;
}
.guest-app-page table{
    margin:0px;
}
.guest-app-page ul{
    margin:0px;
}
.guest-app-page ul li{
    margin:0px;
}
/*========default*/


.sec-wrapper-master{
    width:100%;
    padding-left: 15px;
    padding-right: 15px;
}
.sec-wrapper{
    width:100%;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    row-gap: 16px;

    padding-left: 15px;
    padding-right: 15px;
}

.sec-master{
    width:100%;

}
.sec-con{
    width:100%;
}


/*Navigation ==============*/
.nav-scroller-master{
    width:100%;

    /*background: linear-gradient(8deg, hsla(224, 86%, 31%, 1) 0%, hsla(266, 78%, 38%, 1) 100%);*/
    /*gap: 12px;*/
    padding: 0px;
    padding-top: 4px;
}
.nav-scroller-sec{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;

    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}
.nav-scroller-sec{
    -ms-overflow-style: none;  /* IE / Edge */
    scrollbar-width: none;
}
.nav-scroller-sec::-webkit-scrollbar {
    display: none;
}
.nav-scroller-item.nav-scroller-item-active{

}
.nav-scroller-item.nav-scroller-item-active .nav-scroller-item-inner{
    opacity: 0.5;
}
.nav-scroller-item{
    width: var(--nav-icon-size) !important;
    height: var(--nav-icon-size) !important;
    min-width: var(--nav-icon-size) !important;
    min-height: var(--nav-icon-size) !important;
    max-width: var(--nav-icon-size) !important;
    max-height: var(--nav-icon-size) !important;
    line-height: inherit;
    /*CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;*/
    border-radius: 12px;
    padding: 14px;
    overflow: hidden;
    /*    min-width: unset;
        max-width: unset;*/
    display: flex
        ;
    align-items: center;
    justify-content: center;

    background: linear-gradient(8deg, hsla(224, 86%, 31%, 1) 0%, hsla(266, 78%, 38%, 1) 100%);
    border: 1px solid black;
}
.nav-scroller-item-inner{
    width:100%;
    aspect-ratio: 1 / 1;

    display: flex
        ;
    align-items: center;
    justify-content: center;


}

.nav-scroller-item-inner svg{
    font-size: var(--nav-icon-size);
    width: var(--nav-icon-size);
    height: var(--nav-icon-size);
}
.nav-scroller-item-inner svg path{
    color:white;
}

.nav-scroller-item-icon{

}
/*============== end navigation*/


/*category*/

.cat-scroller-master{
    width:100%;

    /*background: linear-gradient(8deg, hsla(224, 86%, 31%, 1) 0%, hsla(266, 78%, 38%, 1) 100%);*/
    /*gap: 12px;*/
    padding: 0px;
    padding-top: 4px;
}
.cat-scroller-sec{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;

    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}
.cat-scroller-sec{
    -ms-overflow-style: none;  /* IE / Edge */
    scrollbar-width: none;
}
.cat-scroller-sec::-webkit-scrollbar {
    display: none;
}
.cat-scroller-item.cat-scroller-item-active .cat-scroller-item-inner{
    opacity: 0.5;
}
.cat-scroller-item{
    flex-direction: column;

    width: auto !important;
    min-width: 114px !important;
    /*max-width: auto !important;*/
    max-width: 114px !important;

    height: 134px !important;
    min-height: 134px !important;
    max-height: 134px !important;
    line-height: inherit;
    /*CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;*/
    border-radius: 12px;
    padding: 3px;
    overflow: hidden;
    /*    min-width: unset;
        max-width: unset;*/
    display: flex
        ;
    align-items: center;
    justify-content: flex-start;

    background: linear-gradient(8deg, hsla(224, 86%, 31%, 1) 0%, hsla(266, 78%, 38%, 1) 100%);
    border: 1px solid black;
    gap:4px;
}
.cat-scroller-item-inner{
    width:100%;
    /*aspect-ratio: 1 / 1;*/

    display: flex
        ;
    align-items: center;
    justify-content: center;


}

.cat-scroller-item-inner svg{
    font-size: var(--nav-icon-size);
    width: var(--nav-icon-size);
    height: var(--nav-icon-size);
}
.cat-scroller-item-inner svg path{
    color:white;
}

.cat-scroller-item-icon{
    width: var(--nav-icon-size);
    height: var(--nav-icon-size);
}
.cat-scroller-item-text{
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1 !important;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}
/*end category*/


/*news scroller*/
.infinite-news-ticker {
    /*background: var(--secondry-color);*/
    background: transparent;
    border: var(--secondry-color) 2px solid;
    border-radius: 12px;
    border-left: unset !important;
    color: #fff 1important;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width:100%;
}

.infinite-ticker-track {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll-left 20s linear infinite;
}

.infinite-ticker-item {
    padding: 0 14px;
    color: black;
    display: inline-flex
        ;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.infinite-ticker-item-i{
    width: 30px;
    height: 30px;
    border-radius: 4px !important;
    margin-top: -3.69px;
    margin-right: 6px;
}
.infinite-ticker-item-c{

}

/* Infinite scroll keyframes */
@keyframes scroll-left {
    0%   {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pause on hover */
.infinite-news-ticker:hover .infinite-ticker-track {
    animation-play-state: paused;
}

.infinite-news-ticker-sec{
    display: flex
        ;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.infinite-news-ticker-h{
    background-color: var(--secondry-color);
    display: inline-flex
        ;
    color: white;
    padding: 10px;
    border-radius: 12px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    margin-right: -10px;
    z-index: 9;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
/*end news scroller*/

/*common*/
.full-width-fiter{
    width:100%;
    max-width:100%;
    height:auto;
}
.radius-12{
    border-radius: 12px;
}
@media(max-width:991px){
    #top{
        padding-left:15px !important;
        padding-right:15px !important;
    }
}
/*end common*/



/*Pack*/
.sec-pack{
    width: 100%;
    gap: 8px;
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.sec-pack-h{
    width: 100%;
    margin-bottom: 0px;
}
.sec-pack-h-elmt{
    font-size: 16.25px !important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
}

.sec-pack-c{
    width:100%;
}
.sec-pack-c-con{
    width:100%;
}
.mg-t-elmt-12px{
    margin-top:12px;
}
/*end Pack*/


/*pack 1*/
.sec-pack-c-con.sec-pack-1{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
}

.sec-pack-1-item{
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    padding: 3px;
    background-color: white;
    padding: 0px !important;
    border-radius: 12px !important;
}
.sec-pack-1-item-inner{
    display: flex
        ;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
}
.sec-pack-1-left{
    width: 80px;
}
.sec-pack-1-left-i{
    width: 72px;
    height: auto;
    aspect-ratio: 1 / 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sec-pack-1-center{
    margin-top: 3px;
}
.sec-pack-1-c{
    line-height: 1.3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4 !important;
    margin-top: -1px;
}
.sec-pack-1-right{
    margin-top: 3px;
    margin-right: 3px;
}
.sec-pack-1-icon{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

@media(min-width:769px){
    .sec-pack-c-con.sec-pack-1 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
    }
    .sec-pack-1-item {
        border: 1px solid #d3d3d3;
        border-radius: 8px;
        padding: 3px;
        background-color: white;
        width: 100%;
        max-width: calc(((100% / 12) * 6) - 4px);
    }
}
/*end pack 1*/



/*pack 2*/
.sec-pack-c-con.sec-pack-2{
    width: 100%;
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.sec-pack-2-item{
    border: none;
    border-radius: 0px;
    padding: 0px;
    background-color: transparent;
}
.sec-pack-2-item-inner{
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    background-color: white;
}
.sec-pack-2-left{
    width: 100%;
    display: flex
        ;
    align-items: flex-start;
    justify-content: center;
}
.sec-pack-2-left-i{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-width: 440px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sec-pack-2-center{
    padding-left: 6px;
    padding-right: 6px;
}
.sec-pack-2-c{
    line-height: 1.3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2 !important;
    margin-top: -4px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;

}
.sec-pack-2-right{
    display: flex
        ;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 8px;
}
.sec-pack-2-icon{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

@media(min-width:769px){
    .sec-pack-2-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 4) - (18px));
    }
    .sec-pack-c-con.sec-pack-2 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}

@media(max-width:768px){
    .sec-pack-2-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 2) - (12px));
    }
    .sec-pack-c-con.sec-pack-2 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}
/*end pack 2*/




/*pack 3*/
.sec-pack-c-con.sec-pack-3{
    width: 100%;
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.sec-pack-3-item{
    border: none;
    border-radius: 0px;
    padding: 0px;
    background-color: transparent;
}
.sec-pack-3-item-inner{
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    background-color: white;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
}
.sec-pack-3-left{
    width: 100%;
    display: flex
        ;
    align-items: flex-start;
    justify-content: center;
}
.sec-pack-3-left-i{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-width: 440px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sec-pack-3-center{
    padding: 0px 8px 8px 8px;
}
.sec-pack-3-c{
    line-height: 1.3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3 !important;
    margin-top: -4px;
    font-size: 14px;
    font-weight: 500;
}
.sec-pack-3-right{
    display: flex
        ;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
}
.sec-pack-3-icon{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

@media(min-width:769px){
    .sec-pack-3-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 4) - (18px));
    }
    .sec-pack-c-con.sec-pack-3 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}

@media(max-width:768px){
    .sec-pack-3-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 2) - (12px));
    }
    .sec-pack-c-con.sec-pack-3 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}

@media(max-width:480px){
    .sec-pack-3-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: 100%;
    }
    .sec-pack-c-con.sec-pack-3 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}
/*end pack 3*/



/*pack 4*/
.sec-pack-c-con.sec-pack-4{
    width: 100%;
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
}

.sec-pack-4-item{
    border: none;
    border-radius: 0px;
    padding: 0px;
    background-color: transparent;
}
.sec-pack-4-item-inner{
    display: flex
        ;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    background-color: white;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #d3d3d3;
}
.sec-pack-4-left{
    width: 100%;
    display: flex
        ;
    align-items: flex-start;
    justify-content: center;
}
.sec-pack-4-left-i{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    max-width: 440px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sec-pack-4-center{
    padding: 0px 8px 0px 8px;
}
.sec-pack-4-c{
    line-height: 1.3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1 !important;
    margin-top: -4px;
    font-size: 14px;
    font-weight: 500;
}
.sec-pack-4-right{
    display: flex
        ;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    padding: 0px 8px 6px;
    font-weight: 600;
    font-size: 18px;
}
.sec-pack-4-r{

}
.sec-pack-4-icon{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

@media(min-width:769px){
    .sec-pack-4-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 4) - (18px));
    }
    .sec-pack-c-con.sec-pack-4 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}

@media(max-width:768px){
    .sec-pack-4-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: calc((100% / 2) - (12px));
    }
    .sec-pack-c-con.sec-pack-4 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}

@media(max-width:480px){
    .sec-pack-4-item {
        border: none;
        border-radius: 0px;
        padding: 0px;
        background-color: transparent;
        width: 100%;
    }
    .sec-pack-c-con.sec-pack-4 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }
}
/*end pack 4*/



/*pack 5*/
.sec-pack-c-con.sec-pack-5{

}
/*end pack 5*/


/*pack ssearch*/
.sec-pack-c-con.sec-pack-6{
    width:100%;
}
.input-search-master{
    wdith:100%;
}
.input-search-con{
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    font-size: 16px;
}
.input-search-elmt::placeholder{
    font-size: 16px;
    color:black;
    font-weight: 500;
    transform: translate(6px, 0.8px);
    line-height: 1;
    /*text-transform: uppercase;*/
}
.input-search-elmt{
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
    position: relative;
    height: 36px;
    margin: 0px;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
}
.input-search-icon path{
    color:#757575;
}
.input-search-icon{
    position:absolute;
    right:10px;
    top:10px;
}
/*end input*/




/*pack 8*/
.sec-pack-c-con.sec-pack-8{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6px;
}

.sec-pack-8-item{
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    padding: 3px;
    background-color: white;
    padding: 0px !important;
    border-radius: 12px !important;
}
.sec-pack-8-item-inner{
    display: flex
        ;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
}
.sec-pack-8-left{
    width: 80px;
}
.sec-pack-8-left-i{
    width: 72px;
    height: auto;
    aspect-ratio: 1 / 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sec-pack-8-center{
    margin-top: 3px;
}
.sec-pack-8-c{
    line-height: 1.3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4 !important;
    margin-top: -1px;
}
.sec-pack-8-right{
    margin-top: 3px;
    margin-right: 3px;
}
.sec-pack-8-icon{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

@media(min-width:769px){
    .sec-pack-c-con.sec-pack-8 {
        width: 100%;
        display: flex
            ;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
    }
    .sec-pack-8-item {
        border: 1px solid #d3d3d3;
        border-radius: 8px;
        padding: 3px;
        background-color: white;
        width: 100%;
        max-width: calc(((100% / 12) * 6) - 4px);
    }
}
/*end pack 8*/


/*pack 9*/
.sec-pack-c-con.sec-pack-9{
    width:100%;
}
.sec-pack-9-cart-row{
    width:100%;
    display: flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;
}
.sec-pack-9-cart-col-1{
    /*width:75%;*/

    margin-right: 24px;
    width: calc(65% - 24px);
    min-width: calc(65% - 24px);
    max-width: calc(65% - 24px);

    background-color: white;
    /*padding: 14px 0px;*/
    padding: 0px 0px;
    border-radius: 16px;
    box-shadow: 4px 6px 10px -3px rgba(0, 0, 0, 0.5);
    border-top: 0.3px solid rgba(0, 0, 0, 0.3);
    border-left: 0.3px solid rgba(0, 0, 0, 0.3);
}
.sec-pack-9-cart-col-1-sec{
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 0.3px solid rgba(0, 0, 0, 0.3);
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 0px 5px 10px -7px rgba(0, 0, 0, 0.5);

    border-bottom-right-radius: 16px;
}
.sec-pack-9-cart-col-1 .sec-pack-9-cart-col-1-sec:first-child{
    box-shadow: none;
    background-color: var(--black-color);
    overflow: hidden;
    border-top-left-radius: 12px;
    /*border-top-right-radius: 12px;*/
}
.sec-pack-9-cart-col-1 .sec-pack-9-cart-col-1-sec:last-child{
    box-shadow: none;
    border-bottom:none !important;
}

.sec-pack-9-cart-table-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 52px;
}

/*checker*/
.sec-pack-9-cart-table-col-checker{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.sec-pack-9-checker-con{

}
.sec-pack-9-checker{

}

/*image*/
.sec-pack-9-cart-table-col-image{

}
.sec-pack-9-i{
    width: 100%;
    height: auto;
    max-width: 64px;
}

/*title*/
.sec-pack-9-cart-table-col-title{

}
.sec-pack-9-cart-table-col-title-elmt{
    font-weight: 500;
    font-size: 16px;
}

/*sprinner*/
.sec-pack-9-cart-table-col-sprinner{

}
.sec-pack-9-cart-table-col-sprinner input.din-mng-order-item-btn-count-elmt-input{
    width:62px !important;
}

/*amoutn*/
.sec-pack-9-cart-table-col-amount{
    font-weight: 300;
    font-size: 16px;
}

/*delte icon*/
.sec-pack-9-cart-table-col-delter_icon{
    font-size: 30px;
}

.sec-pack-9-cart-table-col-del-con{
    font-size: 30px;
}
svg.sec-pack-9-cart-table-col-del-con path{
    color: var(--dark-color);
    /*var(--secondry-color)*/
}

.sec-pack-9-cart-table-row .sec-pack-9-cart-table-col-el{
    width:100%;
    max-width:calc((100% / 12) * 3);
}
.sec-pack-9-cart-table-col-el{

}

.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title{
    /*max-width:calc((100% / 12) * 7);*/
    max-width:none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap:12px;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner{
    /*max-width:calc((100% / 12) * 2);*/
    /*max-width:fit-content;*/
    max-width:134px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap:12px;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount{
    /*max-width:calc((100% / 12) * 1);*/
    /*max-width:fit-content;*/
    max-width:72px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:12px;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
    /*max-width:calc((100% / 12) * 1);*/
    /*max-width:fit-content;*/
    max-width:86px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap:12px;
}


.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-title{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-sprinner{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-amount{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-checker{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}



/*right column section*/

.sec-pack-c-con.sec-pack-9{
    width:100%;
}
.sec-pack-9b-cart-row{
    width:100%;
    display: flex;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;
}
.sec-pack-9b-cart-col-1{
    /*width:75%;*/

    width: 100%;
    background-color: white;
    /*padding: 14px 0px;*/
    padding: 0px 0px;
    border-radius: 16px;
    box-shadow: 4px 6px 10px -3px rgba(0, 0, 0, 0.5);
    border-top: 0.3px solid rgba(0, 0, 0, 0.3);
    border-left: 0.3px solid rgba(0, 0, 0, 0.3);
}
.sec-pack-9b-cart-col-1-sec{
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 0.3px solid rgba(0, 0, 0, 0.3);
    padding-top: 6px;
    padding-bottom: 6px;
    /*box-shadow: 0px 5px 10px -7px rgba(0, 0, 0, 0.5);*/
    box-shadow: none;

    border-bottom-right-radius: 16px;
}
.sec-pack-9b-cart-col-1 .sec-pack-9b-cart-col-1-sec:first-child{
    box-shadow: none;
    background-color: var(--black-color);
    overflow: hidden;
    border-top-left-radius: 12px;
    /*border-top-right-radius: 12px;*/
}
.sec-pack-9b-cart-col-1 .sec-pack-9b-cart-col-1-sec:last-child{
    box-shadow: none;
    border-bottom:none !important;
}
.sec-pack-9b-cart-col-1 .sec-pack-9b-cart-col-1-sec:last-child .sec-pack-9b-cart-table-row{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    padding: 6px 0px;
}


.sec-pack-9b-cart-table-row{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 52px;
}

/*checker*/
.sec-pack-9b-cart-table-col-checker{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.sec-pack-9b-checker-con{

}
.sec-pack-9b-checker{

}

/*image*/
.sec-pack-9b-cart-table-col-image{

}
.sec-pack-9b-i{
    width: 100%;
    height: auto;
    max-width: 64px;
}

/*title*/
.sec-pack-9b-cart-table-col-title{

}
.sec-pack-9b-cart-table-col-title-elmt{
    font-weight: 500;
    font-size: 16px;
}

/*sprinner*/
.sec-pack-9b-cart-table-col-sprinner{

}
.sec-pack-9b-cart-table-col-sprinner input.din-mng-order-item-btn-count-elmt-input{
    width:62px !important;
}

/*amoutn*/
.sec-pack-9b-cart-table-col-amount{
    font-weight: 300;
    font-size: 16px;

    display:flex;
    align-items:center;
    justify-content: flex-end;
    text-align: right;
}

/*delte icon*/
.sec-pack-9b-cart-table-col-delter_icon{
    font-size: 30px;
}

.sec-pack-9b-cart-table-col-del-con{
    font-size: 30px;
}
svg.sec-pack-9b-cart-table-col-del-con path{
    color: var(--dark-color);
    /*var(--secondry-color)*/
}

.sec-pack-9b-cart-table-row .sec-pack-9b-cart-table-col-el{
    width:100%;
    max-width:calc((100% / 12) * 3);
}
.sec-pack-9b-cart-table-col-el{

}

.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-title{
    /*max-width:calc((100% / 12) * 7);*/
    max-width:none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap:12px;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-sprinner{
    /*max-width:calc((100% / 12) * 2);*/
    /*max-width:fit-content;*/
    max-width:134px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap:12px;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-amount{
    /*max-width:calc((100% / 12) * 1);*/
    /*max-width:fit-content;*/
    max-width:72px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:12px;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-checker{
    /*max-width:calc((100% / 12) * 1);*/
    /*max-width:fit-content;*/
    max-width:86px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap:12px;
}


.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-el-h.sec-pack-9b-cart-table-col-title{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-el-h.sec-pack-9b-cart-table-col-sprinner{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-el-h.sec-pack-9b-cart-table-col-amount{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}
.sec-pack-9b-cart-table-col-el.sec-pack-9b-cart-table-col-el-h.sec-pack-9b-cart-table-col-checker{
    text-align: center;
    display: flex
        ;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height:1;

    color: white;
}

.sec-pack-9-cart-col-2{
    width:35%;
    min-width:35%;
    max-width:35%;
}
.sec-pack-9-cart-col-2-sec{
    width:100%;
}
/*end right column section*/

@media(max-width:991px){
    .sec-pack-9-cart-col-1{
        margin-right: 0px;
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    .sec-pack-9-cart-col-2{
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    .sec-pack-9-cart-row {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }
}
@media(max-width:667px){
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-sprinner{
        display:none !important;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-amount{
        display:none !important;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-checker{
        display:none !important;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-el-h.sec-pack-9-cart-table-col-title{
        width:100%;
        min-width:100%;
        max-width:100%;
    }
    .sec-pack-9-cart-table-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        flex-wrap: wrap;
        column-gap: 36px;
    }

    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        width:calc(50% - 18px);
        min-width:calc(50% - 18px);
        max-width:calc(50% - 18px);
    }

    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: flex-end;
        text-align: right;
        font-size: 18px;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: flex-start;
        text-align: left;
        font-size: 18px;
    }
}

@media(max-width:481px){
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        width: calc(33% - 23px);
        min-width: calc(33% - 23px);
        max-width: calc(33% - 23px);
    }

    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        width:calc(100% - 0px);
        min-width:calc(100% - 0px);
        max-width:calc(100% - 0px);
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        width: calc(38% - 23px);
        min-width: calc(38% - 23px);
        max-width: calc(38% - 23px);
        display: flex;
        justify-content: flex-start;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        width: calc(28% - 23px);
        min-width: unset;
        max-width: unset;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: flex-end;
        text-align: right;
        font-size: 18px;
    }
}


@media(max-width:414px){
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount,
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        width: calc(33% - 23px);
        min-width: calc(33% - 23px);
        max-width: calc(33% - 23px);
    }

    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-title{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-sprinner{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
        display: flex
            ;
        justify-content: center;
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-amount{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    .sec-pack-9-cart-table-col-el.sec-pack-9-cart-table-col-checker{
        /*        width:40%;
                min-width:40%;
                max-width:40%;*/
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 18px;
        width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        max-width: calc(100% - 0px);
    }
    .sec-pack-9-i {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    .sec-pack-9-cart-table-col-title-elmt {
        font-weight: 500;
        font-size: 16px;
        text-align: center;
    }
}
/*end pack 9*/


/*top bar cart*/
.t-bar-crt-icon-con{

}
.t-bar-crt-icon-inner-con{
    /*background-color: white;*/
    width: 32px;
    height: 32px;
}
.t-bar-crt-icon-inner-con-icon{
    font-size: 22px;
}
.t-bar-crt-icon-inner-con-icon path{
    color: white;
}
.t-bar-crt-icon-inner-con-count{
position: absolute;
    top: -17px;
    right: 8px;
    background-color: var(--primary-color);
    color: white;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.3px;
    padding: 10px;
    border-radius: 50%;
    z-index: -1;
}
@media(max-width:767px){
    .t-bar-crt-icon-con {
        transform: translate(0px, 10px);
    }
}

/*animation*/


.cart-icon-ani {
/*  font-size: 40px;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;*/
}

/* BounceIn animation */
.bounceInAni {
/*  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
    animation: bounceInCart 0.3s ease-in-out;
}

@keyframes bounceInCart{
    0%{
      transform:translateY(0px);  
    }
    10%{
      transform:translateY(8px);  
    }
    100%{
      transform:translateY(0px);  
    }
}

/*@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}*/


/*end animation*/
/*end top bar cart*/



/*to cutom css*/
.full-width-btn-elmt{
    width:100%;
    max-width:100%;
    min-width: 100%;
    text-align: center;
}
/*end to cutom css*/