.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url("./ajax-loader.gif") center center no-repeat
}
@font-face{
    font-family:"slick";
    src:url("./fonts/slick.eot");
    src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");
    font-weight:normal;
    font-style:normal
}
.slick-prev,.slick-next{
    position:absolute;
    display:block;
    height:20px;
    width:20px;
    line-height:0px;
    font-size:0px;
    cursor:pointer;
    background:rgba(0,0,0,0);
    color:rgba(0,0,0,0);
    top:50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    padding:0;
    border:none;
    outline:none
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    outline:none;
    background:rgba(0,0,0,0);
    color:rgba(0,0,0,0)
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:"slick";
    font-size:20px;
    line-height:1;
    color:#fff;
    opacity:.75;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    left:auto;
    right:-25px
}
.slick-prev:before{
    content:"←"
}
[dir=rtl] .slick-prev:before{
    content:"→"
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    left:-25px;
    right:auto
}
.slick-next:before{
    content:"→"
}
[dir=rtl] .slick-next:before{
    content:"←"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    border:0;
    background:rgba(0,0,0,0);
    display:block;
    height:20px;
    width:20px;
    outline:none;
    line-height:0px;
    font-size:0px;
    color:rgba(0,0,0,0);
    padding:5px;
    cursor:pointer
}
.slick-dots li button:hover,.slick-dots li button:focus{
    outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:"slick";
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    color:#000;
    opacity:.75
}
:root{
    --theme-color: #1f56a8;
    --theme-color-rgb: 13, 164, 135;
    --theme-color1: #3366cc;
    --theme-color1-rgb: 14, 148, 122;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%) 
}
@-webkit-keyframes scaleUpDown{
    0%,100%{
        -webkit-transform:scaleY(1) scaleX(1);
        transform:scaleY(1) scaleX(1)
    }
    50%,90%{
        -webkit-transform:scaleY(1.1);
        transform:scaleY(1.1)
    }
    75%{
        -webkit-transform:scaleY(0.95);
        transform:scaleY(0.95)
    }
    80%{
        -webkit-transform:scaleX(0.95);
        transform:scaleX(0.95)
    }
}
@keyframes scaleUpDown{
    0%,100%{
        -webkit-transform:scaleY(1) scaleX(1);
        transform:scaleY(1) scaleX(1)
    }
    50%,90%{
        -webkit-transform:scaleY(1.1);
        transform:scaleY(1.1)
    }
    75%{
        -webkit-transform:scaleY(0.95);
        transform:scaleY(0.95)
    }
    80%{
        -webkit-transform:scaleX(0.95);
        transform:scaleX(0.95)
    }
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:skewX(0) scale(1);
        transform:skewX(0) scale(1)
    }
    50%{
        -webkit-transform:skewX(5deg) scale(0.9);
        transform:skewX(5deg) scale(0.9)
    }
}
@keyframes shake{
    0%,100%{
        -webkit-transform:skewX(0) scale(1);
        transform:skewX(0) scale(1)
    }
    50%{
        -webkit-transform:skewX(5deg) scale(0.9);
        transform:skewX(5deg) scale(0.9)
    }
}
@-webkit-keyframes particleUp{
    0%{
        opacity:0
    }
    20%{
        opacity:1
    }
    80%{
        opacity:1
    }
    100%{
        opacity:0;
        top:-100%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@keyframes particleUp{
    0%{
        opacity:0
    }
    20%{
        opacity:1
    }
    80%{
        opacity:1
    }
    100%{
        opacity:0;
        top:-100%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@-webkit-keyframes shape{
    0%{
        background-position:100% 0
    }
    50%{
        background-position:50% 50%
    }
    100%{
        background-position:0 100%
    }
}
@keyframes shape{
    0%{
        background-position:100% 0
    }
    50%{
        background-position:50% 50%
    }
    100%{
        background-position:0 100%
    }
}
@-webkit-keyframes rounded{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rounded{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes move{
    0%{
        -webkit-transform:scale(1) rotate(0deg) translate3d(0, 0, 1px);
        transform:scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }
    30%{
        opacity:1
    }
    100%{
        z-index:10;
        -webkit-transform:scale(0) rotate(360deg) translate3d(0, 0, 1px);
        transform:scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}
@keyframes move{
    0%{
        -webkit-transform:scale(1) rotate(0deg) translate3d(0, 0, 1px);
        transform:scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }
    30%{
        opacity:1
    }
    100%{
        z-index:10;
        -webkit-transform:scale(0) rotate(360deg) translate3d(0, 0, 1px);
        transform:scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}
@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@-webkit-keyframes flash{
    0%{
        opacity:.4;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    100%{
        opacity:1;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
}
@keyframes flash{
    0%{
        opacity:.4;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    100%{
        opacity:1;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
}
@keyframes shake{
    0%{
        -webkit-transform:translate(3px, 0);
        transform:translate(3px, 0)
    }
    50%{
        -webkit-transform:translate(-3px, 0);
        transform:translate(-3px, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes grow{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes grow{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes blink{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes blink{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes product-fade{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes product-fade{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}








[data-notify=icon]{
    margin-right:5px
}
[dir=rtl] [data-notify=icon]{
    margin-right:unset;
    margin-left:5px
}
[data-notify=progressbar]{
    width:100%;
    height:5px;
    margin-bottom:0;
    position:absolute;
    bottom:0;
    left:0;
    border-radius:0
}
.progress-bar-info{
    background-color:#0c5460
}

    font-weight:600
}
.breadcrumb-section{
    background-color:#f8f8f8;
    position:relative;
    overflow:hidden
}
.breadcrumb-section .breadcrumb-contain{
    padding:calc(26px + 14*(100vw - 320px)/1600) 0;
    text-align:center;
    color:#222;
    font-family:"Public Sans",sans-serif;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 480px){
    .breadcrumb-section .breadcrumb-contain{
        display:block
    }
}
.breadcrumb-section .breadcrumb-contain h2{
    font-weight:700;
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:0
}
@media(max-width: 480px){
    .breadcrumb-section .breadcrumb-contain h2{
        text-align:center;
        margin-bottom:8px
    }
}




.breadcrumb-section .breadcrumb-contain nav{
    margin-left:auto
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain nav{
    margin-left:unset;
    margin-right:auto
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item{
    font-weight:500
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item i{
    color:#4a5568
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active{
    color:#000;
    margin-top:2px
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item{
    position:relative
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item{
    padding-left:0;
    padding-right:8px
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#4a5568
}
.breadcrumb-section .breadcrumb-order{
    display:block
}
.breadcrumb-section .breadcrumb-order .order-box .order-image{
    width:calc(170px + 80*(100vw - 320px)/1600);
    height:auto;
    margin:0 auto calc(16px + 12*(100vw - 320px)/1600)
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark{
    position:relative;
    padding:30px;
    -webkit-animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display:inline-block;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    margin:-20px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    fill:#fff
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background{
    fill:var(--theme-color);
    -webkit-animation:rotate 35s linear both infinite;
    animation:rotate 35s linear both infinite
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star{
    position:absolute;
    -webkit-animation:grow 3s infinite;
    animation:grow 3s infinite;
    fill:var(--theme-color);
    opacity:0
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1){
    width:12px;
    height:12px;
    left:12px;
    top:16px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2){
    width:18px;
    height:18px;
    left:168px;
    top:84px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3){
    width:10px;
    height:10px;
    left:32px;
    top:162px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4){
    height:20px;
    width:20px;
    left:82px;
    top:-12px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5){
    width:14px;
    height:14px;
    left:125px;
    top:162px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6){
    width:10px;
    height:10px;
    left:16px;
    top:16px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3){
    -webkit-animation-delay:4.5s;
    animation-delay:4.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4){
    -webkit-animation-delay:6s;
    animation-delay:6s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5){
    -webkit-animation-delay:7.5s;
    animation-delay:7.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6){
    -webkit-animation-delay:9s;
    animation-delay:9s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark{
    position:relative;
    padding:30px;
    -webkit-animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display:inline-block;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    margin:-20px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    fill:#fff
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background{
    fill:var(--theme-color);
    -webkit-animation:rotate 35s linear both infinite;
    animation:rotate 35s linear both infinite
}
.breadcrumb-section .breadcrumb-order .order-box .order-image i{
    font-size:50px;
    color:#4ead4e
}
.breadcrumb-section .breadcrumb-order .order-box .order-image h2{
    margin-top:10px;
    margin-bottom:15px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image p{
    font-size:18px;
    text-transform:capitalize
}
.breadcrumb-section .breadcrumb-order .order-box .order-image.order-fail i{
    color:var(--theme-color)
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h3{
    font-size:calc(21px + 3*(100vw - 320px)/1600);
    font-weight:700;
    margin-bottom:6px
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h5{
    margin-bottom:8px;
    line-height:1.4
}
    margin-bottom:8px;
    line-height:1.4

    right:unset;
    left:calc(3px + 3*(100vw - 320px)/1600)
}
.btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#222;
    padding:calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
    font-weight:500;
    background:rgba(0,0,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    border:none;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    z-index:0;
    white-space:nowrap
}
.btn:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn:hover .icon{
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.btn.dark-button{
    background:linear-gradient(93.33deg, #222221 12.35%, #2F2F2D 99.38%) !important
}
.btn .icon{
    margin-left:calc(6px + 6*(100vw - 320px)/1600);
    -webkit-transition:.3s ease;
    transition:.3s ease
}
[dir=rtl] .btn .icon{
    margin-left:unset;
    margin-right:calc(6px + 6*(100vw - 320px)/1600)
}
.btn .icon-2{
    margin-left:6px;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
[dir=rtl] .btn .icon-2{
    margin-left:unset;
    margin-right:6px
}

    border:1px solid #4a5568;
    color:#4a5568;
    display:block
}
.btn-animation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    border-radius:5px;
    font-weight:600;
    background:rgba(0,0,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    background:#d8202a;
    background:-webkit-gradient(linear, left top, right top, from(#d8202a), to(#e1015d));
    background:linear-gradient(90deg, #d8202a 0%, #e1015d 100%);
    border:none;
    z-index:0
}
.btn-animation i{
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.btn-animation::after{
    content:"";
    position:absolute;
    width:100%;
    height:0;
    bottom:0;
    left:0;
    z-index:-1;
    border-radius:5px;
    background:#e1015d;
    background:-webkit-gradient(linear, left top, right top, from(#e1015d), to(#d8202a));
    background:linear-gradient(90deg, #e1015d 0%, #d8202a 100%);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn-animation:hover{
    color:#fff
}
.btn-animation:hover i{
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.btn-animation:hover::after{
    top:0;
    height:100%
}
.btn-md{
    padding:calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    font-weight:500
}
.btn-sm{
    padding:8px 16px;
    font-size:14px;
    font-weight:500
}
.btn-2{
    padding:9px 25px;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    font-weight:400
}
.btn-2:hover::after{
    top:0;
    height:100%
}
.btn-2-animation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    background:#1f56a8;
    background:-webkit-gradient(linear, left top, right top, from(#1f56a8), to(#3366cc));
    background:linear-gradient(90deg, #1f56a8 0%, #3366cc 100%);
    border:none;
    z-index:0
}
.btn-2-animation::after{
    content:"";
    position:absolute;
    width:100%;
    height:0;
    bottom:0;
    left:0;
    z-index:-1;
    border-radius:5px;
    background:#1f56a8;
    background:-webkit-gradient(linear, left top, right top, from(#3366cc), to(#1f56a8));
    background:linear-gradient(90deg, #3366cc 0%, #1f56a8 100%);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

    padding:calc(6px + 2*(100vw - 320px)/1600) calc(16px + 11*(100vw - 320px)/1600);
    letter-spacing:.8px;
    font-size:calc(16px + 2*(100vw - 320px)/1600);
    font-weight:700;
    border-radius:50px
}


.counter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.counter .qty-left-minus,.counter .qty-right-plus{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(30px + 5*(100vw - 320px)/1600);
    height:calc(30px + 5*(100vw - 320px)/1600);
    border:1px solid #ececec;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    border-radius:20px;
    line-height:24px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:0
}
.counter .qty-left-minus i,.counter .qty-right-plus i{
    font-size:12px;
    margin-top:3px
}
.counter .qty-left-minus:hover,.counter .qty-right-plus:hover{
    color:#010200
}
.counter .qty-left-minus{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-right:0
}
[dir=rtl] .counter .qty-left-minus{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-right:1px solid #ececec;
    border-left:0
}
.counter .qty-right-plus{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-left:0
}
[dir=rtl] .counter .qty-right-plus{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:0;
    border-left:1px solid #ececec
}
.counter input{
    width:45px;
    height:calc(30px + 5*(100vw - 320px)/1600);
    border:1px solid #ececec;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-align:center;
    font-size:14px;
    font-weight:500;
    background-color:rgba(0,0,0,.06);
    border-radius:0
}
[dir=rtl] .counter input{
    text-align:center
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    appearance:none
}

    background-color:#fff
}

    -webkit-transform:rotate(-45deg) scale(1, 1);
    transform:rotate(-45deg) scale(1, 1)
}

    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control{
    font-size:14px;
    padding:calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600)
}
.form-control.subscribe-input{
    border:none;
    border-radius:0
}
[dir=rtl] .form-control{
    text-align:right
}
.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#000
}
    background-color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#000
}
.input-group .btn{
    z-index:1
}
.label-flex{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.label-flex .discount{
    background-color:var(--theme-color);
    color:#fff;
    padding:4px calc(7px + 3*(100vw - 320px)/1600);
    border-radius:4px
}
.label-flex .discount.sm-discount label{
    font-size:12px
}
.label-flex .discount label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:-2px 0
}
.label-flex .wishlist{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    color:#4a5568;
    margin-left:auto
}
[dir=rtl] .label-flex .wishlist{
    margin-left:unset;
    margin-right:auto
}
.blur-up{
    -webkit-filter:blur(5px);
    filter:blur(5px);
    transition:filter 400ms,-webkit-filter 400ms
}
.blur-up.lazyloaded{
    -webkit-filter:blur(0);
    filter:blur(0)
}
.fullpage-loader{
    width:100vw;
    height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    overflow:hidden;
    background-color:#fff;
    z-index:9999;
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.fullpage-loader span{
    width:6vmin;
    height:6vmin;
    background-color:var(--theme-color);
    border-radius:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
    -webkit-animation-name:move;
    animation-name:move;
    -webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 0.8);
    animation-timing-function:cubic-bezier(0.4, 0, 1, 0.8);
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    top:calc(50% - 4vmin);
    left:50%;
    -webkit-transform-origin:-4vmin center;
    transform-origin:-4vmin center
}
.fullpage-loader span:nth-child(1){
    -webkit-animation-delay:-0.5s;
    animation-delay:-0.5s;
    opacity:0
}
.fullpage-loader span:nth-child(2){
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    opacity:0
}
.fullpage-loader span:nth-child(3){
    -webkit-animation-delay:-1.5s;
    animation-delay:-1.5s;
    opacity:0
}
.fullpage-loader span:nth-child(4){
    -webkit-animation-delay:-2s;
    animation-delay:-2s;
    opacity:0
}
.fullpage-loader span:nth-child(5){
    -webkit-animation-delay:-2.5s;
    animation-delay:-2.5s;
    opacity:0
}
.fullpage-loader span:nth-child(6){
    -webkit-animation-delay:-3s;
    animation-delay:-3s;
    opacity:0
}
.fullpage-loader--invisible{
    opacity:0
}

.b-bottom{
    background-position:bottom !important
}
.b-top{
    background-position:top !important
}
.b-left{
    background-position:left !important
}
.b-right{
    background-position:right !important
}
.product-wrapper .slick-dots{
    position:relative;
    bottom:0;
    margin-top:calc(5px + 15*(100vw - 320px)/1600)
}
.product-wrapper .slick-dots li{
    width:auto;
    height:auto
}
.product-wrapper .slick-dots li button{
    width:calc(6px + 2*(100vw - 320px)/1600);
    height:calc(6px + 2*(100vw - 320px)/1600);
    border-radius:4px;
    padding:0;
    margin:0;
    background-color:rgba(35,35,35,.2);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.product-wrapper .slick-dots li button::before{
    display:none
}
.product-wrapper .slick-dots li.slick-active button{
    margin:0;
    width:calc(30px + 10*(100vw - 320px)/1600);
    background-color:var(--theme-color);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.product-wrapper .timer{
    position:absolute;
    top:15px;
    left:0;
    right:0;
    text-align:center
}
.product-wrapper.slick-slider.slick-dotted{
    margin-bottom:-2px
}
.no-arrow .slick-arrow{
    display:none !important
}
.no-space .slick-list{
    margin:0 !important
}
.no-space .slick-list .slick-slide>div,.no-space .slick-list .slick-slide>ul{
    margin:0 !important
}
[dir=rtl] .no-space .slick-list .slick-slide>div,[dir=rtl] .no-space .slick-list .slick-slide>ul{
    direction:rtl
}

.slick-slider .slick-list{
    margin:0 -10px
}
@media(max-width: 575px){
    .slick-slider .slick-list{
        margin:0 -6px
    }
}
.slick-slider .slick-list .slick-slide>*{
    margin:0 10px
}
[dir=rtl] .slick-slider .slick-list .slick-slide>*{
    direction:rtl
}
@media(max-width: 575px){
    .slick-slider .slick-list .slick-slide>*{
        margin:0 6px
    }
}
.slick-slider.slick-dotted{
    margin-bottom:0
}
.slick-top .slick-list .slick-track>div{
    margin:3px 0
}


[dir=rtl] .arrow-slider .slick-next{
    right:unset;
    left:50px
}
.arrow-slider .slick-next::before{
    content:""
}
@media(max-width: 575px){
    [dir=rtl] .arrow-slider .slick-next{
        left:40px
    }
}
.arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
    top:-42px
}
@media(max-width: 1460px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-38px
    }
}
@media(max-width: 1199px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-37px
    }
}
@media(max-width: 767px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-33px
    }
}
@media(max-width: 480px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-31px
    }
}
@media(max-width: 360px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-29px
    }
}
.arrow-slider-2 .slick-prev{
    left:unset;
    right:50px
}
[dir=rtl] .arrow-slider-2 .slick-prev{
    right:unset;
    left:0
}
.arrow-slider-2 .slick-prev::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#222;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.arrow-slider-2 .slick-prev:hover::before{
    color:var(--theme-color)
}
.arrow-slider-2 .slick-next{
    right:5px
}
[dir=rtl] .arrow-slider-2 .slick-next{
    right:unset;
    left:30px
}
.arrow-slider-2 .slick-next::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#222
}
.arrow-slider-2 .slick-next:hover::before{
    color:var(--theme-color)
}
.img-slider img{
    display:initial
}

.slick-height .slick-list .slick-track .slick-slide{
    height:auto
}

@media(max-width: 767px){
    .theme-option{
        bottom:calc(75px + 5*(100vw - 320px)/1600)
    }
}
.theme-option .back-to-top{
    background-color:var(--theme-color);
    padding:0;
    border-radius:5px;
    z-index:1;
    margin-top:12px
}
[dir=rtl] .theme-option .back-to-top{
    right:unset;
    left:calc(10px + 15*(100vw - 320px)/1600)
}
.theme-option .back-to-top a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(30px + 10*(100vw - 320px)/1600);
    height:calc(30px + 10*(100vw - 320px)/1600)
}
.theme-option .back-to-top a i{
    color:#fff
}

.timer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] .timer ul{
    padding-left:unset;
    padding-right:0
}
@media(max-width: 360px){
    .timer ul{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media(max-width: 575px){
    .timer ul{
        margin-top:12px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.timer ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    position:relative;
    background-color:#ececec;
    padding:8px;
    border-radius:5px
}
@media(max-width: 575px){
    .timer ul li{
        width:40px;
        height:40px
    }
}
.timer ul li+li{
    margin-left:15px
}
[dir=rtl] .timer ul li+li{
    margin-left:unset;
    margin-right:15px
}
.timer ul li+li::after{
    content:":";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-weight:bolder;
    left:-10px
}
[dir=rtl] .timer ul li+li::after{
    left:unset;
    right:-10px
}
.timer ul li .counter h4{
    font-weight:500
}
@media(max-width: 575px){
    .timer ul li .counter h4{
        font-size:15px
    }
}
.timer-2{
    margin-left:40px
}
@media(max-width: 575px){
    .timer-2{
        margin-left:0
    }
}
.timer-2 ul li{
    width:60px;
    height:60px;
    color:#000;
    border:1px solid #222;
    background-color:rgba(0,0,0,0)
}
.timer-2 ul li.bg-color{
    background-color:var(--theme-color);
    color:#fff
}
.timer-2 ul li .counter{
    font-size:20px;
    font-weight:500
}
.timer-2 ul li+li::after{
    color:#4a5568
}
.timer-box ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 360px){
    .timer-box ul{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media(max-width: 575px){
    .timer-box ul{
        margin-top:12px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.timer-box ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    position:relative;
    background-color:#ececec;
    padding:8px;
    border-radius:5px
}
@media(max-width: 575px){
    .timer-box ul li{
        width:40px;
        height:40px
    }
}
.timer-box ul li+li{
    margin-left:15px
}
.timer-box ul li+li::after{
    content:":";
    position:absolute;
    font-weight:bolder;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-10px
}
.timer-box ul li .counter h4{
    font-weight:500
}
@media(max-width: 575px){
    .timer-box ul li .counter h4{
        font-size:15px
    }
}
.title-leaf{
    width:140px;
    text-align:center;
    margin-top:7px;
    position:relative;
    z-index:0
}
.title-leaf::before{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    height:1px;
    left:0;
    background-color:var(--theme-color);
    z-index:-1
}
.title-leaf svg{
    background-color:#fff;
    width:45px;
    z-index:1;
    fill:var(--theme-color)
}
.title-leaf svg.bg-gray{
    background-color:#f8f8f8
}
.title{
    margin-bottom:calc(16px + 14*(100vw - 320px)/1600);
    display:inline-block;
    position:relative
}
.title h2{
    font-weight:700;
    color:#222;
    position:relative
}
.title p{
    line-height:1.5;
    margin:calc(5px + 5*(100vw - 320px)/1600) 0 0;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568
}
.title-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 1265px){
    .title-flex{
        display:block
    }
}
.title-flex .timing-box{
    display:inline-block
}
.title-flex .timing-box .timing{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#e1015d;
    color:#fff;
    padding:calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius:5px
}
@media(max-width: 1265px){
    .title-flex .timing-box .timing{
        margin-top:calc(14px + 6*(100vw - 320px)/1600)
    }
}
.title-flex .timing-box .timing i{
    -webkit-text-stroke:1px #fff;
    color:rgba(0,0,0,0);
    margin-right:9px
}
.title-flex .timing-box .timing .feather{
    width:17px;
    height:17px;
    margin-right:9px
}
[dir=rtl] .title-flex .timing-box .timing .feather{
    margin-left:9px;
    margin-right:unset
}
.title-flex .timing-box .timing .name{
    font-weight:600;
    margin-right:8px;
    line-height:1
}
[dir=rtl] .title-flex .timing-box .timing .name{
    margin-left:8px;
    margin-right:unset
}
.title-flex .timing-box .timing .time ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] .title-flex .timing-box .timing .time ul{
    padding-left:unset;
    padding-right:0
}
.title-flex .timing-box .timing .time ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    line-height:1
}
.title-flex .timing-box .timing .time ul li+li{
    margin-left:15px
}
[dir=rtl] .title-flex .timing-box .timing .time ul li+li{
    margin-left:unset;
    margin-right:15px
}
.title-flex .timing-box .timing .time ul li+li::after{
    content:":";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-weight:bolder;
    left:-10px
}
[dir=rtl] .title-flex .timing-box .timing .time ul li+li::after{
    left:unset;
    right:-10px
}
.title-flex .timing-box .timing .time ul li .counter h6{
    font-weight:600
}

@media(min-width: 1464px){
    .container{
        max-width:1440px
    }
}
.col-custom-3{
    width:22%
}
@media(max-width: 1399px){
    .col-custom-3{
        width:25%
    }
}
@media(max-width: 1199px){
    .col-custom-3{
        width:30%
    }
}
@media(max-width: 991px){
    .col-custom-3{
        width:0
    }
}
.col-custom-{
    width:78%
}
@media(max-width: 1399px){
    .col-custom-{
        width:75%
    }
}
@media(max-width: 1199px){
    .col-custom-{
        width:70%
    }
}
@media(max-width: 991px){
    .col-custom-{
        width:100%
    }
}
.fw-300{
    font-weight:300
}
.w-60{
    width:60% !important
}
.section-small-space{
    padding:calc(18px + 24*(100vw - 320px)/1600) 0
}
.section-big-space{
    padding:calc(40px + 120*(100vw - 320px)/1600) 0
}
.section-lg-space{
    padding:calc(30px + 40*(100vw - 320px)/1600) 0
}
section,.section-t-space{
    padding-top:calc(30px + 20*(100vw - 320px)/1600)
}
.section-b-space{
    padding-bottom:calc(30px + 20*(100vw - 320px)/1600)
}
.container-fluid-lg{
    padding:0 calc(12px + 26*(100vw - 320px)/1600)
}
.container-fluid-md{
    padding:0 calc(12px + 38*(100vw - 320px)/1600)
}
.container-fluid-xs{
    padding:0 calc(12px + 13*(100vw - 320px)/1600)
}
.section-small-space{
    padding:30px 0
}
.p-top-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-top-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-top-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-top-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-center-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-center-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-center-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
[dir=rtl] .p-center-right{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.p-bottom-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-bottom-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-bottom-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-bottom-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-sticky{
    position:sticky;
    top:10px
}
.ls-expanded{
    letter-spacing:12px;
    margin-right:-12px
}
.ls-resize-expanded{
    letter-spacing:calc(4px + 6*(100vw - 320px)/1600)
}
.g-8{
    margin:-8px
}
.g-8>div{
    padding:8px
}
.icon-width{
    width:25px;
    height:25px
}
.rating{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 360px){
    .rating{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
[dir=rtl] .rating{
    padding-left:unset;
    padding-right:0
}
.rating li{
    line-height:0
}
.rating li+li{
    margin-left:2px
}
[dir=rtl] .rating li+li{
    margin-left:unset;
    margin-right:2px
}
.rating li .feather{
    width:14px;
    height:14px;
    stroke:#ffb321
}
.rating li .feather.fill{
    fill:#ffb321
}
.product-rating{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-rating span{
    color:#4a5568;
    font-size:12px;
    margin-left:5px
}
[dir=rtl] .product-rating span{
    margin-left:unset;
    margin-right:5px
}
.mend-auto{
    margin-right:auto !important;
    text-align:left
}
.mstart-auto{
    margin-left:auto !important;
    text-align:left
}
.fw-500{
    font-weight:500
}
.text-theme{
    color:var(--theme-color)
}
.text-title{
    color:#222 !important
}
.text-content{
    color:#4a5568;
     line-height:30px;
}
.text-yellow{
    color:#ffb321 !important
}
.text-danger{
    color:#e1015d !important
}
.bg-gray{
    background-color:#f8f8f8 !important
}
.bg-theme{
    background-color:var(--theme-color)
}
.bg-gradient-color{
    background:linear-gradient(149.8deg, #f8f8fb 17.21%, #f3f5f9 79.21%)
}
.orange-color{
    color:#ffbc5d !important
}
.text-exo{
    font-family:"Exo 2",sans-serif
}
.text-russo{
    font-family:"Russo One",sans-serif
}
.text-pacifico{
    font-family:"Pacifico",cursive
}
.text-kaushan{
    font-family:"Kaushan Script",cursive
}
.text-great{
    font-family:"Great Vibes",cursive
}
.text-qwitcher{
    font-family:"Qwitcher Grypen",cursive
}
.w-58{
    width:58% !important
}
.colorpick-eyedropper-input-trigger{
    display:none
}
.hover-effect:hover{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
.shelf{
    border-bottom:30px solid #a5a5a5;
    border-left:20px solid rgba(0,0,0,0);
    border-right:20px solid rgba(0,0,0,0);
    top:-11px;
    z-index:-1;
    position:relative
}
.shelf:after{
    content:"";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#686868;
    height:20px;
    width:calc(100% + 40px);
    bottom:-50px;
    z-index:1
}
body{
    font-family:"Public Sans",sans-serif;
    position:relative;
    font-size:14px;
    color:#222;
    margin:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    padding-right:0 !important
}
body ::-moz-selection{
    color:#fff;
    background-color:var(--theme-color)
}
body ::selection{
    color:#fff;
    background-color:var(--theme-color)
}
.bg-overlay{
    width:100vw;
    height:100vh;
    background-color:#222;
    position:fixed;
    z-index:9;
    top:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.5s;
    transition:.5s
}
.bg-overlay.show{
    visibility:visible;
    opacity:.5
}
ul{
    padding-left:0;
    margin-bottom:0
}
li{
    display:inline-block;
    font-size:14px
}
p{
    font-size:14px;
    line-height:18px
}
a{
    color:var(--theme-color);
    -webkit-transition:.5s ease;
    transition:.5s ease;
    text-decoration:none
}
a:hover{
    text-decoration:none;
    -webkit-transition:.5s ease;
    transition:.5s ease
}
a:focus{
    outline:none
}
button:focus{
    outline:none
}
.btn-close:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
:focus{
    outline:none
}
.form-control{
    background-color:#fff
}
.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-color)
}
h1{
    font-size:calc(40px + 30*(100vw - 320px)/1600);
    font-weight:600;
    line-height:1.1;
    text-transform:capitalize;
    margin:0
}
h2{
    font-size:calc(22px + 6*(100vw - 320px)/1600);
    font-weight:600;
    line-height:1;
    text-transform:capitalize;
    margin:0
}
h3{
    font-size:calc(16px + 4*(100vw - 320px)/1600);
    font-weight:500;
    line-height:1.2;
    margin:0
}
h4{
    font-size:calc(17px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
h5{
    font-size:calc(15px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
h6{
    font-size:calc(13px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
span{
    display:inline-block
}
.theme-color{
    color:var(--theme-color) !important
}
.theme-bg-color{
    background:var(--theme-color) !important
}
.banner-contain{
    border-radius:5px;
    overflow:hidden;
    position:relative
}
[dir=rtl] .banner-contain .banner-details{
    text-align:left
}
.banner-contain .banner-details.banner-b-space{
    padding:calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600)
}
.banner-contain .banner-details .banner-box{
    position:absolute;
    top:30px;
    left:0;
    background-color:rgba(255,255,255,.5);
    padding:calc(8px + 4*(100vw - 320px)/1600) calc(30px + 9*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600);
    border-radius:0px 60px 60px 0px;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    -webkit-box-shadow:0px 11px 10px rgba(74,85,104,.06);
    box-shadow:0px 11px 10px rgba(74,85,104,.06)
}
.banner-contain .banner-details .banner-box h5{
    margin:calc(4px + 2*(100vw - 320px)/1600) 0;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    font-weight:600
}
.banner-contain .banner-details .banner-button{
    position:absolute;
    bottom:calc(8px + 8*(100vw - 320px)/1600);
    left:calc(14px + 8*(100vw - 320px)/1600);
    color:#fff;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    font-weight:600;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.banner-contain .banner-details h2{
    font-size:calc(20px + 22*(100vw - 320px)/1600)
}
.banner-contain .banner-details h2.banner-title{
    font-size:calc(31px + 19*(100vw - 320px)/1600);
    font-weight:700
}
.banner-contain .banner-details h3{
    font-size:calc(20px + 10*(100vw - 320px)/1600);
    margin-top:-7px
}
.banner-contain .banner-details h4{
    font-size:calc(20px + 4*(100vw - 320px)/1600);
    line-height:1.6
}
.banner-contain .banner-details .coupon-code{
    padding:calc(7px + 3*(100vw - 320px)/1600) calc(9px + 6*(100vw - 320px)/1600);
    background-color:rgba(var(--theme-color-rgb), 0.4);
    border:2px dashed rgba(255,255,255,.5);
    display:inline-block;
    font-weight:500;
    margin-top:13px
}
.banner-contain .banner-details .coupon-code-white{
    background-color:rgba(255,255,255,.2)
}
.banner-contain .banner-details .coupon-code.code-2{
    background-color:rgba(153,105,31,.5)
}
.banner-contain .banner-details p{
    color:#4a5568;
    line-height:1.5
}
[dir=rtl] .banner-contain .banner-details p{
    margin-right:auto
}
.banner-contain .banner-details p.banner-text{
    width:62%
}
@media(max-width: 575px){
    .banner-contain .banner-details p.banner-text{
        width:80%
    }
}
@media(max-width: 480px){
    .banner-contain .banner-details p.banner-text{
        width:100%
    }
}
.banner-contain .banner-details .banner-timing{
    width:100%;
    height:210px;
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(181.97deg, rgba(0, 0, 0, 0.3) 1.66%, rgba(0, 0, 0, 0) 95.27%);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    text-align:center;
    color:#fff
}
.banner-contain .banner-details .banner-timing .time{
    margin-top:25px
}
.banner-contain .banner-details .banner-timing .time ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly
}
.banner-contain .banner-details .banner-timing .time ul li .counter{
    width:55px;
    height:70px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px dashed #fff
}
.banner-contain .banner-details .banner-timing .time ul li .counter h5{
    font-weight:600;
    margin-bottom:4px
}
.banner-contain-2{
    position:relative;
    border-radius:5px;
    overflow:hidden
}
.banner-contain-2 .banner-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}
[dir=rtl] .banner-contain-2 .banner-detail{
    left:unset;
    right:0;
    text-align:left
}
.banner-contain-2 .banner-detail .banner-detail-box{
    position:relative;
    padding:7px 0
}
.banner-contain-2 .banner-detail .banner-detail-box::before{
    content:"";
    position:absolute;
    width:2px;
    height:100%;
    top:0;
    left:-10px;
    background-color:var(--theme-color)
}
.banner-contain-2 .banner-detail .banner-detail-box-2{
    padding:7px 0 7px 17px
}
.banner-contain-2 .banner-detail .banner-detail-box-2::before{
    width:5px;
    border-radius:50px;
    left:0
}
[dir=rtl] .banner-contain-2 .banner-detail .banner-detail-box-2::before{
    left:0;
    right:unset
}
.banner-contain-2 .banner-detail h3{
    font-size:calc(27px + 7*(100vw - 320px)/1600)
}
.banner-contain-2 .banner-detail h3 .brand-name{
    font-weight:bold;
    background-color:var(--theme-color);
    color:#fff;
    padding:calc(6px + 4*(100vw - 320px)/1600) calc(8px + 2*(100vw - 320px)/1600);
    position:relative;
    z-index:0
}
.banner-contain-2 .banner-detail h3 .brand-name::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:calc(3px + 4*(100vw - 320px)/1600);
    left:calc(3px + 3*(100vw - 320px)/1600);
    border:calc(1px + 1*(100vw - 320px)/1600) solid #222;
    z-index:-1
}
.banner-contain-2 .banner-detail h2{
    font-size:calc(42px + 17*(100vw - 1199px)/721);
    font-weight:700
}
.banner-contain-2 .banner-detail h4{
    font-weight:600;
    font-size:calc(17px + 4*(100vw - 320px)/1600);
    color:#222
}
.banner-contain-2 .banner-detail-2{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}
[dir=rtl] .banner-contain-2 .banner-detail-2{
    left:unset;
    right:0
}
.banner-contain-2 .banner-detail-2>div{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(24.21%, rgba(255, 255, 255, 0.2)), color-stop(75.22%, rgba(255, 255, 255, 0.2)));
    background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 24.21%, rgba(255, 255, 255, 0.2) 75.22%);
    padding:22px;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px)
}
.banner-contain-2 .banner-detail-2 h3{
    font-size:calc(27px + 9*(100vw - 320px)/1600);
    font-weight:700;
    color:#fff
}
.banner-contain-2 .banner-detail-2 h2{
    font-size:calc(42px + 17*(100vw - 1199px)/721);
    font-weight:700
}
.banner-contain-2 .banner-detail-2 button{
    background-color:var(--theme-color);
    color:#fff;
    margin:9px auto 0
}
.banner-contain-3{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.banner-contain-3 .flower-pot{
    position:absolute;
    bottom:0;
    right:-59px
}
@media(max-width: 1199px){
    .banner-contain-3 .flower-pot{
        display:none
    }
}
.banner-contain-3 .social-image{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.banner-contain-3 .delivery-bike{
    text-align:center
}
.banner-contain-3 .delivery-bike img{
    margin-top:-16px
}
.banner-contain-3.banner-contain-bg{
    background-image:url(../images/grocery/banner/11-bg.png);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    display:block
}
.banner-contain-3 .banner-detail-2 h2{
    font-size:calc(25px + 15*(100vw - 320px)/1600);
    margin-bottom:10px;
    text-transform:none
}
.banner-contain-3 .banner-detail-2 h3{
    font-size:35px
}
.banner-contain-3 .banner-detail-2 h4{
    font-size:40px
}
.banner-contain-3 .banner-minus-position{
    margin-top:-13px
}
@media(max-width: 575px){
    .banner-contain-3 .banner-minus-position{
        margin-top:0
    }
}
@media(max-width: 1660px){
    .banner-contain-3 .banner-detail-deliver{
        width:60% !important;
        margin-left:auto
    }
}
@media(max-width: 575px){
    .banner-contain-3 .banner-detail-deliver{
        width:100% !important;
        background:#eaf5f5
    }
}
.banner-contain-3 .banner-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0;
    padding:calc(20px + 30*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail.banner-half-width{
    width:50%
}
.banner-contain-3 .banner-detail.banner-p-sm{
    padding:calc(15px + 15*(100vw - 320px)/1600) !important
}
.banner-contain-3 .banner-detail h2{
    font-size:calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom:3px
}
.banner-contain-3 .banner-detail h2.sale-name{
    font-size:calc(25px + 13*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail h3{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px;
    line-height:1.4
}
.banner-contain-3 .banner-detail h3.banner-contain{
    font-size:33px;
    font-weight:bold;
    margin-bottom:0
}
@media(max-width: 1500px){
    .banner-contain-3 .banner-detail h3.banner-contain{
        font-size:20px
    }
}
.banner-contain-3 .banner-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px;
    line-height:1.4
}




.banner-contain-3 .banner-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
.banner-contain-3 .banner-detail h6{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:calc(10px + 10*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:0;
    line-height:1.5;
    color:#4a5568;
    letter-spacing:.8px
}
.banner-contain-3 .banner-detail .banner-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
}
[dir=rtl] .banner-contain-3 .banner-detail .banner-list{
    padding-right:0
}
.banner-contain-3 .banner-detail .banner-list li{
    display:block;
    width:100%
}
.banner-contain-3 .banner-detail .banner-list li .delivery-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:11px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.banner-contain-3 .banner-detail .banner-list li .delivery-box .check-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:20px;
    height:20px;
    background-color:#6bbe66;
    color:#fff;
    border-radius:100%;
    font-size:11px
}
@media(max-width: 1500px){
    .banner-contain-3 .banner-detail .banner-list li .delivery-box .check-contain h5{
        font-size:14px
    }
}
.banner-contain-3 .banner-detail .shop-now-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    color:#fff;
    font-size:15px
}
.banner-contain-3 .banner-detail .shop-now-button i{
    font-size:14px;
    margin-left:8px;
    margin-top:-2px
}
[dir=rtl] .banner-contain-3 .banner-detail .shop-now-button i{
    margin-left:unset;
    margin-right:8px
}
.offer-banner{
    border-radius:15px;
    overflow:hidden;
    position:relative
}
.offer-banner:hover .banner-detail{
    border-radius:5px
}
.offer-banner:hover .banner-detail::after{
    opacity:1
}
.offer-banner .banner-detail{
    position:absolute;
    top:calc(9px + 9*(100vw - 320px)/1600);
    left:calc(9px + 9*(100vw - 320px)/1600);
    padding:calc(7px + 3*(100vw - 320px)/1600) calc(21px + 5*(100vw - 320px)/1600) calc(7px + 3*(100vw - 320px)/1600) calc(10px + 5*(100vw - 320px)/1600);
    border-radius:5px 30px 30px 5px;
    -webkit-box-shadow:0px 3px 4px rgba(34,34,34,.14);
    box-shadow:0px 3px 4px rgba(34,34,34,.14);
    z-index:0;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-color:rgba(255,255,255,.95)
}
.offer-banner .banner-detail h5{
    letter-spacing:.6px;
    margin-bottom:3px;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
.offer-banner .banner-detail h6{
    letter-spacing:1.7px;
    color:#4a5568
}
.offer-banner .offer-box{
    position:absolute;
    bottom:calc(7px + 11*(100vw - 320px)/1600);
    right:calc(7px + 11*(100vw - 320px)/1600);
    background-color:var(--theme-color);
    border-radius:50px
}
.offer-banner .offer-box a{
    color:#fff;
    padding:calc(4px + 4*(100vw - 320px)/1600) calc(15px + 6*(100vw - 320px)/1600);
    display:block
}
.offer-banner .offer-box a span{
    letter-spacing:1.5px;
    font-size:calc(16px + 2*(100vw - 320px)/1600);
    font-weight:500
}

@media(max-width: 575px){
    .banner-small.ratio_65 .bg-size:before{
        padding-top:53%
    }
}




footer{
    background-color:#f8f8f8;
    position:relative;
    z-index:0
}
footer::after{
    content:"";
    position:absolute;
    width:30%;
    height:100%;
    top:0;
    left:0;
    background-image:url(../images/vegetable/footer-shape.png);
    background-repeat:no-repeat;
    z-index:-1
}
@media(max-width: 1199px){
    footer::after{
        content:none
    }
}
footer:before{
    content:"";
    position:absolute;
    width:30%;
    height:100%;
    bottom:0;
    right:0;
    background-image:url(../images/vegetable/footer-shape-2.png);
    background-repeat:no-repeat;
    z-index:-1
}
@media(max-width: 1199px){
    footer:before{
        content:none
    }
}
@media(max-width: 767px){
    footer .main-footer{
        border:none;
        padding-top:0
    }
}
footer .main-footer .footer-theme .footer-theme-contain{
    margin-top:calc(13px + 7*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0
}
footer .main-footer .footer-theme .footer-theme-contain ul.address{
    margin-top:calc(17px + 13*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li p{
    margin:1px 0 0 10px;
    color:#4a5568
}
[dir=rtl] footer .main-footer .footer-theme .footer-theme-contain ul.address li p{
    margin:1px 10px 0 0
}
footer .main-footer .footer-theme .footer-theme-contain ul li{
    display:block;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain ul li a:hover{
    color:#4a5568
}
footer .main-footer .footer-theme .footer-theme-contain ul li+li{
    margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 575px){
    footer .main-footer .footer-logo .theme-logo{
        margin-bottom:15px
    }
}
footer .main-footer .footer-logo .theme-logo a img{
    width:calc(120px + 40*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo h4{
    margin-left:10px
}
footer .main-footer .footer-logo .footer-logo-contain{
    margin:calc(13px + 7*(100vw - 320px)/1600) 0
}
footer .main-footer .footer-logo .footer-logo-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0;
    width:88%
}
@media(max-width: 360px){
    footer .main-footer .footer-logo .footer-logo-contain p{
        width:100%
    }
}
footer .main-footer .footer-logo .footer-logo-contain .address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(8px + 7*(100vw - 320px)/1600);
    margin-top:calc(7px + 23*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address{
    padding-left:unset;
    padding-right:0
}
footer .main-footer .footer-logo .footer-logo-contain .address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:100%
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover a{
    color:var(--theme-color)
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather{
    stroke:var(--theme-color)
}
footer .main-footer .footer-logo .footer-logo-contain .address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-logo .footer-logo-contain .address li a{
    margin:0 0 0 10px;
    color:#4a5568;
    line-height:18px;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address li a{
    margin-right:10px;
    margin-left:unset
}
footer .main-footer .footer-title h4{
    font-size:calc(17px + 3*(100vw - 320px)/1600);
    font-weight:600
}
@media(max-width: 575px){
    footer .main-footer .footer-title h4{
        font-weight:500
    }
}
footer .main-footer .footer-contain{
    margin-top:calc(8px + 12*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0
}
footer .main-footer .footer-contain ul.address{
    margin-top:calc(17px + 13*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain ul.address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
footer .main-footer .footer-contain ul.address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-contain ul.address li p,footer .main-footer .footer-contain ul.address li a{
    margin:0 0 0 10px;
    color:#4a5568;
    line-height:18px
}
[dir=rtl] footer .main-footer .footer-contain ul.address li p,[dir=rtl] footer .main-footer .footer-contain ul.address li a{
    margin-right:10px;
    margin-left:unset
}
footer .main-footer .footer-contain ul li{
    display:block;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    position:relative
}
footer .main-footer .footer-contain ul li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    left:0;
    background-color:var(--theme-color);
    border-radius:100%;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] footer .main-footer .footer-contain ul li::after{
    left:unset;
    right:-13px
}
footer .main-footer .footer-contain ul li:hover::after{
    opacity:1
}
footer .main-footer .footer-contain ul li:hover a{
    color:var(--theme-color);
    margin-left:13px
}
[dir=rtl] footer .main-footer .footer-contain ul li:hover a{
    margin-left:unset;
    margin-right:13px
}
footer .main-footer .footer-contain ul li:hover a::before{
    width:100%
}
footer .main-footer .footer-contain ul li:hover a::after{
    opacity:1
}
footer .main-footer .footer-contain ul li a{
    display:inline-block;
    position:relative
}
footer .main-footer .footer-contain ul li a::before{
    content:"";
    position:absolute;
    width:0;
    height:2px;
    left:0;
    bottom:0;
    background-color:var(--theme-color);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] footer .main-footer .footer-contain ul li a::before{
    left:unset;
    right:0
}
footer .main-footer .footer-contain ul li a::after{
    content:unset !important
}
footer .main-footer .footer-contain ul li+li{
    margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .social-app::before{
    content:none
}
footer .main-footer .social-app ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:8px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .main-footer .social-app ul li{
    display:inline-block
}
footer .main-footer .social-app ul li::before{
    content:none !important
}
footer .main-footer .social-app ul li a{
    display:block
}
footer .main-footer .social-app ul li a img{
    width:calc(114px + 26*(100vw - 320px)/1600)
}
footer .main-footer .footer-contact{
    margin-top:calc(13px + 7*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-contact{
    padding-left:unset;
    padding-right:0
}
footer .main-footer .footer-contact ul li{
    display:block;
    margin-bottom:calc(30px + 20*(100vw - 320px)/1600);
    position:relative
}
footer .main-footer .footer-contact ul li:last-child{
    margin-bottom:0
}
footer .main-footer .footer-contact ul li:last-child::before{
    content:none
}
footer .main-footer .footer-contact ul li.social-app ul li a{
    display:block
}
footer .main-footer .footer-contact ul li.social-app ul li a img{
    width:139px
}
footer .main-footer .footer-contact ul li::before{
    content:"";
    position:absolute;
    bottom:-24px;
    right:0;
    width:calc(100% - 33px);
    border-bottom:1px dashed #c1c1c1
}
[dir=rtl] footer .main-footer .footer-contact ul li::before{
    right:unset;
    left:0
}
@media(max-width: 1460px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-20px
    }
}
@media(max-width: 991px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-18px
    }
}
@media(max-width: 767px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-16px
    }
}
@media(max-width: 360px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-13px
    }
}
footer .main-footer .footer-contact ul li .footer-number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:12px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
footer .main-footer .footer-contact ul li .footer-number .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-contact ul li .footer-number .contact-number h5{
    margin-top:6px;
    font-weight:600;
    color:#222
}
footer .sub-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
@media(max-width: 991px){
    footer .sub-footer{
        display:block;
        text-align:center
    }
}
@media(max-width: 767px){
    footer .sub-footer{
        margin-bottom:66px
    }
}
@media(max-width: 991px){
    footer .sub-footer .payment{
        margin:8px 0
    }
}
footer .sub-footer .social-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 991px){
    footer .sub-footer .social-link{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
footer .sub-footer .social-link h6{
    margin-right:10px
}
[dir=rtl] footer .sub-footer .social-link h6{
    margin-left:10px;
    margin-right:unset
}
footer .sub-footer .social-link ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .sub-footer .social-link ul li:hover i{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
footer .sub-footer .social-link ul li a{
    display:block
}
footer .sub-footer .social-link ul li a i{
    color:#4a5568;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
footer .sub-footer .social-link ul li+li{
    margin-left:8px
}
[dir=rtl] footer .sub-footer .social-link ul li+li{
    margin-left:unset;
    margin-right:8px
}
footer .sub-footer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:6px
}
@media(max-width: 991px){
    footer .sub-footer ul{
        display:block;
        text-align:center
    }
}
footer .sub-footer ul li{
    display:block
}
.footer-section-2{
    background-color:#f8f8f8
}
.footer-section-2::before,.footer-section-2::after{
    content:none
}
.footer-section-2 .download-image{
    margin-top:calc(20px + 10*(100vw - 320px)/1600)
}
.footer-section-2.footer-color-2{
    background-color:#051616
}
.footer-section-2.footer-color-3{
    background-color:#1f56a8
}
.footer-section-2 .main-footer{
    padding-bottom: 5px;
    );
    border-top:unset
}
.footer-section-2 .main-footer .foot-logo img{
    width:calc(200px + 42*(100vw - 320px)/1600)
}
.footer-section-2 .main-footer .information-text{
    margin-bottom:0;
    margin-top:calc(5px + 15*(100vw - 320px)/1600);
    color:#4a5568;
    font-weight:400;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    line-height:1.7
}
.footer-section-2 .main-footer .information-text-2{
    color:#bfbfbf;
    margin-top:calc(18px + 12*(100vw - 320px)/1600)
}
.footer-section-2 .main-footer .social-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:6px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:20px;
    margin-bottom:10px
}
[dir=rtl] .footer-section-2 .main-footer .social-icon{
    padding-left:unset;
    padding-right:0
}
.footer-section-2 .main-footer .social-icon li{
    width:40px;
    height:40px;
    border-radius:50%;
    position:relative;
    z-index:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li.light-bg::after{
    background-color:#fff;
    opacity:.1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li.light-bg:hover::after{
    opacity:.3
}
.footer-section-2 .main-footer .social-icon li::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:var(--theme-color);
    opacity:.06;
    border-radius:50%;
    z-index:-1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li:hover::after{
    opacity:1
}
.footer-section-2 .main-footer .social-icon li:hover i{
    color:#fff
}
.footer-section-2 .main-footer .social-icon li a{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568
}
.footer-section-2 .main-footer .social-icon li a i{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li a.footer-link-color{
    color:#fff
}
.footer-section-2 .main-footer .download-app{
    margin-top:20px
}
.footer-section-2 .main-footer .download-app span{
    margin-bottom:0;
    margin-top:20px;
    color:#4a5568;
    font-weight:400;
    font-size:16px;
    line-height:1.5
}
.footer-section-2 .main-footer .download-app img{
    width:110px;
    margin-left:8px
}
.footer-section-2 .main-footer .footer-title{
    margin-bottom:calc(13px + 23*(100vw - 320px)/1600);
    font-size:calc(18px + 4*(100vw - 320px)/1600);
    font-family:"Public Sans",sans-serif;
    font-weight:600;
    position:relative
}
.footer-section-2 .main-footer .footer-list-light li a:hover{
    color:#fff
}
.footer-section-2 .main-footer .footer-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(7px + 9*(100vw - 320px)/1600)
}
[dir=rtl] .footer-section-2 .main-footer .footer-list{
    padding-right:0
}
.footer-section-2 .main-footer .footer-list li{
    display:block;
    width:100%
}
@media(max-width: 575px){
    .footer-section-2 .main-footer .footer-list li:last-child{
        margin-bottom:16px
    }
}
.footer-section-2 .main-footer .footer-list li a{
    color:#4a5568;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px
}
.footer-section-2 .main-footer .footer-list li a i{
    margin-right:10px
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a i{
    margin-right:unset;
    margin-left:10px
}
.footer-section-2 .main-footer .footer-list li a.light-text{
    color:#bfbfbf
}
.footer-section-2 .main-footer .footer-list li a:hover{
    color:#fff;
    padding-left:14px
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover{
    padding-left:unset;
    padding-right:14px
}
.footer-section-2 .main-footer .footer-list li a:hover::before{
    left:0;
    opacity:.7
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover::before{
    left:unset;
    right:0
}
.footer-section-2 .main-footer .footer-list li a:before{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-20px;
    border-radius:100%;
    opacity:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:before{
    left:unset;
    right:-20px
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    width:unset;
    height:unset;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";
    left:0;
    opacity:0;
    background:none;
    color:var(--theme-color)
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover{
    padding-left:6px;
    color:var(--theme-color)
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover::before{
    opacity:1
}
[dir=rtl] .footer-section-2 .main-footer .footer-address{
    padding-right:0
}
.footer-section-2 .main-footer .footer-address li{
    margin-bottom:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-section-2 .main-footer .footer-address li:last-child{
    margin-bottom:0
}
.footer-section-2 .main-footer .footer-address li a{
    color:#4a5568;
    position:relative;
    font-size:16px;
    display:block;
    width:100%
}
.footer-section-2 .main-footer .footer-address li a.light-text{
    color:#bfbfbf
}
.footer-section-2 .main-footer .footer-address li a .inform-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-section-2 .main-footer .footer-address li a .inform-box.flex-start-box{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.footer-section-2 .main-footer .footer-address li a .inform-box .feather{
    margin-right:10px;
    width:20px
}
[dir=rtl] .footer-section-2 .main-footer .footer-address li a .inform-box .feather{
    margin-right:unset;
    margin-left:10px
}
.footer-section-2 .main-footer .footer-address li a .inform-box p{
    margin:-3px 0 0;
    width:calc(100% + -36*(100vw - 320px)/1600);
    font-size:16px;
    line-height:30px
}
.footer-section-2 .sub-footer p{
    margin-bottom:0;
    font-size:15px;
    color:#4a5568;
    text-transform:capitalize
}
.footer-section-2 .sub-footer p.light-text{
    color:#bfbfbf
}
.footer-section-2 .sub-footer .payment-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media(max-width: 1199px){
    .footer-section-2 .sub-footer .payment-box{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-top:10px
    }
}
.footer-section-2 .sub-footer .payment-box li{
    margin:0 5px
}
.footer-section-2 .sub-footer .payment-box li img{
    width:40px;
    margin-bottom:-6px;
    display:block
}
.footer-sm{
    margin-left:320px;
    background-color:#fff
}
[dir=rtl] .footer-sm{
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    .footer-sm{
        margin-left:0
    }
    [dir=rtl] .footer-sm{
        margin-left:unset;
        margin-right:0
    }
}
.footer-sm:after,.footer-sm:before{
    display:none
}
.footer-sm .sub-footer{
    border-top:none;
    padding:20px 0
}
.footer-section-4{
    background-image:url(../images/footer-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover
}
.footer-section-4 .main-footer{
    padding-block:calc(18px + 32*(100vw - 320px)/1600);
    border-top:1px solid rgba(236,236,236,.2)
}

header.active .sticky-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    color:#222;
    -webkit-box-shadow:0 8px 10px rgba(34,34,34,.05);
    box-shadow:0 8px 10px rgba(34,34,34,.05);
    z-index:9;
    padding:calc(15px + 9*(100vw - 320px)/1600) 0
}


header .timer-notification{
    color:#fff;
    text-align:center;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative
}
@media(max-width: 1399px){
    header .timer-notification{
        text-align:left
    }
}
header .timer-notification h6{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
header .timer-notification h6 a{
    text-decoration:underline;
    font-weight:600;
    display:inline-block;
    margin-left:5px
}
header .header-notification{
    position:relative
}
header .header-notification.remove{
    display:none
}
@media(max-width: 767px){
    header .header-notification .notification-slider .timer-notification{
        width:80%;
        margin:0 auto
    }
}
header .header-notification .close-notification{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    right:11px;
    padding:0;
    color:#fff;
    font-size:14px;
    font-weight:700
}
@media(max-width: 575px){
    header .header-notification .close-notification{
        top:10px;
        -webkit-transform:none;
        transform:none
    }
}
@media(max-width: 575px){
    header .header-notification .close-notification span{
        display:none
    }
}
header .header-notification .close-notification i{
    margin-left:5px;
    margin-top:1px
}


header .header-top{
    padding:10px 0;
    background-color:var(--theme-color)
}
header .header-top-2{
    background-color:#222
}
header .header-top .top-left-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
header .header-top .top-left-header i{
    font-size:18px;
    margin-right:5px
}
[dir=rtl] header .header-top .top-left-header i{
    margin-right:unset;
    margin-left:5px
}
header .header-top .top-left-header span{
    margin-top:1px;
    font-weight:500
}
header .header-top .about-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    height:100%
}
[dir=rtl] header .header-top .about-list{
    padding-left:unset;
    padding-right:0
}
header .header-top .about-list li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-top .about-list li i{
    font-size:18px;
    margin-right:5px
}
[dir=rtl] header .header-top .about-list li i{
    margin-right:unset;
    margin-left:5px
}
header .header-top .about-list li span{
    margin-top:1px;
    font-weight:500
}
header .header-top .about-list li+li{
    margin-left:25px;
    position:relative
}
[dir=rtl] header .header-top .about-list li+li{
    margin-left:unset;
    margin-right:25px
}
header .header-top .about-list li+li::after{
    content:"";
    position:absolute;
    width:2px;
    height:90%;
    top:0;
    left:-13px;
    background-color:rgba(255,255,255,.3)
}
[dir=rtl] header .header-top .about-list li+li::after{
    left:unset;
    right:-13px
}
header .header-top .about-list li .theme-form-select{
    padding:0;
    background-color:rgba(0,0,0,0);
    color:#fff;
    border:none;
    background-image:none;
    position:relative
}
header .header-top .about-list li .theme-form-select::before{
    content:unset
}
header .header-top .about-list li .theme-form-select .dropdown-toggle{
    font-size:14px;
    font-weight:500;
    color:#fff;
    padding:0 18px 0 0
}
header .header-top .about-list li .theme-form-select .dropdown-toggle img{
    width:20px;
    margin-right:10px
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-toggle img{
    margin-right:unset;
    margin-left:10px
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::after{
    content:none
}
header .header-top .about-list li .theme-form-select .dropdown-toggle:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    color:#fff
}
header .header-top .about-list li .theme-form-select .dropdown-menu.sm-dropdown-menu{
    min-width:100%
}
header .header-top .about-list li .theme-form-select .dropdown-menu li+li{
    margin-left:0
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li+li{
    margin-left:unset;
    margin-right:0
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:hover,header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:focus{
    background-color:rgba(0,0,0,0)
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item.active,header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:active{
    color:#222;
    background-color:rgba(0,0,0,0)
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img{
    width:20px;
    margin-right:10px
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img{
    margin-right:unset;
    margin-left:10px
}
header .nav-about{
    padding:10px 0;
    background-color:var(--theme-color)
}
header .nav-about-2{
    background-color:#222
}
header .top-nav{
    padding:24px 0
}
@media(max-width: 767px){
    header .top-nav{
        padding:24px 0 0
    }
}
header .top-nav .navbar-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative
}
@media(max-width: 1199px){
    header .top-nav .navbar-top{
        -webkit-box-pack:normal;
        -ms-flex-pack:normal;
        justify-content:normal
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
header .top-nav .navbar-top .web-logo img{
    width:calc(200px + 42*(100vw - 320px)/1600);
    height:auto;
    -o-object-fit:contain;
    object-fit:contain
}
@media(max-width: 767px){
    header .top-nav .navbar-top .web-logo img{
        margin:0 auto
    }
}
header .top-nav .navbar-top .middle-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767px){
    header .top-nav .navbar-top .middle-box{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box{
    border-radius:5px;
    border:1px solid #ececec;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:7px;
    padding-right:20px;
    margin-right:13px;
    position:relative
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
    margin-right:unset;
    margin-left:13px;
    padding-right:7px;
    padding-left:20px
}
@media(max-width: 1199px){
    header .top-nav .navbar-top .middle-box .location-box{
        margin-right:unset;
        margin-left:13px
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
        margin-left:unset;
        margin-right:13px
    }
}
@media(max-width: 1556px){
    header .top-nav .navbar-top .middle-box .location-box{
        padding-right:7px
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
        padding-right:7px;
        padding-left:7px
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .middle-box .location-box{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
header .top-nav .navbar-top .middle-box .location-box button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568;
    background-color:#f3f5f9;
    border-radius:5px;
    margin-right:12px
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
    margin-right:unset;
    margin-left:12px
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
        margin-right:0
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
        margin-right:unset;
        margin-left:0
    }
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow .feather{
    width:16px;
    height:16px
}
header .top-nav .navbar-top .middle-box .location-box button .locat-name{
    font-size:16px;
    font-weight:600;
    color:var(--theme-color)
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button .locat-name{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box button i{
    margin-left:17px;
    color:#4a5568
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button i{
    margin-left:unset;
    margin-right:17px
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button i{
        display:none
    }
}


@media(max-width: 1199px){
    header .top-nav .navbar-top .rightside-box{
        margin-left:auto
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box{
        margin-left:unset;
        margin-right:auto
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box{
        margin-left:unset
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box{
        margin-left:unset;
        margin-right:unset
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu{
    padding-left:unset;
    padding-right:0
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
    position:relative;
    padding-right:32px
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
    padding-right:unset;
    padding-left:32px
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
        display:none
    }
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
        display:block
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
    display:none
}
@media(max-width: 1199px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
        display:block
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
        display:none
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
    padding-right:0
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
    padding-right:unset;
    padding-left:0
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before{
    content:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:24px;
    right:14px;
    background-color:rgba(74,85,104,.5)
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before{
    right:unset;
    left:14px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:default
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#222;
    margin-right:14px;
    stroke-width:1.5
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    margin-right:unset;
    margin-left:14px
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
        margin-right:0
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
        margin-right:unset;
        margin-left:0
    }
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail{
        display:none
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6{
    color:#4a5568;
    margin-bottom:3px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    font-weight:500;
    color:#222
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge{
    padding-right:9px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    stroke-width:1.5;
    color:#4a5568
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
        color:#222
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#ff7272;
    font-size:12px;
    padding:0;
    border-radius:2px
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span{
    right:0 !important
}
header .onhover-dropdown{
    position:relative
}
header .onhover-dropdown:hover .onhover-div{
    opacity:1;
    top:50px;
    visibility:visible
}
header .onhover-dropdown .onhover-div{
    position:absolute;
    top:60px;
    right:-10px;
    background-color:#fff;
    z-index:1001;
    width:320px;
    border-radius:10px;
    padding:calc(14px + 16*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    visibility:hidden
}
[dir=rtl] header .onhover-dropdown .onhover-div{
    right:unset;
    left:20px
}










header .header-nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
header .header-nav .header-nav-left{
    position:relative
}



@media(max-width: 767px){
    header .header-nav .header-nav-right{
        display:none
    }
}
header .header-nav .header-nav-right .deal-button{
    color:var(--theme-color);
    padding:calc(6px + 9*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    position:relative;
    border-radius:5px;
    overflow:hidden;
    z-index:0
}
header .header-nav .header-nav-right .deal-button::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:var(--theme-color);
    opacity:.1;
    z-index:-1
}
header .header-nav .header-nav-right .deal-button .feather{
    margin-right:10px;
    stroke-width:1.5px
}
[dir=rtl] header .header-nav .header-nav-right .deal-button .feather{
    margin-right:unset;
    margin-left:10px
}
@media(max-width: 1366px){
    header .header-nav .header-nav-right .deal-button .feather{
        margin-right:0
    }
    [dir=rtl] header .header-nav .header-nav-right .deal-button .feather{
        margin-right:unset;
        margin-left:0
    }
}
header .header-nav .header-nav-right .deal-button span{
    font-size:16px;
    font-weight:600
}
@media(max-width: 1366px){
    header .header-nav .header-nav-right .deal-button span{
        display:none
    }
}
header.header-compact .top-nav .navbar-top{
    -webkit-box-pack:unset;
    -ms-flex-pack:unset;
    justify-content:unset
}
header.header-compact .top-nav .navbar-top .rightside-box{
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] header.header-compact .top-nav .navbar-top .rightside-box{
    margin-left:unset;
    margin-right:auto
}
header.header-compact .location-box{
    padding-right:10px
}
header.bg-theme .navbar-light .navbar-nav .nav-link{
    color:#fff !important
}
header.bg-theme .navbar-light .navbar-nav .nav-link:hover{
    color:#fff !important
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side:before{
    background-color:rgba(255,255,255,.5)
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    color:#fff
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    color:#fff
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6{
    color:rgba(255,255,255,.7)
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#fff
}
header.bg-theme .location-box{
    border-color:rgba(255,255,255,.5)
}
header.bg-theme .location-box button i{
    color:#fff
}
header.bg-theme .location-box button .locat-name{
    color:#fff
}
header.bg-theme .location-box button .location-arrow{
    color:#fff;
    background-color:rgba(255,255,255,.24)
}
header.header-absolute{
    position:absolute;
    left:0;
    width:100%;
    top:0;
    z-index:1
}
header.header-absolute.bg-theme{
    background-color:rgba(0,0,0,0)
}
@media(min-width: 1200px){
    [dir=rtl] header.header-absolute .navbar-expand-xl .dropdown:hover .dropdown-menu-2{
        -webkit-transform:translateX(-50%) translateY(0);
        transform:translateX(-50%) translateY(0)
    }
}
header.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:calc(100vw - 320px);
    z-index:1;
    background-color:#fff;
    margin-left:320px;
    border-bottom:1px solid #ececec
}
[dir=rtl] header.fixed-header{
    left:unset;
    right:0;
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    header.fixed-header{
        width:100%;
        margin-left:0
    }
    [dir=rtl] header.fixed-header{
        margin-left:unset;
        margin-right:0
    }
}
header.fixed-header .top-nav{
    padding:18px 0
}
header .location-box{
    border-radius:5px;
    border:1px solid #ececec;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:7px;
    padding-right:20px;
    margin-right:13px;
    position:relative
}
[dir=rtl] header .location-box{
    margin-right:unset;
    margin-left:13px;
    padding-right:7px;
    padding-left:20px
}
@media(max-width: 1199px){
    header .location-box{
        margin-right:unset;
        margin-left:13px
    }
    [dir=rtl] header .location-box{
        margin-left:unset;
        margin-right:13px
    }
}
@media(max-width: 1556px){
    header .location-box{
        padding-right:7px
    }
    [dir=rtl] header .location-box{
        padding-right:7px;
        padding-left:7px
    }
}
@media(max-width: 767px){
    header .location-box{
        display:none
    }
}
header .location-box button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
header .location-box button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .location-box button .location-arrow{
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568;
    background-color:#f3f5f9;
    border-radius:5px;
    margin-right:12px
}
[dir=rtl] header .location-box button .location-arrow{
    margin-right:unset;
    margin-left:12px
}
@media(max-width: 1300px){
    header .location-box button .location-arrow{
        margin-right:0
    }
    [dir=rtl] header .location-box button .location-arrow{
        margin-right:unset;
        margin-left:0
    }
}
header .location-box button .location-arrow .feather{
    width:16px;
    height:16px
}
header .location-box button .locat-name{
    font-size:16px;
    font-weight:600;
    color:var(--theme-color)
}
@media(max-width: 1300px){
    header .location-box button .locat-name{
        display:none
    }
}
header .location-box button i{
    margin-left:17px;
    color:#4a5568
}
[dir=rtl] header .location-box button i{
    margin-left:unset;
    margin-right:17px
}
@media(max-width: 1300px){
    header .location-box button i{
        display:none
    }
}
.mobile-menu{
    position:fixed;
    bottom:0;
    padding:10px;
    width:100%;
    background-color:var(--theme-color);
    z-index:2;
    overflow:hidden;
    -webkit-box-shadow:0 -3px 10px 0px rgba(0,0,0,.08);
    box-shadow:0 -3px 10px 0px rgba(0,0,0,.08)
}
[dir=rtl] .mobile-menu{
    left:0
}
.mobile-menu ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:70%;
    margin:0 auto
}
@media(max-width: 767px){
    .mobile-menu ul{
        width:80%
    }
}
@media(max-width: 480px){
    .mobile-menu ul{
        width:95%
    }
}
@media(max-width: 360px){
    .mobile-menu ul{
        width:100%
    }
}
[dir=rtl] .mobile-menu ul{
    padding:0
}
.mobile-menu ul li{
    width:100%;
    text-align:center
}
.mobile-menu ul li.active{
    -webkit-transition:.3s ease;
    transition:.3s ease;
    position:relative
}
.mobile-menu ul li.active::before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    bottom:-15px;
    left:50%;
    -webkit-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    background-color:#fff;
    border-radius:100%
}
.mobile-menu ul li a{
    display:block
}
.mobile-menu ul li a img{
    display:block;
    margin:0px auto
}
.mobile-menu ul li a.active,.mobile-menu ul li a:hover{
    color:#222
}
@media(max-width: 360px){
    .mobile-menu ul li a{
        font-size:13px
    }
}
.mobile-menu ul li a .icli{
    display:inline-block;
    margin:0 auto;
    font-size:calc(20px + 2*(100vw - 320px)/1600);
    color:#fff
}
.mobile-menu ul li a span{
    display:block;
    color:#fff
}
.header-2 .navbar-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 480px){
    .header-2 .navbar-top{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.header-2 .navbar-top .navbar-toggler:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}

.header-2 .dropdown-list.drop-state{
    margin-right:20px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1199px){
    .header-2 .dropdown-list.drop-state{
        margin-right:0
    }
}
@media(max-width: 991px){
    .header-2 .dropdown-list{
        background-color:rgba(0,0,0,0);
        margin:0
    }
}
.header-2 .dropdown-list .location-icon{
    margin-right:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header-2 .dropdown-list .location-icon .iconly-Location{
    font-size:25px
}
.header-2 .dropdown-list .dropdown{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header-2 .dropdown-list .dropdown .dropdown-toggle{
    padding-left:0;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:500;
    letter-spacing:.5px;
    position:relative;
    margin-top:4px
}
.header-2 .dropdown-list .dropdown .dropdown-toggle::after{
    display:none
}
.header-2 .dropdown-list .dropdown .dropdown-toggle i{
    color:#000;
    margin-left:5px
}
.header-2 .dropdown-list .dropdown .dropdown-menu{
    min-width:100%
}
.header-2 .dropdown-list .dropdown .dropdown-menu li{
    display:block
}
.header-2 .form-select{
    font-size:16px;
    font-weight:600;
    border:none;
    border-radius:0;
    font-family:"Public Sans",sans-serif;
    color:#222
}
.header-2 .form-select:focus{
    border-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none
}
.header-2 .top-nav{
    padding:14px 0;
    border-bottom:1px solid #ececec
}
@media(max-width: 767px){
    .header-2 .top-nav{
        border-bottom:unset;
        padding-bottom:0
    }
}
.header-2 .top-nav-color{
    background-color:#ffe03e
}
.header-2 .top-nav span{
    color:#222
}
.header-2 .top-nav span .icli{
    font-size:25px
}
.header-2 .top-nav .nav-logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:calc(28px + 7*(100vw - 320px)/1600);
    color:var(--theme-color);
    font-weight:bolder;
    font-family:"Public Sans",sans-serif
}
.header-2 .top-nav .nav-logo span{
    color:#222
}


.header-2 .top-nav .middle-box{
    display:inline-block;
    margin-left:calc(16px + 13*(100vw - 320px)/1600)
}
[dir=rtl] .header-2 .top-nav .middle-box{
    margin-left:unset;
    margin-right:calc(16px + 13*(100vw - 320px)/1600)
}
@media(max-width: 1366px){
    .header-2 .top-nav .middle-box{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-left:25px;
        float:right
    }
}
@media(max-width: 1199px){
    .header-2 .top-nav .middle-box{
        margin-left:15px
    }
}
@media(max-width: 991px){
    .header-2 .top-nav .middle-box{
        display:none
    }
}
.header-2 .top-nav .middle-box .center-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 991px){
    .header-2 .top-nav .middle-box .center-box{
        display:none
    }
}



.header-2 .rightside-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto
}
[dir=rtl] .header-2 .rightside-menu{
    margin-left:unset;
    margin-right:auto
}
.header-2 .rightside-menu .dropdown-dollar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:22px
}
@media(max-width: 991px){
    .header-2 .rightside-menu .dropdown-dollar{
        display:none
    }
}
.header-2 .rightside-menu .dropdown-dollar .dropdown{
    position:relative;
    z-index:1
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle{
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:500;
    position:relative;
    border:none;
    background-color:rgba(0,0,0,0);
    padding:0
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i{
    margin-left:8px
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i{
    margin-left:unset;
    margin-right:8px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after{
    display:none
}
.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown{
    margin-left:23px
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown{
    margin-left:unset;
    margin-right:23px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:25px;
    left:-10px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after{
    left:unset;
    right:-10px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu{
    min-width:100%
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li{
    display:block
}

.header-2 .rightside-menu .option-list>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul{
    padding-right:0
}
.header-2 .rightside-menu .option-list>ul>li{
    position:relative
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3){
    display:none
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li{
    margin-left:0
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after{
    content:none
}
@media(max-width: 1199px){
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3){
        display:block
    }
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li{
        margin-left:22px
    }
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after{
        content:""
    }
}
@media(max-width: 767px){
    .header-2 .rightside-menu .option-list>ul>li:not(:nth-last-of-type(5n-5)){
        display:none
    }
}
.header-2 .rightside-menu .option-list>ul>li+li{
    margin-left:37px
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li{
    margin-left:unset;
    margin-right:37px
}
@media(max-width: 1460px){
    .header-2 .rightside-menu .option-list>ul>li+li{
        margin-left:22px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li{
        margin-left:unset;
        margin-right:22px
    }
}
.header-2 .rightside-menu .option-list>ul>li+li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-20px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after{
    left:unset;
    right:-20px
}
@media(max-width: 1460px){
    .header-2 .rightside-menu .option-list>ul>li+li::after{
        left:-13px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after{
        left:unset;
        right:-13px
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon{
    width:calc(35px + 11*(100vw - 320px)/1600);
    height:calc(35px + 11*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    border:1px solid #ececec;
    background-color:#fff;
    border-radius:100%;
    padding:10px;
    position:relative
}
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon{
    margin-left:38px
}
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    left:-50%;
    background-color:#ececec
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon{
    margin-left:0
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon::after{
    content:none
}
@media(max-width: 480px){
    .header-2 .rightside-menu .option-list>ul>li .header-icon.bag-icon{
        display:none
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon{
    display:none
}
@media(max-width: 1199px){
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon{
        margin-left:38px
    }
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon::after,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon::after{
        content:"";
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:1px;
        height:100%;
        left:-50%;
        background-color:#ececec
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .badge-number{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:-10px;
    right:0;
    background-color:var(--theme-color);
    font-weight:600;
    color:#fff;
    border-radius:100%;
    font-size:10px
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli{
    color:#000;
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli.iconly-Swap{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.header-2 .rightside-menu .option-list-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header-2 .rightside-menu .option-list-2 li{
    position:relative
}
.header-2 .rightside-menu .option-list-2 li .header-icon{
    width:calc(35px + 11*(100vw - 320px)/1600);
    height:calc(35px + 11*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    border:1px solid #ececec;
    background-color:#fff;
    border-radius:100%;
    padding:10px;
    position:relative
}
.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon{
    margin-left:38px
}
.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    left:-50%;
    background-color:#ececec
}
.header-2 .rightside-menu .option-list-2 li .header-icon .badge-number{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:-10px;
    right:0;
    background-color:var(--theme-color);
    font-weight:600;
    color:#fff;
    border-radius:100%;
    font-size:10px
}
.header-2 .rightside-menu .option-list-2 li .header-icon .icli{
    color:#000;
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.header-2 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}


.header-2 .rightside-menu .option-list-2 li+li{
    margin-left:37px
}
[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li{
    margin-left:unset;
    margin-right:37px
}
@media(max-width: 1660px){
    .header-2 .rightside-menu .option-list-2 li+li{
        margin-left:22px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li{
        margin-left:unset;
        margin-right:22px
    }
}
.header-2 .rightside-menu .option-list-2 li+li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-20px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after{
    left:unset;
    right:-20px
}
@media(max-width: 1660px){
    .header-2 .rightside-menu .option-list-2 li+li::after{
        left:-13px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after{
        left:unset;
        right:-13px
    }
}
.header-2 .rightside-menu .mobile-app{
    border:1px solid var(--theme-color);
    border-radius:5px;
    padding:16px 18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:18px
}
[dir=rtl] .header-2 .rightside-menu .mobile-app{
    margin-left:unset;
    margin-right:18px
}
.header-2 .rightside-menu .mobile-app .mobile-image{
    margin-right:11px
}
[dir=rtl] .header-2 .rightside-menu .mobile-app .mobile-image{
    margin-right:unset;
    margin-left:11px
}
.header-2 .rightside-menu .mobile-app .mobile-image img{
    width:15px;
    height:auto
}
.header-2 .rightside-menu .dropdown-user{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}


.header-2 .right-nav{
    float:right;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto
}
[dir=rtl] .header-2 .right-nav{
    margin-left:unset;
    margin-right:auto
}
@media(max-width: 1366px){
    .header-2 .right-nav{
        display:none
    }
}
.header-2 .right-nav .nav-number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1660px){
    .header-2 .right-nav .nav-number{
        display:none
    }
}
.header-2 .right-nav .nav-number img{
    width:32px;
    height:32px
}
.header-2 .right-nav .nav-number span{
    font-size:calc(18px + 9*(100vw - 320px)/1600);
    font-weight:500;
    margin-bottom:0;
    margin-left:8px
}
[dir=rtl] .header-2 .right-nav .nav-number span{
    margin-left:unset;
    margin-right:8px
}
.header-2 .right-nav .fire-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:11px 38px;
    overflow:hidden
}
.header-2 .right-nav .fire-button span{
    color:#fff;
    margin-left:7px;
    font-size:16px;
    font-weight:500
}
[dir=rtl] .header-2 .right-nav .fire-button span{
    margin-left:unset;
    margin-right:7px
}
.header-2 .right-nav .fire-button .fire{
    position:relative;
    width:20px;
    height:20px;
    background-color:rgba(0,0,0,0);
    z-index:1
}
.header-2 .right-nav .fire-button .fire img{
    margin-top:-11px
}
.header-2 .right-nav .fire-button .fire .fire-main{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:scaleUpDown 3s ease-out;
    animation:scaleUpDown 3s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-main .main-fire{
    width:100%;
    height:100%;
    position:absolute;
    background-image:radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-main .particle-fire{
    width:10px;
    height:10px;
    position:absolute;
    top:60%;
    left:45%;
    background-color:#fff;
    border-radius:50%;
    -webkit-animation:particleUp 2s ease-out 0;
    animation:particleUp 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-right{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:shake 2s ease-out 0;
    animation:shake 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-right .main-fire{
    width:80%;
    height:80%;
    position:absolute;
    top:15%;
    right:-25%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire{
    width:15px;
    height:15px;
    position:absolute;
    top:45%;
    left:50%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:50%;
    -webkit-animation:particleUp 2s ease-out 0;
    animation:particleUp 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-left{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:shake 3s ease-out 0;
    animation:shake 3s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-left .main-fire{
    width:80%;
    height:80%;
    position:absolute;
    top:15%;
    left:-20%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire{
    width:10%;
    height:10%;
    position:absolute;
    top:10%;
    left:20%;
    background-color:#fff;
    border-radius:50%;
    -webkit-animation:particleUp 3s infinite ease-out 0;
    animation:particleUp 3s infinite ease-out 0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .header-nav-left{
    position:relative
}

.header-2 .dropdown-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-family:"Public Sans",sans-serif
}
@media(max-width: 767px){
    .header-2 .dropdown-list{
        display:none
    }
}
.header-2 .dropdown-list li:last-child{
    margin-right:0
}
.header-2 .dropdown-list li+li .dropdown{
    margin-left:20px
}
.header-2 .dropdown-list li+li .dropdown::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-12px;
    background-color:rgba(255,255,255,.4)
}
.header-2 .dropdown-list li:first-child::after{
    content:none
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle{
    width:auto;
    display:block;
    background-color:rgba(0,0,0,0);
    border-radius:5px;
    font-weight:500;
    font-size:unset
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle:after{
    content:none
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle span{
    font-weight:400
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down{
    margin-left:10px
}
.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list{
    display:block
}
.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list{
    margin-top:10px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.header-2 .about-list{
    font-family:"Public Sans",sans-serif
}
@media(max-width: 991px){
    .header-2 .about-list{
        display:none
    }
}
.header-2 .about-list li{
    position:relative;
    margin-left:15px;
    font-size:12px;
    font-weight:500
}
.header-2 .about-list li:first-child{
    margin-left:0
}
.header-2 .about-list li:first-child::after{
    content:none
}
.header-2 .about-list li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:70%;
    left:-8px;
    background-color:rgba(255,255,255,.4)
}

header.header-gradient{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:1
}
header.header-gradient .navbar-light .navbar-nav .nav-link{
    color:#fff
}
header.header-gradient .header-top{
    background:-webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));
    background:linear-gradient(to right, var(--theme-color), var(--theme-color2))
}
header.header-gradient .dropdown::before{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6,header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    color:rgba(255,255,255,.8)
}
.bg-effect{
    background-image:url("../images/bg-body.png");
    background-repeat:no-repeat;
    background-position:center
}
.home-contain{
    overflow:hidden;
    position:relative;
    border-radius:10px
}
.home-contain .home-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(18px + 42*(100vw - 320px)/1600)
}
.home-contain .home-detail.home-big-space{
    padding:calc(27px + 158*(100vw - 320px)/1600) 0 !important
}
@media(max-width: 767px){
    .home-contain .home-detail.home-overlay{
        background-color:rgba(255,255,255,.529)
    }
}
.home-contain .home-detail>.home-top{
    margin-top:-100px
}
@media(max-width: 575px){
    .home-contain .home-detail>.home-top{
        margin-top:-80px
    }
}
@media(max-width: 480px){
    .home-contain .home-detail>.home-top{
        margin-top:0
    }
}
.home-contain .home-detail.home-p-sm{
    padding:calc(15px + 5*(100vw - 320px)/1600) !important
}
.home-contain .home-detail.home-p-medium{
    padding:50px calc(15px + 15*(100vw - 320px)/1600) !important
}
.home-contain .home-detail .ls-expanded{
    letter-spacing:2.2px
}
.home-contain .home-detail h1{
    font-size:calc(16px + 26*(100vw - 320px)/1600);
    width:80%;
    line-height:1.4;
    margin-bottom:calc(3px + 7*(100vw - 320px)/1600)
}
@media(max-width: 480px){
    .home-contain .home-detail h1{
        width:100%
    }
}
[dir=rtl] .home-contain .home-detail h1{
    margin-right:auto;
    text-align:left
}
.home-contain .home-detail h1.super-sale{
    font-size:45px
}
.home-contain .home-detail h1.name-title{
    font-size:calc(25px + 17*(100vw - 320px)/1600)
}
.home-contain .home-detail h1.home-name{
    font-size:86px;
    font-weight:700;
    position:relative;
    display:inline-block
}
.home-contain .home-detail h1.home-name::before{
    content:"";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:80%;
    height:2px;
    bottom:0;
    background-color:#222
}


.home-contain .home-detail h1.poster-1{
    line-height:calc(23px + 45*(100vw - 320px)/1600)
}
.home-contain .home-detail h1.poster-2{
    line-height:calc(29px + 34*(100vw - 320px)/1600)
}
.home-contain .home-detail h1 span.name{
    font-weight:800;
    color:var(--theme-color);
    position:relative;
    z-index:0
}
.home-contain .home-detail h1 span.name::before{
    content:"";
    position:absolute;
    width:100%;
    height:20px;
    bottom:10px;
    left:0;
    background-color:var(--theme-color);
    opacity:.4;
    z-index:-1
}
@media(max-width: 767px){
    .home-contain .home-detail h1 span.name::before{
        display:none
    }
}
@media(max-width: 1399px){
    .home-contain .home-detail h1 span.name::before{
        content:none
    }
}
.home-contain .home-detail h1 span.name-2{
    font-weight:800;
    color:var(--theme-color)
}
.home-contain .home-detail h1 .daily{
    color:var(--theme-color);
    font-weight:800
}
.home-contain .home-detail h1 .discount{
    font-size:16px;
    color:#262834;
    font-weight:400
}
.home-contain .home-detail h2{
    font-size:calc(25px + 13*(100vw - 320px)/1600);
    margin-bottom:7px
}
[dir=rtl] .home-contain .home-detail h2{
    text-align:left
}
.home-contain .home-detail h2 span.discount{
    font-size:16px;
    font-weight:400
}
.home-contain .home-detail h2.home-name{
    font-size:calc(52px + 33*(100vw - 320px)/1600);
    font-weight:700
}
.home-contain .home-detail h3{
    font-size:calc(20px + 6*(100vw - 320px)/1600);
    margin-bottom:calc(5px + 5*(100vw - 320px)/1600);
    font-weight:600
}
[dir=rtl] .home-contain .home-detail h3{
    text-align:left
}
.home-contain .home-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px
}
[dir=rtl] .home-contain .home-detail h4{
    text-align:left
}
.home-contain .home-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
[dir=rtl] .home-contain .home-detail h5{
    text-align:left
}
.home-contain .home-detail h6{
    font-size:14px;
    letter-spacing:.1px;
    color:#4a5568
}
[dir=rtl] .home-contain .home-detail h6{
    text-align:left
}
@media(max-width: 360px){
    .home-contain .home-detail h6{
        margin-bottom:5px
    }
}
.home-contain .home-detail h6.home-home{
    margin-bottom:10px;
    font-weight:500
}
.home-contain .home-detail h6 span{
    font-weight:500;
    padding:calc(6px + 4*(100vw - 320px)/1600) calc(8px + 8*(100vw - 320px)/1600);
    background:#000;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 114, 114, 0.15)), color-stop(79%, rgba(255, 114, 114, 0)));
    background:linear-gradient(90deg, rgba(255, 114, 114, 0.15) 0%, rgba(255, 114, 114, 0) 79%);
    border-radius:50px;
    color:#e1015d;
    margin-left:calc(2px + 7*(100vw - 320px)/1600)
}
[dir=rtl] .home-contain .home-detail h6 span{
    margin-left:unset;
    margin-right:calc(2px + 7*(100vw - 320px)/1600)
}
@media(max-width: 360px){
    .home-contain .home-detail h6 span{
        display:none
    }
}
.home-contain .home-detail p{
    margin-bottom:0;
    color:#4a5568;
    letter-spacing:.8px;
    line-height:calc(19px + 8*(100vw - 320px)/1600);
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
[dir=rtl] .home-contain .home-detail p{
    margin-right:auto;
    text-align:left
}
.home-contain .home-detail p.organic{
    width:70%
}
.home-contain .home-detail .shop-button{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-top:calc(12px + 8*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#222
}
[dir=rtl] .home-contain .home-detail .shop-button{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.home-contain .home-detail .shop-button:hover i{
    -webkit-transform:translateX(4px);
    transform:translateX(4px)
}
.home-contain .home-detail .shop-button i{
    -webkit-transition:.3s ease;
    transition:.3s ease;
    margin-left:8px
}
[dir=rtl] .home-contain .home-detail .shop-button i{
    margin-left:unset;
    margin-right:8px
}
.home-contain .home-detail .social-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:20px;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:14px
}
.home-contain .home-detail .social-icon li:hover a{
    border-color:var(--theme-color);
    background-color:var(--theme-color);
    color:#fff
}
.home-contain .home-detail .social-icon li a{
    width:28px;
    height:28px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:100%;
    border:1px solid #4a5568;
    color:#222
}
.home-section-2{
    background-image:url("../images/veg-3/home-bg.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.home-section-2.home-section-bg{
    background:none
}
.home-section-2 .home-contain{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.home-section-2 .home-contain .home-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0;
    padding:calc(20px + 30*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail.home-p-sm{
    padding:calc(15px + 15*(100vw - 320px)/1600) !important
}
.home-section-2 .home-contain .home-detail h1{
    font-size:calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom:6px
}
.home-section-2 .home-contain .home-detail h1.sale-name{
    font-size:calc(25px + 13*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail h1.heding-2{
    font-size:calc(22px + 28*(100vw - 320px)/1600);
    font-weight:700;
    line-height:normal;
    text-transform:uppercase;
    margin-bottom:13px;
    margin-top:7px;
    width:100%
}
.home-section-2 .home-contain .home-detail h2{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px
}
.home-section-2 .home-contain .home-detail h2.content-2{
    font-size:calc(16px + 20*(100vw - 320px)/1600);
    margin-bottom:10px;
    font-weight:500
}
.home-section-2 .home-contain .home-detail h3{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px
}
.home-section-2 .home-contain .home-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px
}
.home-section-2 .home-contain .home-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
.home-section-2 .home-contain .home-detail h6{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:calc(7px + 5*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:0;
    line-height:1.5;
    color:#4a5568;
    letter-spacing:.8px
}
.home-section-2 .home-contain .home-detail .shop-now-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    color:var(--theme-color);
    font-size:15px
}
.home-section-2 .home-contain .home-detail .shop-now-button i{
    font-size:17px;
    margin-left:8px
}
.home-section-small .home-contain .home-detail.home-width{
    width:50%
}
@media(max-width: 360px){
    .home-section-small .home-contain .home-detail.home-width:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(255,255,255,.25);
        z-index:-1
    }
}
@media(max-width: 991px){
    .home-section-small .home-contain .home-detail.home-width{
        width:60%
    }
}
@media(max-width: 360px){
    .home-section-small .home-contain .home-detail.home-width{
        width:100%
    }
}
.home-section-small .home-contain.home-small .home-detail{
    padding:calc(20px + 30*(100vw - 767px)/1153) calc(12px + 38*(100vw - 767px)/1153)
}
.home-section-small .home-contain.home-small .home-detail h4{
    font-size:calc(14px + 8*(100vw - 767px)/1153)
}

.custom-row .sidebar-col{
    width:320px;
    border-right:1px solid #ececec;
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    overflow:auto;
    padding-top:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] .custom-row .sidebar-col{
    right:0;
    left:unset
}
@media(max-width: 1199px){
    .custom-row .sidebar-col{
        border-right:unset;
        left:-350px;
        background-color:#fff;
        z-index:10;
        height:100%;
        width:calc(300px + 20*(100vw - 320px)/879)
    }
    [dir=rtl] .custom-row .sidebar-col{
        right:-350px;
        left:unset
    }
    .custom-row .sidebar-col.show{
        left:0
    }
    [dir=rtl] .custom-row .sidebar-col.show{
        right:0;
        left:unset
    }
}

.custom-row .content-col{
    margin-left:320px;
    padding-left:calc(12px + 13*(100vw - 320px)/1600);
    margin-top:calc(77px + 36*(100vw - 320px)/1600);
    padding-right:calc(12px + 13*(100vw - 320px)/1600)
}
[dir=rtl] .custom-row .content-col{
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    .custom-row .content-col{
        margin-left:0
    }
    [dir=rtl] .custom-row .content-col{
        margin-left:unset;
        margin-right:0
    }
}

@media(max-width: 991px){
    .home-section-ratio .ratio_180 .bg-size:before{
        padding-top:128%
    }
}
@media(max-width: 991px){
    .home-section-ratio .custom-ratio{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
}


.button-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:calc(41px + 9*(100vw - 320px)/1600);
    height:calc(41px + 9*(100vw - 320px)/1600);
    position:fixed;
    right:0;
    border-radius:7px 0 0 7px;
    background-color:var(--theme-color);
    z-index:9
}
.button-item .item-btn i{
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.item-section{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:fixed;
    right:-130px;
    background-color:var(--theme-color);
    color:#fff;
    border-radius:7px 0 0 7px;
    padding:15px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:9
}
.item-section.active{
    right:0
}
.item-section .close-button{
    position:absolute;
    top:10px;
    left:10px;
    padding:0;
    color:#fff;
    border:none;
    background-color:rgba(0,0,0,0)
}
.item-section h6{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:5px;
    margin-top:10px;
    font-weight:bold
}
.item-section h6 .icli{
    font-size:22px
}
.item-section .items-image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:10px 0
}
.item-section .items-image li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:30px;
    height:30px;
    background-color:#fff;
    border-radius:50%;
    border:1px solid var(--theme-color);
    color:var(--theme-color);
    font-weight:600;
    font-size:13px
}
.item-section .items-image li+li{
    margin-left:-10px
}
.item-section .items-image li img{
    width:15px;
    height:15px;
    -o-object-fit:contain;
    object-fit:contain
}
.item-section .item-button{
    background-color:#fff;
    color:var(--theme-color)
}
header .main-nav{
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767px){
    header .main-nav{
        padding:0
    }
}
header .nav-left-align .navbar-nav .dropdown-menu-2{
    left:0;
    -webkit-transform:unset;
    transform:unset
}
[dir=rtl] header .nav-left-align .navbar-nav .dropdown-menu-2{
    left:unset;
    right:0
}
header .icon-box{
    display:inline-block;
    margin-right:10px
}
header .dropdown-header{
    display:block;
    padding:8px 20px;
    margin-bottom:0;
    font-size:14px;
    color:var(--theme-color);
    white-space:nowrap
}
@media(max-width: 1199px){
    header .dropdown-header{
        padding-left:0
    }
}
header .navbar-nav{
    padding-top:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
[dir=rtl] header .navbar-nav{
    padding-left:unset;
    padding-right:0
}
header .navbar-nav .nav-item{
    margin-bottom:0
}
@media(max-width: 1199px){
    header .navbar-nav .nav-item .new-pages{
        -webkit-box-pack:unset !important;
        -ms-flex-pack:unset !important;
        justify-content:unset !important
    }
}
header .navbar-nav .nav-item .new-pages .new-dropdown{
    position:absolute;
    top:-7px;
    right:3px;
    background-color:#e1015d;
    font-size:10px;
    padding:1px 4px;
    color:#fff;
    font-weight:600;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px
}
[dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown{
    border-top-left-radius:unset;
    border-top-right-radius:5px;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:5px
}
@media(max-width: 1199px){
    header .navbar-nav .nav-item .new-pages .new-dropdown{
        position:relative;
        top:unset;
        left:unset;
        right:unset;
        margin-left:9px;
        border-radius:3px
    }
    [dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown{
        margin-left:unset;
        margin-right:9px
    }
}
header .navbar-nav .nav-item:hover{
    color:var(--theme-color)
}
header .navbar-nav .dropdown-menu{
    min-width:200px;
    margin:0;
    margin-top:-8px;
    background-color:#fff;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.7),5px 20px 40px 0 rgba(34,34,34,.4);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.7),5px 20px 40px 0 rgba(34,34,34,.4);
    border-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    position:static;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    opacity:0;
    visibility:hidden;
    display:block !important;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover{
    position:relative
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a{
    display:block;
    position:relative
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i{
    font-size:12px;
    margin-left:4px;
    color:var(--theme-color)
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i{
    margin-left:unset;
    margin-right:4px
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before{
    right:unset;
    left:0;
    -webkit-transform:rotate(180deg) translateY(50%);
    transform:rotate(180deg) translateY(50%)
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
    left:113%;
    visibility:visible;
    opacity:1
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
        left:unset
    }
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
    left:unset;
    right:113%
}
@media(max-width: 1199px){
    [dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
        left:unset;
        right:unset
    }
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
    position:absolute;
    top:-19px;
    left:123%;
    min-width:200px;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    background-color:#fff;
    border-color:rgba(0,0,0,0);
    padding:20px;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
    right:123%;
    left:unset
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
        position:relative;
        top:unset;
        left:unset;
        opacity:1;
        min-width:auto;
        z-index:1;
        visibility:visible;
        -webkit-box-shadow:none;
        box-shadow:none;
        margin:5px 0 12px 29px;
        padding:0
    }
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a{
    padding:0;
    font-size:14px;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:0;
    color:#222;
    display:block
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after{
    width:40%
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after{
    content:"";
    position:absolute;
    width:0;
    height:4px;
    bottom:2px;
    left:0;
    background-color:var(--theme-color);
    opacity:.3;
    border-radius:50px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:-1
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after{
    left:unset;
    right:0
}
header .navbar-nav .dropdown-menu-2{
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-15px);
    transform:translateX(-50%) translateY(-15px);
    width:52vw;
    min-width:unset;
    padding:22px !important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    overflow:hidden;
    position:relative;
    z-index:0
}
@media(max-width: 1595px){
    header .navbar-nav .dropdown-menu-2{
        width:63vw
    }
}
@media(max-width: 1301px){
    header .navbar-nav .dropdown-menu-2{
        width:77vw
    }
}
header .navbar-nav .dropdown-menu-2::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(../images/bg.png);
    background-position:right;
    background-repeat:no-repeat;
    background-size:cover;
    top:0;
    left:0;
    z-index:-1
}
[dir=rtl] header .navbar-nav .dropdown-menu-2::after{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
    -webkit-filter:FlipH;
    filter:FlipH
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu-2::after{
        content:none
    }
}
@media(max-width: 1400px){
    header .navbar-nav .dropdown-menu-2{
        background-position:20px center
    }
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu-2{
        width:100%;
        padding:0 !important;
        left:0;
        margin:0
    }
}
header .navbar-nav .dropdown-menu .dropdown{
    margin-right:20px;
    margin-left:20px
}
header .navbar-nav .dropdown-menu .dropdown:last-child{
    margin-bottom:12px
}
header .navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after{
    display:none
}
header .navbar-nav .dropdown-menu .dropdown-menu{
    display:block;
    padding-right:16px;
    padding-left:16px
}
header .navbar-nav .dropdown-image{
    background-image:none
}
header .navbar-nav .dropdown-image::after{
    content:none
}
@media(max-width: 991px){
    header .navbar-nav .dropdown-image{
        left:0;
        margin-top:0
    }
}
header .navbar-nav .dropdown-image .dropdown-column{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:15px
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-image .dropdown-column{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px
    }
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item{
    margin:0 !important;
    text-align:center
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item::after{
    content:none
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-image .dropdown-column .dropdown-item{
        padding:0
    }
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover img{
    -webkit-box-shadow:5px 20px 40px 0 rgba(34,34,34,.07);
    box-shadow:5px 20px 40px 0 rgba(34,34,34,.07);
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px)
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span{
    color:var(--theme-color);
    font-weight:600
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span::after{
    width:100%
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item img{
    width:100%;
    -webkit-box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:block
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span{
    display:inline-block;
    margin-top:14px;
    text-align:center;
    font-size:calc(14px + 2*(100vw - 1200px)/720);
    margin-bottom:-6px;
    position:relative;
    z-index:0
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after{
    content:"";
    position:absolute;
    width:0;
    height:4px;
    bottom:2px;
    left:0;
    background-color:var(--theme-color);
    opacity:.3;
    border-radius:50px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:-1
}
header .navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
header .navbar-brand{
    padding-top:0;
    padding-bottom:0;
    margin-right:16px;
    font-size:calc(21px + .45vw);
    white-space:nowrap;
    display:inline-block;
    font-weight:500
}
header .navbar-brand:hover{
    text-decoration:none
}
header .navbar-brand:focus{
    text-decoration:none
}
header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
    margin-left:calc(30px + 10*(100vw - 1200px)/720)
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
    margin-left:unset;
    margin-right:calc(30px + 10*(100vw - 1200px)/720)
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
        margin-left:0
    }
    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
        margin-left:unset;
        margin-right:0
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:16px;
    font-weight:normal;
    position:relative
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    right:-12px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
    right:unset;
    left:-12px
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
        right:0
    }
    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
        right:unset;
        left:0
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::after{
    content:none
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .icli{
    margin-left:10px
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu{
    position:absolute;
    top:-10px;
    left:84%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:8px;
    display:inline-block;
    text-transform:uppercase;
    line-height:16px;
    padding:0 8px;
    font-weight:600;
    color:#fff;
    background-color:var(--theme-color);
    border-radius:50px
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu{
        position:relative;
        top:0;
        left:0;
        -webkit-transform:none;
        transform:none;
        margin-left:10px;
        margin-right:auto;
        border-radius:3px
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
    content:"";
    position:absolute;
    width:0;
    height:0;
    display:inline-block;
    top:100%;
    left:10px;
    border-right:4px solid rgba(0,0,0,0);
    border-top:4px solid var(--theme-color)
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
        content:none
    }
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
    left:unset;
    right:10px
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link-2::before{
    content:none
}
header .navbar-text{
    padding-top:9px;
    padding-bottom:9px
}
header .navbar-collapse{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .navbar-toggler{
    background-color:rgba(0,0,0,0);
    -webkit-transition:-webkit-box-shadow .15s ease-in-out;
    transition:-webkit-box-shadow .15s ease-in-out;
    transition:box-shadow .15s ease-in-out;
    transition:box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    padding:12px;
    font-size:18px;
    margin-right:10px;
    padding:0
}
[dir=rtl] header .navbar-toggler{
    margin-right:unset;
    margin-left:10px
}
@media(max-width: 767px){
    header .navbar-toggler{
        margin-right:0
    }
}
header .navbar-toggler:focus-visible{
    outline:none
}
header .navbar-toggler:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .navbar-toggler-icon{
    width:auto;
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:20px;
    color:#222;
    -webkit-text-fill-color:#222;
    -webkit-opacity:1
}
@media(max-width: 767px){
    header .navbar-toggler-icon{
        margin-right:0
    }
}
header .navbar-nav-scroll{
    max-height:var(--bs-scroll-height, 75vh);
    overflow-y:auto
}
header .navbar-expand{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
header .navbar-expand .navbar-nav{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
header .navbar-expand .navbar-nav .dropdown-menu{
    position:absolute;
    left:26px;
    top:30px;
    -webkit-box-shadow:0px 3px 4px rgba(0,0,0,.14);
    box-shadow:0px 3px 4px rgba(0,0,0,.14)
}
header .navbar-expand .navbar-nav-scroll{
    overflow:visible
}
header .navbar-expand .navbar-collapse{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
header .navbar-expand .navbar-toggler{
    display:none
}
header .navbar-light .navbar-brand{
    color:#222
}
header .navbar-light .navbar-brand:hover{
    color:#222
}
header .navbar-light .navbar-brand:focus{
    color:#222
}
header .navbar-light .navbar-nav .nav-link{
    color:#222
}
header .navbar-light .navbar-nav .nav-link:hover{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .nav-link:focus{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .show>.nav-link{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .nav-link.active{
    color:var(--theme-color)
}
header .navbar-light .navbar-toggler{
    color:#4a5568;
    border-color:rgba(0,0,0,0)
}
header .navbar-light .navbar-text{
    color:#4a5568
}
header .navbar-light .navbar-text a{
    color:var(--theme-color)
}
header .navbar-light .navbar-text a:hover{
    color:var(--theme-color)
}
header .navbar-light .navbar-text a:focus{
    color:var(--theme-color)
}
header .navbar{
    display:inline-block;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:15px;
    z-index:1
}
[dir=rtl] header .navbar{
    padding-left:unset;
    padding-right:15px
}
header .navbar:not(.navbar-stuck) .navbar-stuck-btn{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(#222222, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
header .navbar-shadow{
    -webkit-box-shadow:0 2px 10px -3px rgba(34,34,34,.1);
    box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
}
header .navbar-floating{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
header .navbar-stuck .navbar-btn{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(#222222, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
header .navbar-stuck-logo{
    display:none
}
header .navbar-sticky.navbar-stuck{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-animation:navbar-show .25s;
    animation:navbar-show .25s;
    background-color:#fff;
    -webkit-box-shadow:0 2px 10px -3px rgba(34,34,34,.1);
    box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
}
header .header-nav-middle{
    margin:auto !important
}
header .offcanvas{
    position:fixed;
    bottom:0;
    z-index:1080;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:100%;
    visibility:hidden;
    background-color:#fff;
    background-clip:padding-box;
    outline:0;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    -webkit-transition:-webkit-transform .3s ease-in-out;
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change:transform,box-shadow;
    -webkit-transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease;
    transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease,-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    visibility:visible !important
}
header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom){
    top:0;
    left:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
@media(max-width: 1199px){
    header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom){
        width:calc(300px + 20*(100vw - 1200px)/720);
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        z-index:7
    }
}
header .offcanvas-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:20px 24px;
    z-index:1
}
header .offcanvas-header .btn-close{
    padding:0;
    margin:-10px 0;
    font-size:16px
}
header .offcanvas-header h5{
    color:var(--theme-color);
    font-weight:600
}
header .offcanvas-title{
    margin-bottom:0;
    line-height:initial
}
header .offcanvas-body{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:20px 24px;
    overflow-y:auto;
    height:100%
}
@media(max-width: 1199px){
    header .offcanvas-body{
        padding:calc(13px + 7*(100vw - 320px)/880) calc(16px + 8*(100vw - 320px)/880)
    }
}
header .offcanvas-body::-webkit-scrollbar{
    width:0;
    background-color:rgba(0,0,0,0);
    opacity:0
}
header .offcanvas-body::-webkit-scrollbar-thumb{
    border-radius:4px
}
header .offcanvas-body>.simplebar-track{
    display:block;
    background-color:rgba(0,0,0,0)
}
header .offcanvas-body .simplebar-vertical{
    margin-right:3px
}
header .offcanvas-start{
    top:0;
    left:0;
    width:352px;
    border-right:0 solid rgba(0,0,0,0);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
header .offcanvas-end{
    top:0;
    right:0;
    width:352px;
    border-left:0 solid rgba(0,0,0,0);
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
header .offcanvas-top{
    top:0;
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-bottom:0 solid rgba(0,0,0,0);
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
header .offcanvas-bottom{
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-top:0 solid rgba(0,0,0,0);
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
header .offcanvas.show{
    -webkit-transform:none !important;
    transform:none !important;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04) !important;
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04) !important
}
header .offcanvas-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:20px 24px
}
header .sidebar-toggle{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    border-radius:0;
    z-index:1025
}
header .hot-deal-box{
    color:#e21719;
    font-weight:600;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:12px
}
header .hot-deal-box img{
    margin-right:7px
}
header .hot-deal-box span{
    font-size:16px;
    font-weight:500
}
@media(prefers-reduced-motion: reduce){
    header .navbar-toggler{
        -webkit-transition:none;
        transition:none
    }
    header .offcanvas{
        -webkit-transition:none;
        transition:none
    }
}
@media(min-width: 1200px){
    header .navbar-expand-xl.navbar .offcanvas-body{
        overflow:visible
    }
    header .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo{
        display:none !important
    }
    header .navbar-expand-xl .navbar-stuck-logo{
        display:block
    }
    header .navbar-expand-xl .dropdown-column .dropdown-header{
        padding:0;
        font-size:16px;
        font-weight:600;
        margin-bottom:24px;
        color:#222;
        position:relative
    }
    header .navbar-expand-xl .dropdown-column .dropdown-header::before{
        content:"";
        position:absolute;
        bottom:-10px;
        width:36px;
        height:2px;
        background-color:var(--theme-color);
        left:0
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-column .dropdown-header::before{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .navbar-nav{
        position:relative;
        padding-top:0
    }
    header .navbar-expand-xl .navbar-nav .nav-item{
        border:0
    }
    header .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled){
        color:var(--theme-color)
    }
    header .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled){
        color:var(--theme-color)
    }
    header .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after{
        display:none
    }
    header .navbar-expand-xl .dropdown-menu{
        margin-top:0;
        -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
        box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
        background-color:#fff;
        border-color:#fff;
        padding:20px;
        border-radius:10px
    }
    header .navbar-expand-xl .dropdown-menu-left{
        left:0;
        -webkit-transform:translateX(0%) translateY(-15px);
        transform:translateX(0%) translateY(-15px)
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu-left{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .dropdown-menu li{
        display:block;
        width:100%
    }
    header .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item{
        margin:0;
        margin-top:-3px
    }
    header .navbar-expand-xl .dropdown-menu li:last-child .dropdown-item{
        margin-bottom:-4px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-column{
        margin:5px;
        position:relative
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type{
        margin-left:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item{
        padding:0;
        margin:12px 0 0 0;
        font-size:15px;
        position:relative;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        z-index:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after{
        width:40%
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:active{
        color:#000
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item::after{
        content:"";
        position:absolute;
        width:0;
        height:4px;
        bottom:2px;
        left:0;
        background-color:var(--theme-color);
        opacity:.3;
        border-radius:50px;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        z-index:-1
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-item::after{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:focus{
        background-color:rgba(0,0,0,0)
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover{
        background-color:rgba(0,0,0,0);
        letter-spacing:.03em
    }
    header .navbar-expand-xl .dropdown-menu .dropdown{
        margin-right:0;
        margin-bottom:0;
        margin-left:0;
        border-left:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle{
        position:relative;
        padding-right:26px
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle{
        padding-right:20px;
        padding-left:26px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after{
        content:"";
        position:absolute;
        font-family:"Font Awesome 6 Free";
        font-weight:900;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:unset;
        height:unset;
        display:block;
        right:10px;
        border:none
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after{
        right:unset;
        left:10px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown:last-child{
        margin-bottom:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-menu{
        top:0;
        right:auto;
        left:100%;
        width:auto;
        margin-top:0;
        margin-right:0px;
        margin-left:0px;
        padding-right:0;
        padding-left:0;
        border-radius:5px;
        background-color:#fff
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-menu{
        left:unset;
        right:100%
    }
    header .navbar-expand-xl .dropdown-menu.show{
        display:none
    }
    header .navbar-expand-xl .dropdown-menu.dropdown-menu-end{
        right:0;
        left:auto
    }
    header .navbar-expand-xl .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0);
        transform:translateY(0);
        display:block !important
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-2{
        -webkit-transform:translateX(-50%) translateY(0);
        transform:translateX(-50%) translateY(0);
        display:block !important
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-center{
        -webkit-transform:translateX(0%) translateY(0);
        transform:translateX(0%) translateY(0)
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-left{
        -webkit-transform:translateX(0%) translateY(0);
        transform:translateX(0%) translateY(0)
    }
    header .navbar-expand-xl .dropdown .dropdown{
        position:relative
    }
    header .navbar-expand-xl .dropdown .dropdown::before{
        content:"";
        position:absolute;
        font-family:"Font Awesome 6 Free";
        font-weight:900;
        right:-12px;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before{
        right:unset;
        left:-12px
    }
}
@media(min-width: 1200px)and (max-width: 1199px){
    header .navbar-expand-xl .dropdown .dropdown::before{
        right:0
    }
    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before{
        right:unset;
        left:0
    }
}
@media(min-width: 1200px){
    header .navbar-expand-xl .dropdown-mega{
        position:unset
    }
    header .navbar-expand-xl .dropdown-mega>.dropdown-menu{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    header .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item{
        padding:0;
        margin:10px 0px 0 0
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img{
        width:200px;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        margin:0
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column{
        margin-top:5px
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header{
        padding:0;
        font-size:16px;
        font-weight:600;
        margin-bottom:14px
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header{
        padding:0
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand{
        -webkit-transform:none !important;
        transform:none !important;
        z-index:1031
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-start{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-end{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-bottom{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-collapse{
        display:block;
        position:static;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        -webkit-transform:none !important;
        transform:none !important;
        background-color:rgba(0,0,0,0);
        -webkit-box-shadow:none;
        box-shadow:none
    }
    header .offcanvas-collapse .offcanvas-header{
        display:none
    }
    header .offcanvas-collapse .offcanvas-footer{
        display:none
    }
    header .offcanvas-collapse .offcanvas-body{
        padding:0;
        overflow:initial
    }
}
@media(min-width: 1200px){
    header .offcanvas-enabled-start{
        padding-left:376px
    }
}
@media(min-width: 1200px){
    header .offcanvas-enabled-end{
        padding-right:376px;
        padding-left:0
    }
}
header .navbar-expand-xl .offcanvas{
    -webkit-box-flex:1
}
@media(max-width: 1199px){
    header .navbar-expand-xl .offcanvas{
        z-index:4;
        -webkit-box-flex:2
    }
}
header .offcanvas-backdrop{
    z-index:6
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav{
        padding-top:0
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item{
        border-top:0
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:unset;
        -ms-flex-pack:unset;
        justify-content:unset;
        color:#4a5568;
        font-weight:700
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled{
        color:#4a5568
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .show>.nav-link{
        color:var(--theme-color)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .active>.nav-link{
        color:var(--theme-color)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu li{
        display:block;
        width:100%
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item{
        color:#4a5568;
        font-size:14px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
}
@media(max-width: 1199px)and (max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item{
        position:relative;
        margin-left:15px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before{
        content:"";
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:7px;
        height:1px;
        background-color:rgba(74,85,104,.651);
        left:-4px
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled{
        color:#4a5568
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header{
        font-size:16px;
        font-weight:600
    }
}
@media(max-width: 1199px)and (max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header{
        padding-left:10px;
        font-size:15px;
        font-weight:500;
        color:rgba(34,34,34,.8)
    }
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu{
        opacity:1;
        visibility:visible;
        display:none !important;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    header .navbar-nav .dropdown-menu.show{
        display:block !important
    }
}
@media(max-width: 1199px){
    .new-nav-item{
        -webkit-box-pack:unset !important;
        -ms-flex-pack:unset !important;
        justify-content:unset !important
    }
}
.new-nav-item .new-dropdown{
    position:absolute;
    top:-7px;
    right:3px;
    background-color:#e1015d;
    font-size:10px;
    padding:1px 4px;
    color:#fff;
    font-weight:600;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px
}
[dir=rtl] .new-nav-item .new-dropdown{
    border-top-left-radius:unset;
    border-top-right-radius:5px;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:5px
}
@media(max-width: 1199px){
    .new-nav-item .new-dropdown{
        position:relative;
        top:unset;
        left:unset;
        right:unset;
        margin-left:9px;
        border-radius:3px
    }
    [dir=rtl] .new-nav-item .new-dropdown{
        margin-left:unset;
        margin-right:9px
    }
}
.menu-img-banner{
    margin:-23px -23px -23px -25px
}
.menu-img-banner a{
    display:block;
    width:100%
}
.menu-img-banner a img{
    width:100%
}
.menu-img-banner h4{
    margin-top:12px;
    line-height:1.5;
    font-weight:500
}
.custom-mt{
    margin-top:25px
}
@media(max-width: 1199px){
    .custom-mt{
        margin-top:calc(9px + 3*(100vw - 320px)/880)
    }
}
.dropdown-menu-3::after{
    content:unset !important
}
.menu-label{
    background-color:#ff7272;
    font-size:12px;
    border-radius:2px;
    padding:3px 5px;
    line-height:1;
    color:#fff;
    font-weight:600;
    position:relative;
    z-index:0;
    -webkit-animation:.9s blink infinite;
    animation:.9s blink infinite;
    margin-left:4px
}
body.rtl .menu-label{
    margin-left:unset;
    margin-right:4px
}
.menu-label::before{
    content:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg);
    background-color:#ff7272;
    left:-5px;
    width:12px;
    height:12px;
    z-index:-1;
    background-color:rgba(0,0,0,0)
}
.menu-label.warning-label{
    background-color:#ffa53b
}
.menu-label.success-label{
    background-color:var(--theme-color)
}

.product-box-5 .product-image{
    position:relative
}
.product-box-5 .product-image .bg-size{
    border-radius:10px
}
.product-box-5 .product-image .wishlist-top{
    position:absolute;
    top:10px;
    right:10px;
    background-color:#fff;
    padding:5px;
    border-radius:5px
}
.product-box-5 .product-image .wishlist-top svg{
    width:18px
}
.product-box-5 .product-image .product-option{
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:absolute;
    bottom:-5px;
    background-color:#fff;
    width:70%;
    padding:10px 5px;
    border-radius:7px;
    -webkit-box-shadow:0 0 8px rgba(34,34,34,.12);
    box-shadow:0 0 8px rgba(34,34,34,.12);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    max-width:320px
}
@media(max-width: 480px){
    .product-box-5 .product-image .product-option{
        display:none
    }
}
.product-box-5 .product-image .product-option li{
    position:relative;
    width:33.33%;
    text-align:center
}
.product-box-5 .product-image .product-option li a{
    color:#222
}
.product-box-5 .product-image .product-option li a .feather{
    width:17px;
    height:auto;
    color:#4a5568
}
.product-box-5 .product-image .product-option li+li:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:0;
    background-color:#4a5568;
    opacity:.3
}
[dir=rtl] .product-box-5 .product-image .product-option li+li:after{
    left:unset;
    right:0
}
.product-box-5 .product-image img{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border-radius:10px
}
.product-box-5:hover .product-image a img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.product-box-5:hover .product-image .product-option{
    bottom:15px;
    opacity:1
}
.product-box-5 .product-detail{
    padding-top:10px;
    text-align:center
}
.product-box-5 .product-detail a{
    color:#222;
    display:block
}
.product-box-5 .product-detail a:hover{
    color:#222
}
.product-box-5 .product-detail a h5{
    margin-bottom:6px
}
.product-box-5 .product-detail a h5.name{
    font-weight:600;
    line-height:22px;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    text-transform:capitalize
}
.product-box-5 .product-detail .product-rating{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(4px + 3*(100vw - 320px)/1600)
}
.product-box-5 .product-detail .product-rating h6{
    font-weight:500
}
.product-box-5+.product-box-5{
    margin-top:30px !important
}

.section-404 .image-404{
    text-align:center
}
.section-404 .image-404 img{
    width:25%
}
@media(max-width: 1460px){
    .section-404 .image-404 img{
        width:40%
    }
}
@media(max-width: 991px){
    .section-404 .image-404 img{
        width:50%
    }
}
@media(max-width: 575px){
    .section-404 .image-404 img{
        width:70%
    }
}
.section-404 .contain-404{
    width:50%;
    text-align:center;
    margin:calc(20px + 25*(100vw - 320px)/1600) auto 0;
    font-family:"Public Sans",sans-serif
}
@media(max-width: 1660px){
    .section-404 .contain-404{
        width:60%
    }
}
@media(max-width: 1199px){
    .section-404 .contain-404{
        width:80%
    }
}
@media(max-width: 767px){
    .section-404 .contain-404{
        width:100%
    }
}
.section-404 .contain-404 h3{
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    line-height:1.5;
    font-weight:400
}
.section-404 .contain-404 button{
    margin-top:calc(16px + 8*(100vw - 320px)/1600)
}

.fresh-vegetable-section .fresh-image{
    margin-top:30px;
    border-radius:calc(12px + 38*(100vw - 320px)/1600) 0;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fresh-vegetable-section .fresh-image>div{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    overflow:hidden
}
.fresh-vegetable-section .fresh-image:hover>div{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.fresh-vegetable-section .fresh-image-2{
    border-radius:0 calc(12px + 38*(100vw - 320px)/1600);
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fresh-vegetable-section .fresh-image-2>div{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    overflow:hidden
}
.fresh-vegetable-section .fresh-image-2:hover>div{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.fresh-vegetable-section .fresh-contain{
    height:100%
}
.fresh-vegetable-section .fresh-contain p{
    font-size:calc(14px + 1*(100vw - 320px)/1600);
    line-height:1.7;
    color:#4a5568;
    margin-bottom:calc(11px + 9*(100vw - 320px)/1600)
}
.fresh-vegetable-section .delivery-list ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(11px + 9*(100vw - 320px)/1600)
}
[dir=rtl] .fresh-vegetable-section .delivery-list ul{
    padding-right:0
}
.fresh-vegetable-section .delivery-list ul li{
    width:100%
}
.fresh-vegetable-section .delivery-list ul li .deliver-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:calc(8px + 7*(100vw - 320px)/1600);
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    color:#4a5568
}
.fresh-vegetable-section .delivery-list ul li .deliver-box .feather{
    width:17px;
    height:auto;
    margin-top:3px
}
.fresh-vegetable-section .delivery-list ul li .deliver-box h6{
    font-size:calc(15px + 2*(100vw - 320px)/1600);
    width:calc(100% - 17px)
}
.fresh-vegetable-section .delivery-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(15px + 15*(100vw - 320px)/1600);
    margin-top:20px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.fresh-vegetable-section .delivery-box li .delivery-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:12px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:0
}
.fresh-vegetable-section .delivery-box li .delivery-box .delivery-icon img{
    width:30px;
    height:auto
}

.custom-padding{
    padding-right:10px
}
.custom-height{
    max-height:190px;
    overflow-y:auto;
    height:100%
}
.custom-height::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:rgba(85,85,85,.14)
}
.custom-height::-webkit-scrollbar{
    width:4px;
    background-color:#f5f5f5;
    border-radius:50px
}
.custom-height::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-color:rgba(85,85,85,.5)
}

.banner-description{
    margin-top:28px
}
.banner-description p{
    margin-bottom:0;
    font-size:15px;
    line-height:1.6
}

.js-range-slider{
    margin-top:15px;
    padding:10px;
    border-radius:5px;
    border:1px solid #ddd;
    color:#222;
    width:100%
}


[dir=rtl] .slick-slider{
    direction:ltr
}
[dir=rtl] .slick-slider .slick-list .slick-track>*{
    direction:rtl
}
[dir=rtl] .slick-slide{
    float:left
}
[dir=rtl] ul{
    padding-right:0
}
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url("./ajax-loader.gif") center center no-repeat
}
@font-face{
    font-family:"slick";
    src:url("./fonts/slick.eot");
    src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");
    font-weight:normal;
    font-style:normal
}
.slick-prev,.slick-next{
    position:absolute;
    display:block;
    height:20px;
    width:20px;
    line-height:0px;
    font-size:0px;
    cursor:pointer;
    background:rgba(0,0,0,0);
    color:rgba(0,0,0,0);
    top:50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    padding:0;
    border:none;
    outline:none
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    outline:none;
    background:rgba(0,0,0,0);
    color:rgba(0,0,0,0)
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:"slick";
    font-size:20px;
    line-height:1;
    color:#fff;
    opacity:.75;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    left:auto;
    right:-25px
}
.slick-prev:before{
    content:"←"
}
[dir=rtl] .slick-prev:before{
    content:"→"
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    left:-25px;
    right:auto
}
.slick-next:before{
    content:"→"
}
[dir=rtl] .slick-next:before{
    content:"←"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}
.slick-dots li button{
    border:0;
    background:rgba(0,0,0,0);
    display:block;
    height:20px;
    width:20px;
    outline:none;
    line-height:0px;
    font-size:0px;
    color:rgba(0,0,0,0);
    padding:5px;
    cursor:pointer
}
.slick-dots li button:hover,.slick-dots li button:focus{
    outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:"slick";
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    color:#000;
    opacity:.75
}
:root{
    --theme-color: #1f56a8;
    --theme-color-rgb: 13, 164, 135;
    --theme-color1: #3366cc;
    --theme-color1-rgb: 14, 148, 122;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%) 
}
@-webkit-keyframes scaleUpDown{
    0%,100%{
        -webkit-transform:scaleY(1) scaleX(1);
        transform:scaleY(1) scaleX(1)
    }
    50%,90%{
        -webkit-transform:scaleY(1.1);
        transform:scaleY(1.1)
    }
    75%{
        -webkit-transform:scaleY(0.95);
        transform:scaleY(0.95)
    }
    80%{
        -webkit-transform:scaleX(0.95);
        transform:scaleX(0.95)
    }
}
@keyframes scaleUpDown{
    0%,100%{
        -webkit-transform:scaleY(1) scaleX(1);
        transform:scaleY(1) scaleX(1)
    }
    50%,90%{
        -webkit-transform:scaleY(1.1);
        transform:scaleY(1.1)
    }
    75%{
        -webkit-transform:scaleY(0.95);
        transform:scaleY(0.95)
    }
    80%{
        -webkit-transform:scaleX(0.95);
        transform:scaleX(0.95)
    }
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:skewX(0) scale(1);
        transform:skewX(0) scale(1)
    }
    50%{
        -webkit-transform:skewX(5deg) scale(0.9);
        transform:skewX(5deg) scale(0.9)
    }
}
@keyframes shake{
    0%,100%{
        -webkit-transform:skewX(0) scale(1);
        transform:skewX(0) scale(1)
    }
    50%{
        -webkit-transform:skewX(5deg) scale(0.9);
        transform:skewX(5deg) scale(0.9)
    }
}
@-webkit-keyframes particleUp{
    0%{
        opacity:0
    }
    20%{
        opacity:1
    }
    80%{
        opacity:1
    }
    100%{
        opacity:0;
        top:-100%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@keyframes particleUp{
    0%{
        opacity:0
    }
    20%{
        opacity:1
    }
    80%{
        opacity:1
    }
    100%{
        opacity:0;
        top:-100%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@-webkit-keyframes shape{
    0%{
        background-position:100% 0
    }
    50%{
        background-position:50% 50%
    }
    100%{
        background-position:0 100%
    }
}
@keyframes shape{
    0%{
        background-position:100% 0
    }
    50%{
        background-position:50% 50%
    }
    100%{
        background-position:0 100%
    }
}
@-webkit-keyframes rounded{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rounded{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes move{
    0%{
        -webkit-transform:scale(1) rotate(0deg) translate3d(0, 0, 1px);
        transform:scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }
    30%{
        opacity:1
    }
    100%{
        z-index:10;
        -webkit-transform:scale(0) rotate(360deg) translate3d(0, 0, 1px);
        transform:scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}
@keyframes move{
    0%{
        -webkit-transform:scale(1) rotate(0deg) translate3d(0, 0, 1px);
        transform:scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }
    30%{
        opacity:1
    }
    100%{
        z-index:10;
        -webkit-transform:scale(0) rotate(360deg) translate3d(0, 0, 1px);
        transform:scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}
@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
}
@-webkit-keyframes flash{
    0%{
        opacity:.4;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    100%{
        opacity:1;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
}
@keyframes flash{
    0%{
        opacity:.4;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    100%{
        opacity:1;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
}
@keyframes shake{
    0%{
        -webkit-transform:translate(3px, 0);
        transform:translate(3px, 0)
    }
    50%{
        -webkit-transform:translate(-3px, 0);
        transform:translate(-3px, 0)
    }
    100%{
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes grow{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes grow{
    0%,100%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes blink{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes blink{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes product-fade{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes product-fade{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

[data-notify=icon]{
    margin-right:5px
}
[dir=rtl] [data-notify=icon]{
    margin-right:unset;
    margin-left:5px
}
[data-notify=progressbar]{
    width:100%;
    height:5px;
    margin-bottom:0;
    position:absolute;
    bottom:0;
    left:0;
    border-radius:0
}
.progress-bar-info{
    background-color:#0c5460
}


.breadcrumb-section{
    background-color:#f8f8f8;
    position:relative;
    overflow:hidden
}
.breadcrumb-section .breadcrumb-contain{
    padding:calc(26px + 14*(100vw - 320px)/1600) 0;
    text-align:center;
    color:#222;
    font-family:"Public Sans",sans-serif;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 480px){
    .breadcrumb-section .breadcrumb-contain{
        display:block
    }
}
.breadcrumb-section .breadcrumb-contain h2{
    font-weight:700;
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:0
}
@media(max-width: 480px){
    .breadcrumb-section .breadcrumb-contain h2{
        text-align:center;
        margin-bottom:8px
    }
}




.breadcrumb-section .breadcrumb-contain nav{
    margin-left:auto
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain nav{
    margin-left:unset;
    margin-right:auto
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item{
    font-weight:500
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item i{
    color:#4a5568
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active{
    color:#000;
    margin-top:2px
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item{
    position:relative
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item{
    padding-left:0;
    padding-right:8px
}
.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#4a5568
}
.breadcrumb-section .breadcrumb-order{
    display:block
}
.breadcrumb-section .breadcrumb-order .order-box .order-image{
    width:calc(170px + 80*(100vw - 320px)/1600);
    height:auto;
    margin:0 auto calc(16px + 12*(100vw - 320px)/1600)
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark{
    position:relative;
    padding:30px;
    -webkit-animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display:inline-block;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    margin:-20px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    fill:#fff
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background{
    fill:var(--theme-color);
    -webkit-animation:rotate 35s linear both infinite;
    animation:rotate 35s linear both infinite
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star{
    position:absolute;
    -webkit-animation:grow 3s infinite;
    animation:grow 3s infinite;
    fill:var(--theme-color);
    opacity:0
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1){
    width:12px;
    height:12px;
    left:12px;
    top:16px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2){
    width:18px;
    height:18px;
    left:168px;
    top:84px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3){
    width:10px;
    height:10px;
    left:32px;
    top:162px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4){
    height:20px;
    width:20px;
    left:82px;
    top:-12px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5){
    width:14px;
    height:14px;
    left:125px;
    top:162px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6){
    width:10px;
    height:10px;
    left:16px;
    top:16px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2){
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3){
    -webkit-animation-delay:4.5s;
    animation-delay:4.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4){
    -webkit-animation-delay:6s;
    animation-delay:6s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5){
    -webkit-animation-delay:7.5s;
    animation-delay:7.5s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6){
    -webkit-animation-delay:9s;
    animation-delay:9s
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark{
    position:relative;
    padding:30px;
    -webkit-animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    animation:checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display:inline-block;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    margin:-20px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check{
    position:absolute;
    top:50%;
    left:50%;
    z-index:10;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    fill:#fff
}
.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background{
    fill:var(--theme-color);
    -webkit-animation:rotate 35s linear both infinite;
    animation:rotate 35s linear both infinite
}
.breadcrumb-section .breadcrumb-order .order-box .order-image i{
    font-size:50px;
    color:#4ead4e
}
.breadcrumb-section .breadcrumb-order .order-box .order-image h2{
    margin-top:10px;
    margin-bottom:15px
}
.breadcrumb-section .breadcrumb-order .order-box .order-image p{
    font-size:18px;
    text-transform:capitalize
}
.breadcrumb-section .breadcrumb-order .order-box .order-image.order-fail i{
    color:var(--theme-color)
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h3{
    font-size:calc(21px + 3*(100vw - 320px)/1600);
    font-weight:700;
    margin-bottom:6px
}
.breadcrumb-section .breadcrumb-order .order-box .order-contain h5{
    margin-bottom:8px;
    line-height:1.4
}


.btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#222;
    padding:calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
    font-weight:500;
    background:rgba(0,0,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    border:none;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    z-index:0;
    white-space:nowrap
}
.btn:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn:hover .icon{
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.btn.dark-button{
    background:linear-gradient(93.33deg, #222221 12.35%, #2F2F2D 99.38%) !important
}
.btn .icon{
    margin-left:calc(6px + 6*(100vw - 320px)/1600);
    -webkit-transition:.3s ease;
    transition:.3s ease
}
[dir=rtl] .btn .icon{
    margin-left:unset;
    margin-right:calc(6px + 6*(100vw - 320px)/1600)
}
.btn .icon-2{
    margin-left:6px;
    -webkit-transition:.3s ease;
    transition:.3s ease
}
[dir=rtl] .btn .icon-2{
    margin-left:unset;
    margin-right:6px
}

.btn-animation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    color:#fff;
    border-radius:5px;
    font-weight:600;
    background:rgba(0,0,0,0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    background:#d8202a;
    background:-webkit-gradient(linear, left top, right top, from(#d8202a), to(#e1015d));
    background:linear-gradient(90deg, #d8202a 0%, #e1015d 100%);
    border:none;
    z-index:0
}
.btn-animation i{
    -webkit-transition:.3s ease;
    transition:.3s ease
}
.btn-animation::after{
    content:"";
    position:absolute;
    width:100%;
    height:0;
    bottom:0;
    left:0;
    z-index:-1;
    border-radius:5px;
    background:#e1015d;
    background:-webkit-gradient(linear, left top, right top, from(#e1015d), to(#d8202a));
    background:linear-gradient(90deg, #e1015d 0%, #d8202a 100%);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn-animation:hover{
    color:#fff
}
.btn-animation:hover i{
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.btn-animation:hover::after{
    top:0;
    height:100%
}
.btn-md{
    padding:calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    font-weight:500
}
.btn-sm{
    padding:8px 16px;
    font-size:14px;
    font-weight:500
}
.btn-2{
    padding:9px 25px;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    font-weight:400
}
.btn-2:hover::after{
    top:0;
    height:100%
}
.btn-2-animation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    background:#1f56a8;
    background:-webkit-gradient(linear, left top, right top, from(#1f56a8), to(#3366cc));
    background:linear-gradient(90deg, #1f56a8 0%, #3366cc 100%);
    border:none;
    z-index:0
}
.btn-2-animation::after{
    content:"";
    position:absolute;
    width:100%;
    height:0;
    bottom:0;
    left:0;
    z-index:-1;
    border-radius:5px;
    background:#1f56a8;
    background:-webkit-gradient(linear, left top, right top, from(#3366cc), to(#1f56a8));
    background:linear-gradient(90deg, #3366cc 0%, #1f56a8 100%);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

.btn-theme-outline{
    color:var(--theme-color);
    border:1px solid var(--theme-color);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.btn-theme-outline:hover{
    background-color:var(--theme-color);
    color:#fff
}

.counter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.counter .qty-left-minus,.counter .qty-right-plus{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(30px + 5*(100vw - 320px)/1600);
    height:calc(30px + 5*(100vw - 320px)/1600);
    border:1px solid #ececec;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer;
    border-radius:20px;
    line-height:24px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:0
}
.counter .qty-left-minus i,.counter .qty-right-plus i{
    font-size:12px;
    margin-top:3px
}
.counter .qty-left-minus:hover,.counter .qty-right-plus:hover{
    color:#010200
}
.counter .qty-left-minus{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-right:0
}
[dir=rtl] .counter .qty-left-minus{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-right:1px solid #ececec;
    border-left:0
}
.counter .qty-right-plus{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-left:0
}
[dir=rtl] .counter .qty-right-plus{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:0;
    border-left:1px solid #ececec
}
.counter input{
    width:45px;
    height:calc(30px + 5*(100vw - 320px)/1600);
    border:1px solid #ececec;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-align:center;
    font-size:14px;
    font-weight:500;
    background-color:rgba(0,0,0,.06);
    border-radius:0
}
[dir=rtl] .counter input{
    text-align:center
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    appearance:none
}


.normal-form .form-control{
    border:none
}
.normal-form .form-control:focus{
    background-color:#fff
}
.theme-form-check{
    cursor:pointer;
    -webkit-transition:background .2s ease;
    transition:background .2s ease
}
.theme-form-check input{
    width:20px;
    height:20px;
    vertical-align:middle;
    border-radius:10px;
    background:none;
    border:0;
    -webkit-box-shadow:inset 0 0 0 1.5px #9f9f9f;
    box-shadow:inset 0 0 0 1.5px #9f9f9f;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:0;
    margin:0;
    -webkit-transition:-webkit-box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    transition:-webkit-box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25), -webkit-box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    pointer-events:none
}
.theme-form-check input:focus{
    outline:none
}
.theme-form-check input:checked{
    -webkit-box-shadow:inset 0 0 0 6px #6743ee;
    box-shadow:inset 0 0 0 6px #6743ee
}
.theme-form-check input label{
    vertical-align:middle;
    display:inline-block;
    line-height:20px;
    padding:0 8px
}
.theme-form-floating>.form-control:not(:-moz-placeholder-shown)~label{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:5px;
    height:31px;
    background-color:#fff;
    white-space:nowrap;
    opacity:1
}
.theme-form-floating>.form-control:not(:-ms-input-placeholder)~label{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:5px;
    height:31px;
    background-color:#fff;
    white-space:nowrap;
    opacity:1
}
.theme-form-floating>.form-control:focus~label,.theme-form-floating>.form-control:not(:placeholder-shown)~label,.theme-form-floating>.form-select~label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:5px;
    height:31px;
    background-color:#fff;
    white-space:nowrap;
    opacity:1
}
[dir=rtl] .theme-form-floating>.form-control:not(:-moz-placeholder-shown)~label{
    right:10px;
    left:unset
}
[dir=rtl] .theme-form-floating>.form-control:not(:-ms-input-placeholder)~label{
    right:10px;
    left:unset
}
[dir=rtl] .theme-form-floating>.form-control:focus~label,[dir=rtl] .theme-form-floating>.form-control:not(:placeholder-shown)~label,[dir=rtl] .theme-form-floating>.form-select~label{
    right:10px;
    left:unset
}
.theme-form-floating .form-control,.theme-form-floating .form-select{
    height:calc(51px + 3*(100vw - 320px)/1600);
    line-height:normal
}
.theme-form-floating>.form-control:not(:-moz-placeholder-shown){
    padding-top:17px;
    padding-bottom:10px;
    font-size:calc(15px + 2*(100vw - 320px)/1600);
    font-weight:500
}
.theme-form-floating>.form-control:not(:-ms-input-placeholder){
    padding-top:17px;
    padding-bottom:10px;
    font-size:calc(15px + 2*(100vw - 320px)/1600);
    font-weight:500
}
.theme-form-floating>.form-control:focus,.theme-form-floating>.form-control:not(:placeholder-shown){
    padding-top:17px;
    padding-bottom:10px;
    font-size:calc(15px + 2*(100vw - 320px)/1600);
    font-weight:500
}
.theme-form-floating>.form-select{
    padding-top:12px;
    padding-bottom:10px;
    font-size:calc(14px + 1*(100vw - 320px)/1600);
    font-weight:500
}
.theme-form-floating>.form-select:focus{
    border-color:var(--theme-color);
    outline:0;
    -webkit-box-shadow:0 0 0 4px rgba(0,0,0,0);
    box-shadow:0 0 0 4px rgba(0,0,0,0)
}
.theme-form-floating .form-control:focus{
    background-color:#fff;
    border:1px solid #ced4da
}
.theme-form-floating label{
    font-size:calc(13px + 3*(100vw - 320px)/1600);
    color:#4a5568;
    border:none
}
.theme-form-floating-2>.form-control:not(:-moz-placeholder-shown)~label{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:10px;
    height:31px;
    background-color:#fff;
    padding:0 10px;
    opacity:1
}
.theme-form-floating-2>.form-control:not(:-ms-input-placeholder)~label{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:10px;
    height:31px;
    background-color:#fff;
    padding:0 10px;
    opacity:1
}
.theme-form-floating-2>.form-control:focus~label,.theme-form-floating-2>.form-control:not(:placeholder-shown)~label,.theme-form-floating-2>.form-select~label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    opacity:.95;
    top:-5px;
    left:10px;
    height:31px;
    background-color:#fff;
    padding:0 10px;
    opacity:1
}
[dir=rtl] .theme-form-floating-2>.form-control:not(:-moz-placeholder-shown)~label{
    left:unset;
    right:10px
}
[dir=rtl] .theme-form-floating-2>.form-control:not(:-ms-input-placeholder)~label{
    left:unset;
    right:10px
}
[dir=rtl] .theme-form-floating-2>.form-control:focus~label,[dir=rtl] .theme-form-floating-2>.form-control:not(:placeholder-shown)~label,[dir=rtl] .theme-form-floating-2>.form-select~label{
    left:unset;
    right:10px
}
.theme-form-floating-2>.form-control:not(:-moz-placeholder-shown){
    padding-top:12px;
    padding-bottom:10px;
    font-size:15px;
    font-weight:500
}
.theme-form-floating-2>.form-control:not(:-ms-input-placeholder){
    padding-top:12px;
    padding-bottom:10px;
    font-size:15px;
    font-weight:500
}
.theme-form-floating-2>.form-control:focus,.theme-form-floating-2>.form-control:not(:placeholder-shown){
    padding-top:12px;
    padding-bottom:10px;
    font-size:15px;
    font-weight:500
}
.theme-form-floating-2>.form-select{
    padding-top:12px;
    padding-bottom:10px;
    font-size:calc(14px + 1*(100vw - 320px)/1600);
    font-weight:500
}
.theme-form-floating-2>.form-select:focus{
    border-color:var(--theme-color);
    outline:0;
    -webkit-box-shadow:0 0 0 4px rgba(0,0,0,0);
    box-shadow:0 0 0 4px rgba(0,0,0,0)
}
.theme-form-floating-2 .form-control:focus{
    background-color:#fff;
    border:1px solid #ced4da
}
.theme-form-floating-2>.form-control,.theme-form-floating-2>.form-select{
    height:46px
}
.theme-form-floating-2>label{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:9px;
    padding:0;
    border:none;
    height:auto
}
[dir=rtl] .theme-form-floating-2>label{
    left:unset;
    right:9px
}
.theme-form-floating-2>.form-control{
    padding:14px 10px
}
.theme-form-floating-2 label{
    font-size:calc(13px + 3*(100vw - 320px)/1600);
    color:#4a5568
}
.checkbox_animated{
    cursor:pointer;
    position:relative;
    margin-right:16px;
    height:100%
}
[dir=rtl] .checkbox_animated{
    margin-right:unset;
    margin-left:16px
}
.checkbox_animated:before{
    content:"";
    position:absolute;
    width:12px;
    height:6px;
    -webkit-transition:-webkit-transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:-webkit-transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform:rotate(-45deg) scale(0, 0);
    transform:rotate(-45deg) scale(0, 0);
    left:4px;
    top:4px;
    z-index:1;
    border:2px solid var(--theme-color);
    border-top-style:none;
    border-right-style:none
}
[dir=rtl] .checkbox_animated:before{
    left:unset;
    right:4px
}
.checkbox_animated:after{
    content:"";
    position:absolute;
    width:21px;
    height:21px;
    top:-2px;
    left:0;
    background-color:#fff;
    border:2px solid #ececec;
    cursor:pointer
}
[dir=rtl] .checkbox_animated:after{
    left:unset;
    right:0
}
.checkbox_animated:checked:before{
    -webkit-transform:rotate(-45deg) scale(1, 1);
    transform:rotate(-45deg) scale(1, 1)
}
.custom-form-check-2{
    min-height:auto;
    margin-bottom:0
}
.custom-form-check .form-check-input{
    width:calc(15px + 2*(100vw - 320px)/1600);
    height:calc(15px + 2*(100vw - 320px)/1600);
    margin-top:0
}
[dir=rtl] .custom-form-check .form-check-input{
    margin-right:-1.5em;
    margin-left:unset
}
.custom-form-check .form-check-input:checked{
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
.custom-form-check .form-check-input:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control{
    font-size:14px;
    padding:calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600)
}
.form-control.subscribe-input{
    border:none;
    border-radius:0
}
[dir=rtl] .form-control{
    text-align:right
}
.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#000
}
.form-select{
    font-size:14px
}
.form-select.theme-form-select:focus{
    background-color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#000
}
.input-group .btn{
    z-index:1
}
.label-flex{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.label-flex .discount{
    background-color:var(--theme-color);
    color:#fff;
    padding:4px calc(7px + 3*(100vw - 320px)/1600);
    border-radius:4px
}
.label-flex .discount.sm-discount label{
    font-size:12px
}
.label-flex .discount label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:-2px 0
}
.label-flex .wishlist{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    color:#4a5568;
    margin-left:auto
}
[dir=rtl] .label-flex .wishlist{
    margin-left:unset;
    margin-right:auto
}
.blur-up{
    -webkit-filter:blur(5px);
    filter:blur(5px);
    transition:filter 400ms,-webkit-filter 400ms
}
.blur-up.lazyloaded{
    -webkit-filter:blur(0);
    filter:blur(0)
}
.fullpage-loader{
    width:100vw;
    height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    top:0;
    left:0;
    overflow:hidden;
    background-color:#fff;
    z-index:9999;
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.fullpage-loader span{
    width:6vmin;
    height:6vmin;
    background-color:var(--theme-color);
    border-radius:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute;
    -webkit-animation-name:move;
    animation-name:move;
    -webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 0.8);
    animation-timing-function:cubic-bezier(0.4, 0, 1, 0.8);
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    top:calc(50% - 4vmin);
    left:50%;
    -webkit-transform-origin:-4vmin center;
    transform-origin:-4vmin center
}
.fullpage-loader span:nth-child(1){
    -webkit-animation-delay:-0.5s;
    animation-delay:-0.5s;
    opacity:0
}
.fullpage-loader span:nth-child(2){
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    opacity:0
}
.fullpage-loader span:nth-child(3){
    -webkit-animation-delay:-1.5s;
    animation-delay:-1.5s;
    opacity:0
}
.fullpage-loader span:nth-child(4){
    -webkit-animation-delay:-2s;
    animation-delay:-2s;
    opacity:0
}
.fullpage-loader span:nth-child(5){
    -webkit-animation-delay:-2.5s;
    animation-delay:-2.5s;
    opacity:0
}
.fullpage-loader span:nth-child(6){
    -webkit-animation-delay:-3s;
    animation-delay:-3s;
    opacity:0
}
.fullpage-loader--invisible{
    opacity:0
}

.ratio_27 .bg-size:before{
    content:"";
    padding-top:27%;
    display:block
}
.ratio_30 .bg-size:before{
    content:"";
    padding-top:30%;
    display:block
}
.ratio_35 .bg-size:before{
    content:"";
    padding-top:35%;
    display:block
}
.ratio_45 .bg-size:before{
    content:"";
    padding-top:45.4%;
    display:block
}
.ratio_50 .bg-size:before{
    content:"";
    padding-top:50%;
    display:block
}
.ratio_50_1 .bg-size:before{
    content:"";
    padding-top:50%;
    display:block
}
@media(max-width: 1660px){
    .ratio_50_1 .bg-size:before{
        padding-top:57%
    }
}
@media(max-width: 1199px){
    .ratio_50_1 .bg-size:before{
        padding-top:80%
    }
}
@media(max-width: 991px){
    .ratio_50_1 .bg-size:before{
        padding-top:59%
    }
}
@media(max-width: 767px){
    .ratio_50_1 .bg-size:before{
        padding-top:68%
    }
}
@media(max-width: 575px){
    .ratio_50_1 .bg-size:before{
        padding-top:77%
    }
}
@media(max-width: 480px){
    .ratio_50_1 .bg-size:before{
        padding-top:84%
    }
}
.ratio_58 .bg-size:before{
    content:"";
    padding-top:58%;
    display:block
}
.ratio_60 .bg-size:before{
    content:"";
    padding-top:60%;
    display:block
}
.ratio_65 .bg-size:before{
    content:"";
    padding-top:65%;
    display:block
}
.ratio_87 .bg-size:before{
    content:"";
    padding-top:87%;
    display:block
}
.ratio_square .bg-size:before{
    padding-top:100%;
    content:"";
    display:block
}
.ratio_110 .bg-size:before{
    padding-top:110%;
    content:"";
    display:block
}
.ratio_125 .bg-size::before{
    content:"";
    padding-top:125%;
    display:block
}
.ratio_148 .bg-size::before{
    content:"";
    padding-top:148%;
    display:block
}
.ratio_156 .bg-size:before{
    content:"";
    padding-top:156%;
    display:block
}
.ratio_medium .bg-size:before{
    content:"";
    padding-top:134%;
    display:block
}
.ratio_180 .bg-size:before{
    content:"";
    padding-top:180%;
    display:block
}
.ratio_209 .bg-size:before{
    content:"";
    padding-top:209%;
    display:block
}
.ratio_148_1 .bg-size{
    content:"";
    padding-top:148%;
    display:block
}
@media(max-width: 1199px){
    .ratio_148_1 .bg-size{
        padding-top:88%
    }
}
.b-bottom{
    background-position:bottom !important
}
.b-top{
    background-position:top !important
}
.b-left{
    background-position:left !important
}
.b-right{
    background-position:right !important
}
.product-wrapper .slick-dots{
    position:relative;
    bottom:0;
    margin-top:calc(5px + 15*(100vw - 320px)/1600)
}
.product-wrapper .slick-dots li{
    width:auto;
    height:auto
}
.product-wrapper .slick-dots li button{
    width:calc(6px + 2*(100vw - 320px)/1600);
    height:calc(6px + 2*(100vw - 320px)/1600);
    border-radius:4px;
    padding:0;
    margin:0;
    background-color:rgba(35,35,35,.2);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.product-wrapper .slick-dots li button::before{
    display:none
}
.product-wrapper .slick-dots li.slick-active button{
    margin:0;
    width:calc(30px + 10*(100vw - 320px)/1600);
    background-color:var(--theme-color);
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.product-wrapper .timer{
    position:absolute;
    top:15px;
    left:0;
    right:0;
    text-align:center
}
.product-wrapper.slick-slider.slick-dotted{
    margin-bottom:-2px
}
.no-arrow .slick-arrow{
    display:none !important
}
.no-space .slick-list{
    margin:0 !important
}
.no-space .slick-list .slick-slide>div,.no-space .slick-list .slick-slide>ul{
    margin:0 !important
}
[dir=rtl] .no-space .slick-list .slick-slide>div,[dir=rtl] .no-space .slick-list .slick-slide>ul{
    direction:rtl
}

.slick-slider .slick-list{
    margin:0 -10px
}
@media(max-width: 575px){
    .slick-slider .slick-list{
        margin:0 -6px
    }
}
.slick-slider .slick-list .slick-slide>*{
    margin:0 10px
}
[dir=rtl] .slick-slider .slick-list .slick-slide>*{
    direction:rtl
}
@media(max-width: 575px){
    .slick-slider .slick-list .slick-slide>*{
        margin:0 6px
    }
}
.slick-slider.slick-dotted{
    margin-bottom:0
}
.slick-top .slick-list .slick-track>div{
    margin:3px 0
}
.left-slider .slick-list .slick-track .slick-slide img{
    -webkit-filter:grayscale(20%) blur(1px);
    filter:grayscale(20%) blur(1px);
    opacity:.8
}
.left-slider .slick-list .slick-track .slick-slide.slick-current img{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-filter:grayscale(0) blur(0);
    filter:grayscale(0) blur(0);
    opacity:1;
    -webkit-box-shadow:0 0 8px rgba(34,34,34,.16);
    box-shadow:0 0 8px rgba(34,34,34,.16)
}
.arrow-slider .slick-prev,.arrow-slider .slick-next{
    width:calc(30px + 10*(100vw - 320px)/1600);
    height:calc(30px + 10*(100vw - 320px)/1600);
    background-color:#fff;
    -webkit-box-shadow:0px 1px 4px rgba(34,34,34,.14);
    box-shadow:0px 1px 4px rgba(34,34,34,.14);
    position:absolute;
    top:calc(-28px + -15*(100vw - 320px)/1600);
    border-radius:5px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.arrow-slider .slick-prev::before,.arrow-slider .slick-next::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:var(--theme-color);
    font-size:calc(17px + 3*(100vw - 320px)/1600)
}
.arrow-slider .slick-prev:hover,.arrow-slider .slick-next:hover{
    background-color:var(--theme-color)
}
.arrow-slider .slick-prev:hover::before,.arrow-slider .slick-next:hover::before{
    color:#fff
}
.arrow-slider .slick-prev{
    left:unset;
    right:60px
}
[dir=rtl] .arrow-slider .slick-prev{
    right:unset;
    left:0
}
.arrow-slider .slick-prev::before{
    content:""
}
@media(max-width: 575px){
    .arrow-slider .slick-prev{
        right:45px
    }
}
.arrow-slider .slick-next{
    right:5px
}
[dir=rtl] .arrow-slider .slick-next{
    right:unset;
    left:50px
}
.arrow-slider .slick-next::before{
    content:""
}
@media(max-width: 575px){
    [dir=rtl] .arrow-slider .slick-next{
        left:40px
    }
}
.arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
    top:-42px
}
@media(max-width: 1460px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-38px
    }
}
@media(max-width: 1199px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-37px
    }
}
@media(max-width: 767px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-33px
    }
}
@media(max-width: 480px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-31px
    }
}
@media(max-width: 360px){
    .arrow-slider-2 .slick-prev,.arrow-slider-2 .slick-next{
        top:-29px
    }
}
.arrow-slider-2 .slick-prev{
    left:unset;
    right:50px
}
[dir=rtl] .arrow-slider-2 .slick-prev{
    right:unset;
    left:0
}
.arrow-slider-2 .slick-prev::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#222;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.arrow-slider-2 .slick-prev:hover::before{
    color:var(--theme-color)
}
.arrow-slider-2 .slick-next{
    right:5px
}
[dir=rtl] .arrow-slider-2 .slick-next{
    right:unset;
    left:30px
}
.arrow-slider-2 .slick-next::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content:"";
    color:#222
}
.arrow-slider-2 .slick-next:hover::before{
    color:var(--theme-color)
}
.img-slider img{
    display:initial
}
.product-arrow .slick-prev,.product-arrow .slick-next{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(28px + 12*(100vw - 320px)/1600);
    height:calc(28px + 12*(100vw - 320px)/1600);
    background-color:#ececec;
    border-radius:5px;
    z-index:1;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.product-arrow .slick-prev::before,.product-arrow .slick-next::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900
}
.product-arrow .slick-prev{
    left:0
}
.product-arrow .slick-prev::before{
    color:#000;
    content:""
}
.product-arrow .slick-prev:hover,.product-arrow .slick-prev:focus{
    background-color:var(--theme-color)
}
.product-arrow .slick-prev:hover::before,.product-arrow .slick-prev:focus::before{
    color:#fff
}
.product-arrow .slick-next{
    right:0
}
[dir=rtl] .product-arrow .slick-next{
    right:unset;
    left:91%
}
.product-arrow .slick-next:before{
    color:#000;
    content:""
}
.product-arrow .slick-next:hover,.product-arrow .slick-next:focus{
    background-color:var(--theme-color)
}
.product-arrow .slick-next:hover::before,.product-arrow .slick-next:focus::before{
    color:#fff
}
.product-box-arrow .slick-prev,.product-box-arrow .slick-next{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(28px + 12*(100vw - 320px)/1600);
    height:calc(28px + 12*(100vw - 320px)/1600);
    border-radius:50%;
    z-index:1;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    background-color:#fff;
    -webkit-box-shadow:0px 3px 4px rgba(0,0,0,.14);
    box-shadow:0px 3px 4px rgba(0,0,0,.14);
    color:#4a5568
}
.product-box-arrow .slick-prev::before,.product-box-arrow .slick-next::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:#000;
    font-size:calc(15px + 3*(100vw - 320px)/1600)
}
.product-box-arrow .slick-prev:hover,.product-box-arrow .slick-prev:focus,.product-box-arrow .slick-next:hover,.product-box-arrow .slick-next:focus{
    background-color:var(--theme-color)
}
.product-box-arrow .slick-prev:hover::before,.product-box-arrow .slick-prev:focus::before,.product-box-arrow .slick-next:hover::before,.product-box-arrow .slick-next:focus::before{
    color:#fff
}
.product-box-arrow .slick-prev{
    left:-28px
}
@media(max-width: 575px){
    .product-box-arrow .slick-prev{
        left:-8px
    }
}
.product-box-arrow .slick-prev::before{
    content:""
}
.product-box-arrow .slick-next{
    right:-28px
}
@media(max-width: 575px){
    .product-box-arrow .slick-next{
        right:-8px
    }
}
.product-box-arrow .slick-next:before{
    content:""
}
.slick-height .slick-list .slick-track .slick-slide{
    height:auto
}
.tab-style-color{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:calc(8px + 12*(100vw - 320px)/1600);
    border:none;
    overflow-x:auto;
    overflow-y:hidden
}
@media(max-width: 1265px){
    .tab-style-color{
        margin-top:13px
    }
}
@media(max-width: 1265px){
    .tab-style-color-2{
        margin-top:0
    }
}
@media(max-width: 850px){
    .tab-style-color-2{
        margin-top:13px;
        padding-bottom:11px
    }
}
.tab-style-color .nav-item .nav-link{
    border:none;
    color:#222;
    font-weight:500;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    white-space:nowrap;
    background-color:#fff;
    line-height:1;
    border:1px solid var(--theme-color);
    padding:calc(9px + 5*(100vw - 320px)/1600) calc(14px + 16*(100vw - 320px)/1600);
    margin:0
}
.tab-style-color .nav-item .nav-link.active,.tab-style-color .nav-item .nav-link:hover{
    background-color:var(--theme-color);
    color:#fff
}
.tab-style-color .nav-item .nav-link img{
    margin-right:5px
}
[dir=rtl] .tab-style-color .nav-item .nav-link img{
    margin-right:unset;
    margin-left:5px
}
.tab-style-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:calc(7px + 3*(100vw - 320px)/1600);
    border:none;
    overflow-x:auto;
    overflow-y:hidden
}
@media(max-width: 1265px){
    .tab-style-2{
        margin-top:13px
    }
}
.tab-style-2 .nav-item .nav-link{
    color:#4a5568;
    font-weight:500;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    font-size:calc(15px + 1*(100vw - 320px)/1600);
    white-space:nowrap;
    background-color:#f8f8f8;
    line-height:1;
    border:1px solid rgba(74,85,104,.15);
    padding:calc(11px + 2*(100vw - 320px)/1600) calc(15px + 8*(100vw - 320px)/1600);
    margin:0;
    border-radius:calc(6px + 2*(100vw - 320px)/1600)
}
.tab-style-2 .nav-item .nav-link.active,.tab-style-2 .nav-item .nav-link:hover{
    background-color:var(--theme-color);
    color:#fff;
    border-color:rgba(0,0,0,0)
}
.theme-option{
    position:fixed;
    bottom:calc(10px + 15*(100vw - 320px)/1600);
    right:calc(10px + 15*(100vw - 320px)/1600);
    z-index:1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] .theme-option{
    right:unset;
    left:calc(10px + 15*(100vw - 320px)/1600)
}
@media(max-width: 767px){
    .theme-option{
        bottom:calc(75px + 5*(100vw - 320px)/1600)
    }
}
.theme-option .back-to-top{
    background-color:var(--theme-color);
    padding:0;
    border-radius:5px;
    z-index:1;
    margin-top:12px
}
[dir=rtl] .theme-option .back-to-top{
    right:unset;
    left:calc(10px + 15*(100vw - 320px)/1600)
}
.theme-option .back-to-top a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:calc(30px + 10*(100vw - 320px)/1600);
    height:calc(30px + 10*(100vw - 320px)/1600)
}
.theme-option .back-to-top a i{
    color:#fff
}


.timer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] .timer ul{
    padding-left:unset;
    padding-right:0
}
@media(max-width: 360px){
    .timer ul{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media(max-width: 575px){
    .timer ul{
        margin-top:12px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.timer ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    position:relative;
    background-color:#ececec;
    padding:8px;
    border-radius:5px
}
@media(max-width: 575px){
    .timer ul li{
        width:40px;
        height:40px
    }
}
.timer ul li+li{
    margin-left:15px
}
[dir=rtl] .timer ul li+li{
    margin-left:unset;
    margin-right:15px
}
.timer ul li+li::after{
    content:":";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-weight:bolder;
    left:-10px
}
[dir=rtl] .timer ul li+li::after{
    left:unset;
    right:-10px
}
.timer ul li .counter h4{
    font-weight:500
}
@media(max-width: 575px){
    .timer ul li .counter h4{
        font-size:15px
    }
}
.timer-2{
    margin-left:40px
}
@media(max-width: 575px){
    .timer-2{
        margin-left:0
    }
}
.timer-2 ul li{
    width:60px;
    height:60px;
    color:#000;
    border:1px solid #222;
    background-color:rgba(0,0,0,0)
}
.timer-2 ul li.bg-color{
    background-color:var(--theme-color);
    color:#fff
}
.timer-2 ul li .counter{
    font-size:20px;
    font-weight:500
}
.timer-2 ul li+li::after{
    color:#4a5568
}
.timer-box ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 360px){
    .timer-box ul{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media(max-width: 575px){
    .timer-box ul{
        margin-top:12px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.timer-box ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:50px;
    height:50px;
    position:relative;
    background-color:#ececec;
    padding:8px;
    border-radius:5px
}
@media(max-width: 575px){
    .timer-box ul li{
        width:40px;
        height:40px
    }
}
.timer-box ul li+li{
    margin-left:15px
}
.timer-box ul li+li::after{
    content:":";
    position:absolute;
    font-weight:bolder;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-10px
}
.timer-box ul li .counter h4{
    font-weight:500
}
@media(max-width: 575px){
    .timer-box ul li .counter h4{
        font-size:15px
    }
}
.title-leaf{
    width:140px;
    text-align:center;
    margin-top:7px;
    position:relative;
    z-index:0
}
.title-leaf::before{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    height:1px;
    left:0;
    background-color:var(--theme-color);
    z-index:-1
}
.title-leaf svg{
    background-color:#fff;
    width:45px;
    z-index:1;
    fill:var(--theme-color)
}
.title-leaf svg.bg-gray{
    background-color:#f8f8f8
}
.title{
    margin-bottom:calc(16px + 14*(100vw - 320px)/1600);
    display:inline-block;
    position:relative
}
.title h2{
    font-weight:700;
    color:#222;
    position:relative
}
.title p{
    line-height:1.5;
    margin:calc(5px + 5*(100vw - 320px)/1600) 0 0;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568
}
.title-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 1265px){
    .title-flex{
        display:block
    }
}
.title-flex .timing-box{
    display:inline-block
}
.title-flex .timing-box .timing{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#e1015d;
    color:#fff;
    padding:calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius:5px
}
@media(max-width: 1265px){
    .title-flex .timing-box .timing{
        margin-top:calc(14px + 6*(100vw - 320px)/1600)
    }
}
.title-flex .timing-box .timing i{
    -webkit-text-stroke:1px #fff;
    color:rgba(0,0,0,0);
    margin-right:9px
}
.title-flex .timing-box .timing .feather{
    width:17px;
    height:17px;
    margin-right:9px
}
[dir=rtl] .title-flex .timing-box .timing .feather{
    margin-left:9px;
    margin-right:unset
}
.title-flex .timing-box .timing .name{
    font-weight:600;
    margin-right:8px;
    line-height:1
}
[dir=rtl] .title-flex .timing-box .timing .name{
    margin-left:8px;
    margin-right:unset
}
.title-flex .timing-box .timing .time ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] .title-flex .timing-box .timing .time ul{
    padding-left:unset;
    padding-right:0
}
.title-flex .timing-box .timing .time ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    line-height:1
}
.title-flex .timing-box .timing .time ul li+li{
    margin-left:15px
}
[dir=rtl] .title-flex .timing-box .timing .time ul li+li{
    margin-left:unset;
    margin-right:15px
}
.title-flex .timing-box .timing .time ul li+li::after{
    content:":";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-weight:bolder;
    left:-10px
}
[dir=rtl] .title-flex .timing-box .timing .time ul li+li::after{
    left:unset;
    right:-10px
}
.title-flex .timing-box .timing .time ul li .counter h6{
    font-weight:600
}
.title .product-tabs{
    border:none;
    position:absolute;
    top:0;
    right:0
}
.title .product-tabs .nav-item{
    position:relative
}
.title .product-tabs .nav-item .nav-link{
    border:none;
    border-radius:unset;
    color:#4a5568;
    position:relative;
    font-weight:400;
    font-size:16px
}
.title .product-tabs .nav-item .nav-link.active{
    font-weight:500;
    color:var(--theme-color)
}
.title .product-tabs .nav-item .nav-link.active::before{
    content:"";
    position:absolute;
    width:50px;
    height:2px;
    bottom:0;
    left:17px;
    border-radius:50px;
    background-color:var(--theme-color)
}
.title .product-tabs .nav-item .nav-link.active::after{
    content:"";
    position:absolute;
    width:4px;
    height:2px;
    bottom:0;
    left:75px;
    border-radius:50px;
    background-color:var(--theme-color)
}
.title .product-tabs .nav-item+.nav-item{
    margin-left:10px
}
.title .product-tabs .nav-item+.nav-item::before{
    content:"";
    position:absolute;
    width:13px;
    height:13px;
    top:9px;
    left:-11px;
    background-image:url(../svg/bag.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.title-border{
    border-bottom:1px solid #ececec;
    padding-bottom:calc(14px + 6*(100vw - 320px)/1600);
    margin-bottom:calc(5px + 5*(100vw - 320px)/1600)
}

.title-flex-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 850px){
    .title-flex-2{
        display:block
    }
}
.title-flex-2 .timing-box{
    display:inline-block
}
.title-flex-2 .timing-box .timing{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#e1015d;
    color:#fff;
    padding:calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius:5px
}
@media(max-width: 850px){
    .title-flex-2 .timing-box .timing{
        margin-top:calc(14px + 6*(100vw - 320px)/1600)
    }
}
.title-flex-2 .timing-box .timing i{
    -webkit-text-stroke:1px #fff;
    color:rgba(0,0,0,0);
    margin-right:9px
}
.title-flex-2 .timing-box .timing .feather{
    width:17px;
    height:17px;
    margin-right:9px
}
[dir=rtl] .title-flex-2 .timing-box .timing .feather{
    margin-left:9px;
    margin-right:unset
}
.title-flex-2 .timing-box .timing .name{
    font-weight:600;
    margin-right:8px;
    line-height:1
}
[dir=rtl] .title-flex-2 .timing-box .timing .name{
    margin-left:8px;
    margin-right:unset
}
.tooltip{
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
.tooltip .tooltip-arrow::before{
    border-top-color:var(--theme-color)
}
.tooltip .tooltip-inner{
    font-weight:500;
    background-color:var(--theme-color);
    color:#fff
}
@media(min-width: 1464px){
    .container{
        max-width:1440px
    }
}
.col-custom-3{
    width:22%
}
@media(max-width: 1399px){
    .col-custom-3{
        width:25%
    }
}
@media(max-width: 1199px){
    .col-custom-3{
        width:30%
    }
}
@media(max-width: 991px){
    .col-custom-3{
        width:0
    }
}
.col-custom-{
    width:78%
}
@media(max-width: 1399px){
    .col-custom-{
        width:75%
    }
}
@media(max-width: 1199px){
    .col-custom-{
        width:70%
    }
}
@media(max-width: 991px){
    .col-custom-{
        width:100%
    }
}
.fw-300{
    font-weight:300
}
.w-60{
    width:60% !important
}
.section-small-space{
    padding:calc(18px + 24*(100vw - 320px)/1600) 0
}
.section-big-space{
    padding:calc(40px + 120*(100vw - 320px)/1600) 0
}
.section-lg-space{
    padding:calc(30px + 40*(100vw - 320px)/1600) 0
}
section,.section-t-space{
    padding-top:calc(30px + 20*(100vw - 320px)/1600)
}
.section-b-space{
    padding-bottom:calc(30px + 20*(100vw - 320px)/1600)
}
.container-fluid-lg{
    padding:0 calc(12px + 26*(100vw - 320px)/1600)
}
.container-fluid-md{
    padding:0 calc(12px + 38*(100vw - 320px)/1600)
}
.container-fluid-xs{
    padding:0 calc(12px + 13*(100vw - 320px)/1600)
}
.section-small-space{
    padding:30px 0
}
.p-top-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-top-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-top-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-top-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-center-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-center-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-center-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
[dir=rtl] .p-center-right{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.p-bottom-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
[dir=rtl] .p-bottom-left{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-bottom-center{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.p-bottom-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.p-sticky{
    position:sticky;
    top:10px
}
.ls-expanded{
    letter-spacing:12px;
    margin-right:-12px
}
.ls-resize-expanded{
    letter-spacing:calc(4px + 6*(100vw - 320px)/1600)
}
.g-8{
    margin:-8px
}
.g-8>div{
    padding:8px
}
.icon-width{
    width:25px;
    height:25px
}
.rating{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 360px){
    .rating{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
[dir=rtl] .rating{
    padding-left:unset;
    padding-right:0
}
.rating li{
    line-height:0
}
.rating li+li{
    margin-left:2px
}
[dir=rtl] .rating li+li{
    margin-left:unset;
    margin-right:2px
}
.rating li .feather{
    width:14px;
    height:14px;
    stroke:#ffb321
}
.rating li .feather.fill{
    fill:#ffb321
}
.product-rating{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.product-rating span{
    color:#4a5568;
    font-size:12px;
    margin-left:5px
}
[dir=rtl] .product-rating span{
    margin-left:unset;
    margin-right:5px
}
.mend-auto{
    margin-right:auto !important;
    text-align:left
}
.mstart-auto{
    margin-left:auto !important;
    text-align:left
}
.fw-500{
    font-weight:500
}
.text-theme{
    color:var(--theme-color)
}
.text-title{
    color:#222 !important
}
.text-content{
    color:#4a5568;
     line-height:30px;
}
.text-yellow{
    color:#ffb321 !important
}
.text-danger{
    color:#e1015d !important
}
.bg-gray{
    background-color:#f8f8f8 !important
}
.bg-theme{
    background-color:var(--theme-color)
}
.bg-gradient-color{
    background:linear-gradient(149.8deg, #f8f8fb 17.21%, #f3f5f9 79.21%)
}
.orange-color{
    color:#ffbc5d !important
}
.text-exo{
    font-family:"Exo 2",sans-serif
}
.text-russo{
    font-family:"Russo One",sans-serif
}
.text-pacifico{
    font-family:"Pacifico",cursive
}
.text-kaushan{
    font-family:"Kaushan Script",cursive
}
.text-great{
    font-family:"Great Vibes",cursive
}
.text-qwitcher{
    font-family:"Qwitcher Grypen",cursive
}
.w-58{
    width:58% !important
}
.colorpick-eyedropper-input-trigger{
    display:none
}
.hover-effect:hover{
    opacity:1;
    -webkit-animation:flash 1.5s;
    animation:flash 1.5s
}
.shelf{
    border-bottom:30px solid #a5a5a5;
    border-left:20px solid rgba(0,0,0,0);
    border-right:20px solid rgba(0,0,0,0);
    top:-11px;
    z-index:-1;
    position:relative
}
.shelf:after{
    content:"";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#686868;
    height:20px;
    width:calc(100% + 40px);
    bottom:-50px;
    z-index:1
}
body{
    font-family:"Public Sans",sans-serif;
    position:relative;
    font-size:14px;
    color:#222;
    margin:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    padding-right:0 !important
}
body ::-moz-selection{
    color:#fff;
    background-color:var(--theme-color)
}
body ::selection{
    color:#fff;
    background-color:var(--theme-color)
}
.bg-overlay{
    width:100vw;
    height:100vh;
    background-color:#222;
    position:fixed;
    z-index:9;
    top:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.5s;
    transition:.5s
}
.bg-overlay.show{
    visibility:visible;
    opacity:.5
}
ul{
    padding-left:0;
    margin-bottom:0
}
li{
    display:inline-block;
    font-size:14px
}
p{
    font-size:14px;
    line-height:18px
}
a{
    color:var(--theme-color);
    -webkit-transition:.5s ease;
    transition:.5s ease;
    text-decoration:none
}
a:hover{
    text-decoration:none;
    -webkit-transition:.5s ease;
    transition:.5s ease
}
a:focus{
    outline:none
}
button:focus{
    outline:none
}
.btn-close:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
:focus{
    outline:none
}
.form-control{
    background-color:#fff
}
.form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-color)
}
h1{
    font-size:calc(40px + 30*(100vw - 320px)/1600);
    font-weight:600;
    line-height:1.1;
    text-transform:capitalize;
    margin:0
}
h2{
    font-size:calc(22px + 6*(100vw - 320px)/1600);
    font-weight:600;
    line-height:1;
    text-transform:capitalize;
    margin:0
}
h3{
    font-size:calc(16px + 4*(100vw - 320px)/1600);
    font-weight:500;
    line-height:1.2;
    margin:0
}
h4{
    font-size:calc(17px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
h5{
    font-size:calc(15px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
h6{
    font-size:calc(13px + 1*(100vw - 320px)/1600);
    line-height:1.2;
    margin:0;
    font-weight:400
}
span{
    display:inline-block
}
.theme-color{
    color:var(--theme-color) !important
}
.theme-bg-color{
    background:var(--theme-color) !important
}
.banner-contain{
    border-radius:5px;
    overflow:hidden;
    position:relative
}
[dir=rtl] .banner-contain .banner-details{
    text-align:left
}
.banner-contain .banner-details.banner-b-space{
    padding:calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600)
}
.banner-contain .banner-details .banner-box{
    position:absolute;
    top:30px;
    left:0;
    background-color:rgba(255,255,255,.5);
    padding:calc(8px + 4*(100vw - 320px)/1600) calc(30px + 9*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600);
    border-radius:0px 60px 60px 0px;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    -webkit-box-shadow:0px 11px 10px rgba(74,85,104,.06);
    box-shadow:0px 11px 10px rgba(74,85,104,.06)
}
.banner-contain .banner-details .banner-box h5{
    margin:calc(4px + 2*(100vw - 320px)/1600) 0;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    font-weight:600
}
.banner-contain .banner-details .banner-button{
    position:absolute;
    bottom:calc(8px + 8*(100vw - 320px)/1600);
    left:calc(14px + 8*(100vw - 320px)/1600);
    color:#fff;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    font-weight:600;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.banner-contain .banner-details h2{
    font-size:calc(20px + 22*(100vw - 320px)/1600)
}
.banner-contain .banner-details h2.banner-title{
    font-size:calc(31px + 19*(100vw - 320px)/1600);
    font-weight:700
}
.banner-contain .banner-details h3{
    font-size:calc(20px + 10*(100vw - 320px)/1600);
    margin-top:-7px
}
.banner-contain .banner-details h4{
    font-size:calc(20px + 4*(100vw - 320px)/1600);
    line-height:1.6
}
.banner-contain .banner-details .coupon-code{
    padding:calc(7px + 3*(100vw - 320px)/1600) calc(9px + 6*(100vw - 320px)/1600);
    background-color:rgba(var(--theme-color-rgb), 0.4);
    border:2px dashed rgba(255,255,255,.5);
    display:inline-block;
    font-weight:500;
    margin-top:13px
}
.banner-contain .banner-details .coupon-code-white{
    background-color:rgba(255,255,255,.2)
}
.banner-contain .banner-details .coupon-code.code-2{
    background-color:rgba(153,105,31,.5)
}
.banner-contain .banner-details p{
    color:#4a5568;
    line-height:1.5
}
[dir=rtl] .banner-contain .banner-details p{
    margin-right:auto
}
.banner-contain .banner-details p.banner-text{
    width:62%
}
@media(max-width: 575px){
    .banner-contain .banner-details p.banner-text{
        width:80%
    }
}
@media(max-width: 480px){
    .banner-contain .banner-details p.banner-text{
        width:100%
    }
}
.banner-contain .banner-details .banner-timing{
    width:100%;
    height:210px;
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(181.97deg, rgba(0, 0, 0, 0.3) 1.66%, rgba(0, 0, 0, 0) 95.27%);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    text-align:center;
    color:#fff
}
.banner-contain .banner-details .banner-timing .time{
    margin-top:25px
}
.banner-contain .banner-details .banner-timing .time ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly
}
.banner-contain .banner-details .banner-timing .time ul li .counter{
    width:55px;
    height:70px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px dashed #fff
}
.banner-contain .banner-details .banner-timing .time ul li .counter h5{
    font-weight:600;
    margin-bottom:4px
}
.banner-contain-2{
    position:relative;
    border-radius:5px;
    overflow:hidden
}
.banner-contain-2 .banner-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}
[dir=rtl] .banner-contain-2 .banner-detail{
    left:unset;
    right:0;
    text-align:left
}
.banner-contain-2 .banner-detail .banner-detail-box{
    position:relative;
    padding:7px 0
}
.banner-contain-2 .banner-detail .banner-detail-box::before{
    content:"";
    position:absolute;
    width:2px;
    height:100%;
    top:0;
    left:-10px;
    background-color:var(--theme-color)
}
.banner-contain-2 .banner-detail .banner-detail-box-2{
    padding:7px 0 7px 17px
}
.banner-contain-2 .banner-detail .banner-detail-box-2::before{
    width:5px;
    border-radius:50px;
    left:0
}
[dir=rtl] .banner-contain-2 .banner-detail .banner-detail-box-2::before{
    left:0;
    right:unset
}
.banner-contain-2 .banner-detail h3{
    font-size:calc(27px + 7*(100vw - 320px)/1600)
}
.banner-contain-2 .banner-detail h3 .brand-name{
    font-weight:bold;
    background-color:var(--theme-color);
    color:#fff;
    padding:calc(6px + 4*(100vw - 320px)/1600) calc(8px + 2*(100vw - 320px)/1600);
    position:relative;
    z-index:0
}
.banner-contain-2 .banner-detail h3 .brand-name::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:calc(3px + 4*(100vw - 320px)/1600);
    left:calc(3px + 3*(100vw - 320px)/1600);
    border:calc(1px + 1*(100vw - 320px)/1600) solid #222;
    z-index:-1
}
.banner-contain-2 .banner-detail h2{
    font-size:calc(42px + 17*(100vw - 1199px)/721);
    font-weight:700
}
.banner-contain-2 .banner-detail h4{
    font-weight:600;
    font-size:calc(17px + 4*(100vw - 320px)/1600);
    color:#222
}
.banner-contain-2 .banner-detail-2{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}
[dir=rtl] .banner-contain-2 .banner-detail-2{
    left:unset;
    right:0
}
.banner-contain-2 .banner-detail-2>div{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(24.21%, rgba(255, 255, 255, 0.2)), color-stop(75.22%, rgba(255, 255, 255, 0.2)));
    background:linear-gradient(180deg, rgba(255, 255, 255, 0.2) 24.21%, rgba(255, 255, 255, 0.2) 75.22%);
    padding:22px;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px)
}
.banner-contain-2 .banner-detail-2 h3{
    font-size:calc(27px + 9*(100vw - 320px)/1600);
    font-weight:700;
    color:#fff
}
.banner-contain-2 .banner-detail-2 h2{
    font-size:calc(42px + 17*(100vw - 1199px)/721);
    font-weight:700
}
.banner-contain-2 .banner-detail-2 button{
    background-color:var(--theme-color);
    color:#fff;
    margin:9px auto 0
}
.banner-contain-3{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.banner-contain-3 .flower-pot{
    position:absolute;
    bottom:0;
    right:-59px
}
@media(max-width: 1199px){
    .banner-contain-3 .flower-pot{
        display:none
    }
}
.banner-contain-3 .social-image{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.banner-contain-3 .delivery-bike{
    text-align:center
}
.banner-contain-3 .delivery-bike img{
    margin-top:-16px
}
.banner-contain-3.banner-contain-bg{
    background-image:url(../images/grocery/banner/11-bg.png);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    display:block
}
.banner-contain-3 .banner-detail-2 h2{
    font-size:calc(25px + 15*(100vw - 320px)/1600);
    margin-bottom:10px;
    text-transform:none
}
.banner-contain-3 .banner-detail-2 h3{
    font-size:35px
}
.banner-contain-3 .banner-detail-2 h4{
    font-size:40px
}
.banner-contain-3 .banner-minus-position{
    margin-top:-13px
}
@media(max-width: 575px){
    .banner-contain-3 .banner-minus-position{
        margin-top:0
    }
}
@media(max-width: 1660px){
    .banner-contain-3 .banner-detail-deliver{
        width:60% !important;
        margin-left:auto
    }
}
@media(max-width: 575px){
    .banner-contain-3 .banner-detail-deliver{
        width:100% !important;
        background:#eaf5f5
    }
}
.banner-contain-3 .banner-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0;
    padding:calc(20px + 30*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail.banner-half-width{
    width:50%
}
.banner-contain-3 .banner-detail.banner-p-sm{
    padding:calc(15px + 15*(100vw - 320px)/1600) !important
}
.banner-contain-3 .banner-detail h2{
    font-size:calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom:3px
}
.banner-contain-3 .banner-detail h2.sale-name{
    font-size:calc(25px + 13*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail h3{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px;
    line-height:1.4
}
.banner-contain-3 .banner-detail h3.banner-contain{
    font-size:33px;
    font-weight:bold;
    margin-bottom:0
}
@media(max-width: 1500px){
    .banner-contain-3 .banner-detail h3.banner-contain{
        font-size:20px
    }
}
.banner-contain-3 .banner-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px;
    line-height:1.4
}


@media(max-width: 1500px){
    .banner-contain-3 .banner-detail h4 .delivery-contain{
        font-size:16px
    }
}
.banner-contain-3 .banner-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
.banner-contain-3 .banner-detail h6{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:calc(10px + 10*(100vw - 320px)/1600)
}
.banner-contain-3 .banner-detail p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:0;
    line-height:1.5;
    color:#4a5568;
    letter-spacing:.8px
}
.banner-contain-3 .banner-detail .banner-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
}
[dir=rtl] .banner-contain-3 .banner-detail .banner-list{
    padding-right:0
}
.banner-contain-3 .banner-detail .banner-list li{
    display:block;
    width:100%
}
.banner-contain-3 .banner-detail .banner-list li .delivery-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:11px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.banner-contain-3 .banner-detail .banner-list li .delivery-box .check-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:20px;
    height:20px;
    background-color:#6bbe66;
    color:#fff;
    border-radius:100%;
    font-size:11px
}
@media(max-width: 1500px){
    .banner-contain-3 .banner-detail .banner-list li .delivery-box .check-contain h5{
        font-size:14px
    }
}
.banner-contain-3 .banner-detail .shop-now-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    color:#fff;
    font-size:15px
}
.banner-contain-3 .banner-detail .shop-now-button i{
    font-size:14px;
    margin-left:8px;
    margin-top:-2px
}
[dir=rtl] .banner-contain-3 .banner-detail .shop-now-button i{
    margin-left:unset;
    margin-right:8px
}
.offer-banner{
    border-radius:15px;
    overflow:hidden;
    position:relative
}
.offer-banner:hover .banner-detail{
    border-radius:5px
}
.offer-banner:hover .banner-detail::after{
    opacity:1
}
.offer-banner .banner-detail{
    position:absolute;
    top:calc(9px + 9*(100vw - 320px)/1600);
    left:calc(9px + 9*(100vw - 320px)/1600);
    padding:calc(7px + 3*(100vw - 320px)/1600) calc(21px + 5*(100vw - 320px)/1600) calc(7px + 3*(100vw - 320px)/1600) calc(10px + 5*(100vw - 320px)/1600);
    border-radius:5px 30px 30px 5px;
    -webkit-box-shadow:0px 3px 4px rgba(34,34,34,.14);
    box-shadow:0px 3px 4px rgba(34,34,34,.14);
    z-index:0;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-color:rgba(255,255,255,.95)
}
.offer-banner .banner-detail h5{
    letter-spacing:.6px;
    margin-bottom:3px;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
.offer-banner .banner-detail h6{
    letter-spacing:1.7px;
    color:#4a5568
}
.offer-banner .offer-box{
    position:absolute;
    bottom:calc(7px + 11*(100vw - 320px)/1600);
    right:calc(7px + 11*(100vw - 320px)/1600);
    background-color:var(--theme-color);
    border-radius:50px
}
.offer-banner .offer-box a{
    color:#fff;
    padding:calc(4px + 4*(100vw - 320px)/1600) calc(15px + 6*(100vw - 320px)/1600);
    display:block
}
.offer-banner .offer-box a span{
    letter-spacing:1.5px;
    font-size:calc(16px + 2*(100vw - 320px)/1600);
    font-weight:500
}

.offer-box{
    position:relative;
    z-index:0
}
.offer-box .offer-contain{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%
}
@media(max-width: 991px){
    .offer-box .offer-contain{
        display:block;
        text-align:center;
        background-color:rgba(255,255,255,.5)
    }
}
.offer-box .offer-contain .offer-detail h2{
    text-transform:none;
    line-height:calc(27px + 16*(100vw - 320px)/1600);
    font-weight:400
}
.offer-box .offer-contain .offer-detail p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-top:calc(4px + 8*(100vw - 320px)/1600)
}
.offer-box .offer-contain .offer-timing{
    margin-left:24px
}
[dir=rtl] .offer-box .offer-contain .offer-timing{
    margin-left:unset;
    margin-right:24px
}
@media(max-width: 360px){
    .offer-box .offer-contain .offer-timing{
        margin-left:0
    }
    [dir=rtl] .offer-box .offer-contain .offer-timing{
        margin-left:unset;
        margin-right:0
    }
}
[dir=rtl] .offer-box .offer-contain .offer-timing .time ul{
    padding-right:0
}
.offer-box .offer-contain .offer-timing .time ul li{
    position:relative
}
.offer-box .offer-contain .offer-timing .time ul li+li{
    margin-left:16px
}
[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li{
    margin-left:unset;
    margin-right:16px
}
.offer-box .offer-contain .offer-timing .time ul li+li::before{
    content:":";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-12px;
    font-size:20px
}
[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li::before{
    left:unset;
    right:-12px
}
.offer-box .offer-contain .offer-timing .time ul li .counter{
    background-color:#cc3366;
    color:#fff;
    border-radius:5px
}
.offer-box .offer-contain .offer-timing .time ul li .counter div{
    width:calc(46px + 15*(100vw - 320px)/1600);
    height:calc(50px + 23*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:calc(16px + 8*(100vw - 320px)/1600);
    font-weight:600
}
.offer-section .offer-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-image:url(../images/grocery/banner/10.png);
    background-repeat:no-repeat;
    background-size:cover;
    padding:calc(20px + 15*(100vw - 320px)/1600);
    border-radius:6px
}
@media(max-width: 575px){
    .offer-section .offer-box{
        display:block;
        text-align:center
    }
}
.offer-section .offer-box h2{
    color:#fff;
    font-weight:700;
    font-size:calc(24px + 16*(100vw - 320px)/1600);
    margin-top:-4px;
    margin-bottom:-5px
}
@media(max-width: 575px){
    .offer-section .offer-box h2{
        line-height:1.3
    }
}
.offer-section .offer-box h2 span{
    font-weight:500;
    font-size:calc(18px + 8*(100vw - 320px)/1600)
}


footer{
    background-color:#f8f8f8;
    position:relative;
    z-index:0
}
footer::after{
    content:"";
    position:absolute;
    width:30%;
    height:100%;
    top:0;
    left:0;
    background-image:url(../images/vegetable/footer-shape.png);
    background-repeat:no-repeat;
    z-index:-1
}
@media(max-width: 1199px){
    footer::after{
        content:none
    }
}
footer:before{
    content:"";
    position:absolute;
    width:30%;
    height:100%;
    bottom:0;
    right:0;
    background-image:url(../images/vegetable/footer-shape-2.png);
    background-repeat:no-repeat;
    z-index:-1
}
@media(max-width: 1199px){
    footer:before{
        content:none
    }
}
footer .main-footer{
    border-top:1px dashed #c1c1c1
}
@media(max-width: 767px){
    footer .main-footer{
        border:none;
        padding-top:0
    }
}
footer .main-footer .footer-theme .footer-theme-contain{
    margin-top:calc(13px + 7*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0
}
footer .main-footer .footer-theme .footer-theme-contain ul.address{
    margin-top:calc(17px + 13*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-theme .footer-theme-contain ul.address li p{
    margin:1px 0 0 10px;
    color:#4a5568
}
[dir=rtl] footer .main-footer .footer-theme .footer-theme-contain ul.address li p{
    margin:1px 10px 0 0
}
footer .main-footer .footer-theme .footer-theme-contain ul li{
    display:block;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
footer .main-footer .footer-theme .footer-theme-contain ul li a:hover{
    color:#4a5568
}
footer .main-footer .footer-theme .footer-theme-contain ul li+li{
    margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 575px){
    footer .main-footer .footer-logo .theme-logo{
        margin-bottom:15px
    }
}
footer .main-footer .footer-logo .theme-logo a img{
    width:calc(120px + 40*(100vw - 320px)/1600)
}
footer .main-footer .footer-logo .theme-logo h4{
    margin-left:10px
}
footer .main-footer .footer-logo .footer-logo-contain{
    margin:calc(13px + 7*(100vw - 320px)/1600) 0
}
footer .main-footer .footer-logo .footer-logo-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0;
    width:88%
}
@media(max-width: 360px){
    footer .main-footer .footer-logo .footer-logo-contain p{
        width:100%
    }
}
footer .main-footer .footer-logo .footer-logo-contain .address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(8px + 7*(100vw - 320px)/1600);
    margin-top:calc(7px + 23*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address{
    padding-left:unset;
    padding-right:0
}
footer .main-footer .footer-logo .footer-logo-contain .address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:100%
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover a{
    color:var(--theme-color)
}
footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather{
    stroke:var(--theme-color)
}
footer .main-footer .footer-logo .footer-logo-contain .address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-logo .footer-logo-contain .address li a{
    margin:0 0 0 10px;
    color:#4a5568;
    line-height:18px;
    font-size:calc(14px + 2*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address li a{
    margin-right:10px;
    margin-left:unset
}
footer .main-footer .footer-title h4{
    font-size:calc(17px + 3*(100vw - 320px)/1600);
    font-weight:600
}
@media(max-width: 575px){
    footer .main-footer .footer-title h4{
        font-weight:500
    }
}
footer .main-footer .footer-contain{
    margin-top:calc(8px + 12*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    color:#4a5568;
    line-height:27px;
    margin-bottom:0
}
footer .main-footer .footer-contain ul.address{
    margin-top:calc(17px + 13*(100vw - 320px)/1600)
}
footer .main-footer .footer-contain ul.address li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
footer .main-footer .footer-contain ul.address li .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-contain ul.address li p,footer .main-footer .footer-contain ul.address li a{
    margin:0 0 0 10px;
    color:#4a5568;
    line-height:18px
}
[dir=rtl] footer .main-footer .footer-contain ul.address li p,[dir=rtl] footer .main-footer .footer-contain ul.address li a{
    margin-right:10px;
    margin-left:unset
}
footer .main-footer .footer-contain ul li{
    display:block;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    position:relative
}
footer .main-footer .footer-contain ul li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    left:0;
    background-color:var(--theme-color);
    border-radius:100%;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] footer .main-footer .footer-contain ul li::after{
    left:unset;
    right:-13px
}
footer .main-footer .footer-contain ul li:hover::after{
    opacity:1
}
footer .main-footer .footer-contain ul li:hover a{
    color:var(--theme-color);
    margin-left:13px
}
[dir=rtl] footer .main-footer .footer-contain ul li:hover a{
    margin-left:unset;
    margin-right:13px
}
footer .main-footer .footer-contain ul li:hover a::before{
    width:100%
}
footer .main-footer .footer-contain ul li:hover a::after{
    opacity:1
}
footer .main-footer .footer-contain ul li a{
    display:inline-block;
    position:relative
}
footer .main-footer .footer-contain ul li a::before{
    content:"";
    position:absolute;
    width:0;
    height:2px;
    left:0;
    bottom:0;
    background-color:var(--theme-color);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] footer .main-footer .footer-contain ul li a::before{
    left:unset;
    right:0
}
footer .main-footer .footer-contain ul li a::after{
    content:unset !important
}
footer .main-footer .footer-contain ul li+li{
    margin-top:calc(4px + 11*(100vw - 320px)/1600)
}
footer .main-footer .social-app::before{
    content:none
}
footer .main-footer .social-app ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:8px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .main-footer .social-app ul li{
    display:inline-block
}
footer .main-footer .social-app ul li::before{
    content:none !important
}
footer .main-footer .social-app ul li a{
    display:block
}
footer .main-footer .social-app ul li a img{
    width:calc(114px + 26*(100vw - 320px)/1600)
}
footer .main-footer .footer-contact{
    margin-top:calc(13px + 7*(100vw - 320px)/1600)
}
[dir=rtl] footer .main-footer .footer-contact{
    padding-left:unset;
    padding-right:0
}
footer .main-footer .footer-contact ul li{
    display:block;
    margin-bottom:calc(30px + 20*(100vw - 320px)/1600);
    position:relative
}
footer .main-footer .footer-contact ul li:last-child{
    margin-bottom:0
}
footer .main-footer .footer-contact ul li:last-child::before{
    content:none
}
footer .main-footer .footer-contact ul li.social-app ul li a{
    display:block
}
footer .main-footer .footer-contact ul li.social-app ul li a img{
    width:139px
}
footer .main-footer .footer-contact ul li::before{
    content:"";
    position:absolute;
    bottom:-24px;
    right:0;
    width:calc(100% - 33px);
    border-bottom:1px dashed #c1c1c1
}
[dir=rtl] footer .main-footer .footer-contact ul li::before{
    right:unset;
    left:0
}
@media(max-width: 1460px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-20px
    }
}
@media(max-width: 991px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-18px
    }
}
@media(max-width: 767px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-16px
    }
}
@media(max-width: 360px){
    footer .main-footer .footer-contact ul li::before{
        bottom:-13px
    }
}
footer .main-footer .footer-contact ul li .footer-number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:12px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
footer .main-footer .footer-contact ul li .footer-number .feather{
    width:18px;
    height:18px;
    stroke:#4a5568
}
footer .main-footer .footer-contact ul li .footer-number .contact-number h5{
    margin-top:6px;
    font-weight:600;
    color:#222
}
footer .sub-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
@media(max-width: 991px){
    footer .sub-footer{
        display:block;
        text-align:center
    }
}
@media(max-width: 767px){
    footer .sub-footer{
        margin-bottom:66px
    }
}
@media(max-width: 991px){
    footer .sub-footer .payment{
        margin:8px 0
    }
}
footer .sub-footer .social-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 991px){
    footer .sub-footer .social-link{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
footer .sub-footer .social-link h6{
    margin-right:10px
}
[dir=rtl] footer .sub-footer .social-link h6{
    margin-left:10px;
    margin-right:unset
}
footer .sub-footer .social-link ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .sub-footer .social-link ul li:hover i{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
footer .sub-footer .social-link ul li a{
    display:block
}
footer .sub-footer .social-link ul li a i{
    color:#4a5568;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
footer .sub-footer .social-link ul li+li{
    margin-left:8px
}
[dir=rtl] footer .sub-footer .social-link ul li+li{
    margin-left:unset;
    margin-right:8px
}
footer .sub-footer ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:6px
}
@media(max-width: 991px){
    footer .sub-footer ul{
        display:block;
        text-align:center
    }
}
footer .sub-footer ul li{
    display:block
}
.footer-section-2{
    background-color:#f8f8f8
}
.footer-section-2::before,.footer-section-2::after{
    content:none
}
.footer-section-2 .download-image{
    margin-top:calc(20px + 10*(100vw - 320px)/1600)
}
.footer-section-2.footer-color-2{
    background-color:#051616
}
.footer-section-2.footer-color-3{
    background-color:#1f56a8
}
.footer-section-2 .main-footer{
    padding-bottom:5px;
    border-top:unset
}
.footer-section-2 .main-footer .foot-logo img{
    width:calc(200px + 40*(100vw - 320px)/1600)
}
.footer-section-2 .main-footer .information-text{
    margin-bottom:0;
    margin-top:calc(5px + 15*(100vw - 320px)/1600);
    color:#4a5568;
    font-weight:400;
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    line-height:1.7
}
.footer-section-2 .main-footer .information-text-2{
    color:#bfbfbf;
    margin-top:calc(18px + 12*(100vw - 320px)/1600)
}
.footer-section-2 .main-footer .social-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:6px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:20px;
    margin-bottom:10px
}
[dir=rtl] .footer-section-2 .main-footer .social-icon{
    padding-left:unset;
    padding-right:0
}
.footer-section-2 .main-footer .social-icon li{
    width:40px;
    height:40px;
    border-radius:50%;
    position:relative;
    z-index:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li.light-bg::after{
    background-color:#fff;
    opacity:.1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li.light-bg:hover::after{
    opacity:.3
}
.footer-section-2 .main-footer .social-icon li::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:var(--theme-color);
    opacity:.06;
    border-radius:50%;
    z-index:-1;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li:hover::after{
    opacity:1
}
.footer-section-2 .main-footer .social-icon li:hover i{
    color:#fff
}
.footer-section-2 .main-footer .social-icon li a{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568
}
.footer-section-2 .main-footer .social-icon li a i{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.footer-section-2 .main-footer .social-icon li a.footer-link-color{
    color:#fff
}
.footer-section-2 .main-footer .download-app{
    margin-top:20px
}
.footer-section-2 .main-footer .download-app span{
    margin-bottom:0;
    margin-top:20px;
    color:#4a5568;
    font-weight:400;
    font-size:16px;
    line-height:1.5
}
.footer-section-2 .main-footer .download-app img{
    width:110px;
    margin-left:8px
}
.footer-section-2 .main-footer .footer-title{
    margin-bottom:calc(13px + 23*(100vw - 320px)/1600);
    font-size:calc(18px + 4*(100vw - 320px)/1600);
    font-family:"Public Sans",sans-serif;
    font-weight:600;
    position:relative
}
.footer-section-2 .main-footer .footer-list-light li a:hover{
    color:#fff
}
.footer-section-2 .main-footer .footer-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(7px + 9*(100vw - 320px)/1600)
}
[dir=rtl] .footer-section-2 .main-footer .footer-list{
    padding-right:0
}
.footer-section-2 .main-footer .footer-list li{
    display:block;
    width:100%
}
@media(max-width: 575px){
    .footer-section-2 .main-footer .footer-list li:last-child{
        margin-bottom:16px
    }
}
.footer-section-2 .main-footer .footer-list li a{
    color:#4a5568;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px
}
.footer-section-2 .main-footer .footer-list li a i{
    margin-right:10px
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a i{
    margin-right:unset;
    margin-left:10px
}
.footer-section-2 .main-footer .footer-list li a.light-text{
    color:#bfbfbf
}
.footer-section-2 .main-footer .footer-list li a:hover{
    color:#fff;
    padding-left:14px
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover{
    padding-left:unset;
    padding-right:14px
}
.footer-section-2 .main-footer .footer-list li a:hover::before{
    left:0;
    opacity:.7
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover::before{
    left:unset;
    right:0
}
.footer-section-2 .main-footer .footer-list li a:before{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-20px;
    border-radius:100%;
    opacity:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] .footer-section-2 .main-footer .footer-list li a:before{
    left:unset;
    right:-20px
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    width:unset;
    height:unset;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";
    left:0;
    opacity:0;
    background:none;
    color:var(--theme-color)
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover{
    padding-left:6px;
    color:var(--theme-color)
}
.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover::before{
    opacity:1
}
[dir=rtl] .footer-section-2 .main-footer .footer-address{
    padding-right:0
}
.footer-section-2 .main-footer .footer-address li{
    margin-bottom:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-section-2 .main-footer .footer-address li:last-child{
    margin-bottom:0
}
.footer-section-2 .main-footer .footer-address li a{
    color:#4a5568;
    position:relative;
    font-size:16px;
    display:block;
    width:100%
}
.footer-section-2 .main-footer .footer-address li a.light-text{
    color:#bfbfbf
}
.footer-section-2 .main-footer .footer-address li a .inform-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-section-2 .main-footer .footer-address li a .inform-box.flex-start-box{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.footer-section-2 .main-footer .footer-address li a .inform-box .feather{
    margin-right:10px;
    width:20px
}
[dir=rtl] .footer-section-2 .main-footer .footer-address li a .inform-box .feather{
    margin-right:unset;
    margin-left:10px
}
.footer-section-2 .main-footer .footer-address li a .inform-box p{
    margin:-3px 0 0;
    width:calc(100% + -36*(100vw - 320px)/1600);
    font-size:16px;
    line-height:30px
}
.footer-section-2 .sub-footer p{
    margin-bottom:0;
    font-size:15px;
    color:#4a5568;
    text-transform:capitalize
}
.footer-section-2 .sub-footer p.light-text{
    color:#bfbfbf
}
.footer-section-2 .sub-footer .payment-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media(max-width: 1199px){
    .footer-section-2 .sub-footer .payment-box{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-top:10px
    }
}
.footer-section-2 .sub-footer .payment-box li{
    margin:0 5px
}
.footer-section-2 .sub-footer .payment-box li img{
    width:40px;
    margin-bottom:-6px;
    display:block
}
.footer-sm{
    margin-left:320px;
    background-color:#fff
}
[dir=rtl] .footer-sm{
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    .footer-sm{
        margin-left:0
    }
    [dir=rtl] .footer-sm{
        margin-left:unset;
        margin-right:0
    }
}
.footer-sm:after,.footer-sm:before{
    display:none
}
.footer-sm .sub-footer{
    border-top:none;
    padding:20px 0
}
.footer-section-4{
    background-image:url(../images/footer-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover
}
.footer-section-4 .main-footer{
    padding-block:calc(18px + 32*(100vw - 320px)/1600);
    border-top:1px solid rgba(236,236,236,.2)
}

header.active .sticky-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    color:#222;
    -webkit-box-shadow:0 8px 10px rgba(34,34,34,.05);
    box-shadow:0 8px 10px rgba(34,34,34,.05);
    z-index:9;
    padding:calc(15px + 9*(100vw - 320px)/1600) 0
}


header .timer-notification{
    color:#fff;
    text-align:center;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative
}
@media(max-width: 1399px){
    header .timer-notification{
        text-align:left
    }
}
header .timer-notification h6{
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
header .timer-notification h6 a{
    text-decoration:underline;
    font-weight:600;
    display:inline-block;
    margin-left:5px
}
header .header-notification{
    position:relative
}
header .header-notification.remove{
    display:none
}
@media(max-width: 767px){
    header .header-notification .notification-slider .timer-notification{
        width:80%;
        margin:0 auto
    }
}
header .header-notification .close-notification{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    right:11px;
    padding:0;
    color:#fff;
    font-size:14px;
    font-weight:700
}
@media(max-width: 575px){
    header .header-notification .close-notification{
        top:10px;
        -webkit-transform:none;
        transform:none
    }
}
@media(max-width: 575px){
    header .header-notification .close-notification span{
        display:none
    }
}
header .header-notification .close-notification i{
    margin-left:5px;
    margin-top:1px
}



header .header-top{
    padding:10px 0;
    background-color:var(--theme-color)
}
header .header-top-2{
    background-color:#222
}
header .header-top .top-left-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
header .header-top .top-left-header i{
    font-size:18px;
    margin-right:5px
}
[dir=rtl] header .header-top .top-left-header i{
    margin-right:unset;
    margin-left:5px
}
header .header-top .top-left-header span{
    margin-top:1px;
    font-weight:500
}
header .header-top .about-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    height:100%
}
[dir=rtl] header .header-top .about-list{
    padding-left:unset;
    padding-right:0
}
header .header-top .about-list li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-top .about-list li i{
    font-size:18px;
    margin-right:5px
}
[dir=rtl] header .header-top .about-list li i{
    margin-right:unset;
    margin-left:5px
}
header .header-top .about-list li span{
    margin-top:1px;
    font-weight:500
}
header .header-top .about-list li+li{
    margin-left:25px;
    position:relative
}
[dir=rtl] header .header-top .about-list li+li{
    margin-left:unset;
    margin-right:25px
}
header .header-top .about-list li+li::after{
    content:"";
    position:absolute;
    width:2px;
    height:90%;
    top:0;
    left:-13px;
    background-color:rgba(255,255,255,.3)
}
[dir=rtl] header .header-top .about-list li+li::after{
    left:unset;
    right:-13px
}
header .header-top .about-list li .theme-form-select{
    padding:0;
    background-color:rgba(0,0,0,0);
    color:#fff;
    border:none;
    background-image:none;
    position:relative
}
header .header-top .about-list li .theme-form-select::before{
    content:unset
}
header .header-top .about-list li .theme-form-select .dropdown-toggle{
    font-size:14px;
    font-weight:500;
    color:#fff;
    padding:0 18px 0 0
}
header .header-top .about-list li .theme-form-select .dropdown-toggle img{
    width:20px;
    margin-right:10px
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-toggle img{
    margin-right:unset;
    margin-left:10px
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::after{
    content:none
}
header .header-top .about-list li .theme-form-select .dropdown-toggle:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .header-top .about-list li .theme-form-select .dropdown-toggle::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    color:#fff
}
header .header-top .about-list li .theme-form-select .dropdown-menu.sm-dropdown-menu{
    min-width:100%
}
header .header-top .about-list li .theme-form-select .dropdown-menu li+li{
    margin-left:0
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li+li{
    margin-left:unset;
    margin-right:0
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:hover,header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:focus{
    background-color:rgba(0,0,0,0)
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item.active,header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:active{
    color:#222;
    background-color:rgba(0,0,0,0)
}
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img{
    width:20px;
    margin-right:10px
}
[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img{
    margin-right:unset;
    margin-left:10px
}
header .nav-about{
    padding:10px 0;
    background-color:var(--theme-color)
}
header .nav-about-2{
    background-color:#222
}
header .top-nav{
    padding:24px 0
}
@media(max-width: 767px){
    header .top-nav{
        padding:24px 0 0
    }
}
header .top-nav .navbar-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative
}
@media(max-width: 1199px){
    header .top-nav .navbar-top{
        -webkit-box-pack:normal;
        -ms-flex-pack:normal;
        justify-content:normal
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
header .top-nav .navbar-top .web-logo img{
    width:calc(200px + 42*(100vw - 320px)/1600);
    height:auto;
    -o-object-fit:contain;
    object-fit:contain
}
@media(max-width: 767px){
    header .top-nav .navbar-top .web-logo img{
        margin:0 auto
    }
}
header .top-nav .navbar-top .middle-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767px){
    header .top-nav .navbar-top .middle-box{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box{
    border-radius:5px;
    border:1px solid #ececec;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:7px;
    padding-right:20px;
    margin-right:13px;
    position:relative
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
    margin-right:unset;
    margin-left:13px;
    padding-right:7px;
    padding-left:20px
}
@media(max-width: 1199px){
    header .top-nav .navbar-top .middle-box .location-box{
        margin-right:unset;
        margin-left:13px
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
        margin-left:unset;
        margin-right:13px
    }
}
@media(max-width: 1556px){
    header .top-nav .navbar-top .middle-box .location-box{
        padding-right:7px
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box{
        padding-right:7px;
        padding-left:7px
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .middle-box .location-box{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
header .top-nav .navbar-top .middle-box .location-box button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568;
    background-color:#f3f5f9;
    border-radius:5px;
    margin-right:12px
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
    margin-right:unset;
    margin-left:12px
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
        margin-right:0
    }
    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow{
        margin-right:unset;
        margin-left:0
    }
}
header .top-nav .navbar-top .middle-box .location-box button .location-arrow .feather{
    width:16px;
    height:16px
}
header .top-nav .navbar-top .middle-box .location-box button .locat-name{
    font-size:16px;
    font-weight:600;
    color:var(--theme-color)
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button .locat-name{
        display:none
    }
}
header .top-nav .navbar-top .middle-box .location-box button i{
    margin-left:17px;
    color:#4a5568
}
[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button i{
    margin-left:unset;
    margin-right:17px
}
@media(max-width: 1300px){
    header .top-nav .navbar-top .middle-box .location-box button i{
        display:none
    }
}


@media(max-width: 1199px){
    header .top-nav .navbar-top .rightside-box{
        margin-left:auto
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box{
        margin-left:unset;
        margin-right:auto
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box{
        margin-left:unset
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box{
        margin-left:unset;
        margin-right:unset
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu{
    padding-left:unset;
    padding-right:0
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
    position:relative;
    padding-right:32px
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
    padding-right:unset;
    padding-left:32px
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side{
        display:none
    }
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
        display:block
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
    display:none
}
@media(max-width: 1199px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
        display:block
    }
}
@media(max-width: 767px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child{
        display:none
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
    padding-right:0
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child{
    padding-right:unset;
    padding-left:0
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before{
    content:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:24px;
    right:14px;
    background-color:rgba(74,85,104,.5)
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before{
    right:unset;
    left:14px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:default
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#222;
    margin-right:14px;
    stroke-width:1.5
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    margin-right:unset;
    margin-left:14px
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
        margin-right:0
    }
    [dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
        margin-right:unset;
        margin-left:0
    }
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail{
        display:none
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6{
    color:#4a5568;
    margin-bottom:3px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    font-weight:500;
    color:#222
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge{
    padding-right:9px
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    stroke-width:1.5;
    color:#4a5568
}
@media(max-width: 1660px){
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
        color:#222
    }
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#ff7272;
    font-size:12px;
    padding:0;
    border-radius:2px
}
[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span{
    right:0 !important
}
header .onhover-dropdown{
    position:relative
}
header .onhover-dropdown:hover .onhover-div{
    opacity:1;
    top:50px;
    visibility:visible
}
header .onhover-dropdown .onhover-div{
    position:absolute;
    top:60px;
    right:-10px;
    background-color:#fff;
    z-index:1001;
    width:320px;
    border-radius:10px;
    padding:calc(14px + 16*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    visibility:hidden
}
[dir=rtl] header .onhover-dropdown .onhover-div{
    right:unset;
    left:20px
}

header .onhover-dropdown .onhover-div .button-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:calc(10px + 10*(100vw - 320px)/1600)
}

header .header-nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
header .header-nav .header-nav-left{
    position:relative
}


@media(max-width: 767px){
    header .header-nav .header-nav-right{
        display:none
    }
}
header .header-nav .header-nav-right .deal-button{
    color:var(--theme-color);
    padding:calc(6px + 9*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    position:relative;
    border-radius:5px;
    overflow:hidden;
    z-index:0
}
header .header-nav .header-nav-right .deal-button::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:var(--theme-color);
    opacity:.1;
    z-index:-1
}
header .header-nav .header-nav-right .deal-button .feather{
    margin-right:10px;
    stroke-width:1.5px
}
[dir=rtl] header .header-nav .header-nav-right .deal-button .feather{
    margin-right:unset;
    margin-left:10px
}
@media(max-width: 1366px){
    header .header-nav .header-nav-right .deal-button .feather{
        margin-right:0
    }
    [dir=rtl] header .header-nav .header-nav-right .deal-button .feather{
        margin-right:unset;
        margin-left:0
    }
}
header .header-nav .header-nav-right .deal-button span{
    font-size:16px;
    font-weight:600
}
@media(max-width: 1366px){
    header .header-nav .header-nav-right .deal-button span{
        display:none
    }
}
header.header-compact .top-nav .navbar-top{
    -webkit-box-pack:unset;
    -ms-flex-pack:unset;
    justify-content:unset
}
header.header-compact .top-nav .navbar-top .rightside-box{
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[dir=rtl] header.header-compact .top-nav .navbar-top .rightside-box{
    margin-left:unset;
    margin-right:auto
}
header.header-compact .location-box{
    padding-right:10px
}
header.bg-theme .navbar-light .navbar-nav .nav-link{
    color:#fff !important
}
header.bg-theme .navbar-light .navbar-nav .nav-link:hover{
    color:#fff !important
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side:before{
    background-color:rgba(255,255,255,.5)
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    color:#fff
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    color:#fff
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6{
    color:rgba(255,255,255,.7)
}
header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#fff
}
header.bg-theme .location-box{
    border-color:rgba(255,255,255,.5)
}
header.bg-theme .location-box button i{
    color:#fff
}
header.bg-theme .location-box button .locat-name{
    color:#fff
}
header.bg-theme .location-box button .location-arrow{
    color:#fff;
    background-color:rgba(255,255,255,.24)
}
header.header-absolute{
    position:absolute;
    left:0;
    width:100%;
    top:0;
    z-index:1
}
header.header-absolute.bg-theme{
    background-color:rgba(0,0,0,0)
}
@media(min-width: 1200px){
    [dir=rtl] header.header-absolute .navbar-expand-xl .dropdown:hover .dropdown-menu-2{
        -webkit-transform:translateX(-50%) translateY(0);
        transform:translateX(-50%) translateY(0)
    }
}
header.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:calc(100vw - 320px);
    z-index:1;
    background-color:#fff;
    margin-left:320px;
    border-bottom:1px solid #ececec
}
[dir=rtl] header.fixed-header{
    left:unset;
    right:0;
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    header.fixed-header{
        width:100%;
        margin-left:0
    }
    [dir=rtl] header.fixed-header{
        margin-left:unset;
        margin-right:0
    }
}
header.fixed-header .top-nav{
    padding:18px 0
}
header .location-box{
    border-radius:5px;
    border:1px solid #ececec;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:7px;
    padding-right:20px;
    margin-right:13px;
    position:relative
}
[dir=rtl] header .location-box{
    margin-right:unset;
    margin-left:13px;
    padding-right:7px;
    padding-left:20px
}
@media(max-width: 1199px){
    header .location-box{
        margin-right:unset;
        margin-left:13px
    }
    [dir=rtl] header .location-box{
        margin-left:unset;
        margin-right:13px
    }
}
@media(max-width: 1556px){
    header .location-box{
        padding-right:7px
    }
    [dir=rtl] header .location-box{
        padding-right:7px;
        padding-left:7px
    }
}
@media(max-width: 767px){
    header .location-box{
        display:none
    }
}
header .location-box button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
header .location-box button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .location-box button .location-arrow{
    width:35px;
    height:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:#4a5568;
    background-color:#f3f5f9;
    border-radius:5px;
    margin-right:12px
}
[dir=rtl] header .location-box button .location-arrow{
    margin-right:unset;
    margin-left:12px
}
@media(max-width: 1300px){
    header .location-box button .location-arrow{
        margin-right:0
    }
    [dir=rtl] header .location-box button .location-arrow{
        margin-right:unset;
        margin-left:0
    }
}
header .location-box button .location-arrow .feather{
    width:16px;
    height:16px
}
header .location-box button .locat-name{
    font-size:16px;
    font-weight:600;
    color:var(--theme-color)
}
@media(max-width: 1300px){
    header .location-box button .locat-name{
        display:none
    }
}
header .location-box button i{
    margin-left:17px;
    color:#4a5568
}
[dir=rtl] header .location-box button i{
    margin-left:unset;
    margin-right:17px
}
@media(max-width: 1300px){
    header .location-box button i{
        display:none
    }
}
.mobile-menu{
    position:fixed;
    bottom:0;
    padding:10px;
    width:100%;
    background-color:var(--theme-color);
    z-index:2;
    overflow:hidden;
    -webkit-box-shadow:0 -3px 10px 0px rgba(0,0,0,.08);
    box-shadow:0 -3px 10px 0px rgba(0,0,0,.08)
}
[dir=rtl] .mobile-menu{
    left:0
}
.mobile-menu ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:70%;
    margin:0 auto
}
@media(max-width: 767px){
    .mobile-menu ul{
        width:80%
    }
}
@media(max-width: 480px){
    .mobile-menu ul{
        width:95%
    }
}
@media(max-width: 360px){
    .mobile-menu ul{
        width:100%
    }
}
[dir=rtl] .mobile-menu ul{
    padding:0
}
.mobile-menu ul li{
    width:100%;
    text-align:center
}
.mobile-menu ul li.active{
    -webkit-transition:.3s ease;
    transition:.3s ease;
    position:relative
}
.mobile-menu ul li.active::before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    bottom:-15px;
    left:50%;
    -webkit-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    background-color:#fff;
    border-radius:100%
}
.mobile-menu ul li a{
    display:block
}
.mobile-menu ul li a img{
    display:block;
    margin:0px auto
}
.mobile-menu ul li a.active,.mobile-menu ul li a:hover{
    color:#222
}
@media(max-width: 360px){
    .mobile-menu ul li a{
        font-size:13px
    }
}
.mobile-menu ul li a .icli{
    display:inline-block;
    margin:0 auto;
    font-size:calc(20px + 2*(100vw - 320px)/1600);
    color:#fff
}
.mobile-menu ul li a span{
    display:block;
    color:#fff
}
.header-2 .navbar-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 480px){
    .header-2 .navbar-top{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.header-2 .navbar-top .navbar-toggler:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}

.header-2 .dropdown-list.drop-state{
    margin-right:20px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1199px){
    .header-2 .dropdown-list.drop-state{
        margin-right:0
    }
}
@media(max-width: 991px){
    .header-2 .dropdown-list{
        background-color:rgba(0,0,0,0);
        margin:0
    }
}
.header-2 .dropdown-list .location-icon{
    margin-right:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header-2 .dropdown-list .location-icon .iconly-Location{
    font-size:25px
}
.header-2 .dropdown-list .dropdown{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header-2 .dropdown-list .dropdown .dropdown-toggle{
    padding-left:0;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:500;
    letter-spacing:.5px;
    position:relative;
    margin-top:4px
}
.header-2 .dropdown-list .dropdown .dropdown-toggle::after{
    display:none
}
.header-2 .dropdown-list .dropdown .dropdown-toggle i{
    color:#000;
    margin-left:5px
}
.header-2 .dropdown-list .dropdown .dropdown-menu{
    min-width:100%
}
.header-2 .dropdown-list .dropdown .dropdown-menu li{
    display:block
}
.header-2 .form-select{
    font-size:16px;
    font-weight:600;
    border:none;
    border-radius:0;
    font-family:"Public Sans",sans-serif;
    color:#222
}
.header-2 .form-select:focus{
    border-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none
}
.header-2 .top-nav{
    padding:14px 0;
    border-bottom:1px solid #ececec
}
@media(max-width: 767px){
    .header-2 .top-nav{
        border-bottom:unset;
        padding-bottom:0
    }
}
.header-2 .top-nav-color{
    background-color:#ffe03e
}
.header-2 .top-nav span{
    color:#222
}
.header-2 .top-nav span .icli{
    font-size:25px
}
.header-2 .top-nav .nav-logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:calc(28px + 7*(100vw - 320px)/1600);
    color:var(--theme-color);
    font-weight:bolder;
    font-family:"Public Sans",sans-serif
}
.header-2 .top-nav .nav-logo span{
    color:#222
}

.header-2 .top-nav .middle-box{
    display:inline-block;
    margin-left:calc(16px + 13*(100vw - 320px)/1600)
}
[dir=rtl] .header-2 .top-nav .middle-box{
    margin-left:unset;
    margin-right:calc(16px + 13*(100vw - 320px)/1600)
}
@media(max-width: 1366px){
    .header-2 .top-nav .middle-box{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-left:25px;
        float:right
    }
}
@media(max-width: 1199px){
    .header-2 .top-nav .middle-box{
        margin-left:15px
    }
}
@media(max-width: 991px){
    .header-2 .top-nav .middle-box{
        display:none
    }
}
.header-2 .top-nav .middle-box .center-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 991px){
    .header-2 .top-nav .middle-box .center-box{
        display:none
    }
}

.header-2 .rightside-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto
}
[dir=rtl] .header-2 .rightside-menu{
    margin-left:unset;
    margin-right:auto
}
.header-2 .rightside-menu .dropdown-dollar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:22px
}
@media(max-width: 991px){
    .header-2 .rightside-menu .dropdown-dollar{
        display:none
    }
}
.header-2 .rightside-menu .dropdown-dollar .dropdown{
    position:relative;
    z-index:1
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle{
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:500;
    position:relative;
    border:none;
    background-color:rgba(0,0,0,0);
    padding:0
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i{
    margin-left:8px
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i{
    margin-left:unset;
    margin-right:8px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after{
    display:none
}
.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown{
    margin-left:23px
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown{
    margin-left:unset;
    margin-right:23px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:25px;
    left:-10px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after{
    left:unset;
    right:-10px
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu{
    min-width:100%
}
.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li{
    display:block
}

.header-2 .rightside-menu .option-list>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul{
    padding-right:0
}
.header-2 .rightside-menu .option-list>ul>li{
    position:relative
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3){
    display:none
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li{
    margin-left:0
}
.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after{
    content:none
}
@media(max-width: 1199px){
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3){
        display:block
    }
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li{
        margin-left:22px
    }
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after{
        content:""
    }
}
@media(max-width: 767px){
    .header-2 .rightside-menu .option-list>ul>li:not(:nth-last-of-type(5n-5)){
        display:none
    }
}
.header-2 .rightside-menu .option-list>ul>li+li{
    margin-left:37px
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li{
    margin-left:unset;
    margin-right:37px
}
@media(max-width: 1460px){
    .header-2 .rightside-menu .option-list>ul>li+li{
        margin-left:22px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li{
        margin-left:unset;
        margin-right:22px
    }
}
.header-2 .rightside-menu .option-list>ul>li+li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-20px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after{
    left:unset;
    right:-20px
}
@media(max-width: 1460px){
    .header-2 .rightside-menu .option-list>ul>li+li::after{
        left:-13px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after{
        left:unset;
        right:-13px
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon{
    width:calc(35px + 11*(100vw - 320px)/1600);
    height:calc(35px + 11*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    border:1px solid #ececec;
    background-color:#fff;
    border-radius:100%;
    padding:10px;
    position:relative
}
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon{
    margin-left:38px
}
.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    left:-50%;
    background-color:#ececec
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon{
    margin-left:0
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon::after{
    content:none
}
@media(max-width: 480px){
    .header-2 .rightside-menu .option-list>ul>li .header-icon.bag-icon{
        display:none
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon{
    display:none
}
@media(max-width: 1199px){
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon{
        margin-left:38px
    }
    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon::after,.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon::after{
        content:"";
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:1px;
        height:100%;
        left:-50%;
        background-color:#ececec
    }
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .badge-number{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:-10px;
    right:0;
    background-color:var(--theme-color);
    font-weight:600;
    color:#fff;
    border-radius:100%;
    font-size:10px
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli{
    color:#000;
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.header-2 .rightside-menu .option-list>ul>li .header-icon .icli.iconly-Swap{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.header-2 .rightside-menu .option-list-2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header-2 .rightside-menu .option-list-2 li{
    position:relative
}
.header-2 .rightside-menu .option-list-2 li .header-icon{
    width:calc(35px + 11*(100vw - 320px)/1600);
    height:calc(35px + 11*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:18px;
    border:1px solid #ececec;
    background-color:#fff;
    border-radius:100%;
    padding:10px;
    position:relative
}
.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon{
    margin-left:38px
}
.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:100%;
    left:-50%;
    background-color:#ececec
}
.header-2 .rightside-menu .option-list-2 li .header-icon .badge-number{
    width:18px;
    height:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:-10px;
    right:0;
    background-color:var(--theme-color);
    font-weight:600;
    color:#fff;
    border-radius:100%;
    font-size:10px
}
.header-2 .rightside-menu .option-list-2 li .header-icon .icli{
    color:#000;
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.header-2 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}



.header-2 .rightside-menu .option-list-2 li+li{
    margin-left:37px
}
[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li{
    margin-left:unset;
    margin-right:37px
}
@media(max-width: 1660px){
    .header-2 .rightside-menu .option-list-2 li+li{
        margin-left:22px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li{
        margin-left:unset;
        margin-right:22px
    }
}
.header-2 .rightside-menu .option-list-2 li+li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-20px;
    background-color:#ececec
}
[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after{
    left:unset;
    right:-20px
}
@media(max-width: 1660px){
    .header-2 .rightside-menu .option-list-2 li+li::after{
        left:-13px
    }
    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after{
        left:unset;
        right:-13px
    }
}
.header-2 .rightside-menu .mobile-app{
    border:1px solid var(--theme-color);
    border-radius:5px;
    padding:16px 18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:18px
}
[dir=rtl] .header-2 .rightside-menu .mobile-app{
    margin-left:unset;
    margin-right:18px
}
.header-2 .rightside-menu .mobile-app .mobile-image{
    margin-right:11px
}
[dir=rtl] .header-2 .rightside-menu .mobile-app .mobile-image{
    margin-right:unset;
    margin-left:11px
}
.header-2 .rightside-menu .mobile-app .mobile-image img{
    width:15px;
    height:auto
}

.header-2 .right-nav{
    float:right;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto
}
[dir=rtl] .header-2 .right-nav{
    margin-left:unset;
    margin-right:auto
}
@media(max-width: 1366px){
    .header-2 .right-nav{
        display:none
    }
}
.header-2 .right-nav .nav-number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1660px){
    .header-2 .right-nav .nav-number{
        display:none
    }
}
.header-2 .right-nav .nav-number img{
    width:32px;
    height:32px
}
.header-2 .right-nav .nav-number span{
    font-size:calc(18px + 9*(100vw - 320px)/1600);
    font-weight:500;
    margin-bottom:0;
    margin-left:8px
}
[dir=rtl] .header-2 .right-nav .nav-number span{
    margin-left:unset;
    margin-right:8px
}
.header-2 .right-nav .fire-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:11px 38px;
    overflow:hidden
}
.header-2 .right-nav .fire-button span{
    color:#fff;
    margin-left:7px;
    font-size:16px;
    font-weight:500
}
[dir=rtl] .header-2 .right-nav .fire-button span{
    margin-left:unset;
    margin-right:7px
}
.header-2 .right-nav .fire-button .fire{
    position:relative;
    width:20px;
    height:20px;
    background-color:rgba(0,0,0,0);
    z-index:1
}
.header-2 .right-nav .fire-button .fire img{
    margin-top:-11px
}
.header-2 .right-nav .fire-button .fire .fire-main{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:scaleUpDown 3s ease-out;
    animation:scaleUpDown 3s ease-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-main .main-fire{
    width:100%;
    height:100%;
    position:absolute;
    background-image:radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-main .particle-fire{
    width:10px;
    height:10px;
    position:absolute;
    top:60%;
    left:45%;
    background-color:#fff;
    border-radius:50%;
    -webkit-animation:particleUp 2s ease-out 0;
    animation:particleUp 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-right{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:shake 2s ease-out 0;
    animation:shake 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-right .main-fire{
    width:80%;
    height:80%;
    position:absolute;
    top:15%;
    right:-25%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire{
    width:15px;
    height:15px;
    position:absolute;
    top:45%;
    left:50%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:50%;
    -webkit-animation:particleUp 2s ease-out 0;
    animation:particleUp 2s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-left{
    width:100%;
    height:100%;
    position:absolute;
    -webkit-animation:shake 3s ease-out 0;
    animation:shake 3s ease-out 0;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .right-nav .fire-button .fire .fire-left .main-fire{
    width:80%;
    height:80%;
    position:absolute;
    top:15%;
    left:-20%;
    background-color:#fff;
    -webkit-transform:scaleX(0.8) rotate(45deg);
    transform:scaleX(0.8) rotate(45deg);
    border-radius:0 40% 60% 40%
}
.header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire{
    width:10%;
    height:10%;
    position:absolute;
    top:10%;
    left:20%;
    background-color:#fff;
    border-radius:50%;
    -webkit-animation:particleUp 3s infinite ease-out 0;
    animation:particleUp 3s infinite ease-out 0;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-2 .header-nav-left{
    position:relative
}

.header-2 .dropdown-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-family:"Public Sans",sans-serif
}
@media(max-width: 767px){
    .header-2 .dropdown-list{
        display:none
    }
}
.header-2 .dropdown-list li:last-child{
    margin-right:0
}
.header-2 .dropdown-list li+li .dropdown{
    margin-left:20px
}
.header-2 .dropdown-list li+li .dropdown::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:80%;
    left:-12px;
    background-color:rgba(255,255,255,.4)
}
.header-2 .dropdown-list li:first-child::after{
    content:none
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle{
    width:auto;
    display:block;
    background-color:rgba(0,0,0,0);
    border-radius:5px;
    font-weight:500;
    font-size:unset
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle:after{
    content:none
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle span{
    font-weight:400
}
.header-2 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down{
    margin-left:10px
}
.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list{
    display:block
}
.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list{
    margin-top:10px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.header-2 .about-list{
    font-family:"Public Sans",sans-serif
}
@media(max-width: 991px){
    .header-2 .about-list{
        display:none
    }
}
.header-2 .about-list li{
    position:relative;
    margin-left:15px;
    font-size:12px;
    font-weight:500
}
.header-2 .about-list li:first-child{
    margin-left:0
}
.header-2 .about-list li:first-child::after{
    content:none
}
.header-2 .about-list li::after{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:1px;
    height:70%;
    left:-8px;
    background-color:rgba(255,255,255,.4)
}

header.header-gradient{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:1
}
header.header-gradient .navbar-light .navbar-nav .nav-link{
    color:#fff
}
header.header-gradient .header-top{
    background:-webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));
    background:linear-gradient(to right, var(--theme-color), var(--theme-color2))
}
header.header-gradient .dropdown::before{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather{
    color:#fff
}
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6,header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5{
    color:rgba(255,255,255,.8)
}
.bg-effect{
    background-image:url("../images/bg-body.png");
    background-repeat:no-repeat;
    background-position:center
}
.home-contain{
    overflow:hidden;
    position:relative;
    border-radius:10px
}
.home-contain .home-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:calc(18px + 42*(100vw - 320px)/1600)
}
.home-contain .home-detail.home-big-space{
    padding:calc(27px + 158*(100vw - 320px)/1600) 0 !important
}
@media(max-width: 767px){
    .home-contain .home-detail.home-overlay{
        background-color:rgba(255,255,255,.529)
    }
}
.home-contain .home-detail>.home-top{
    margin-top:-100px
}
@media(max-width: 575px){
    .home-contain .home-detail>.home-top{
        margin-top:-80px
    }
}
@media(max-width: 480px){
    .home-contain .home-detail>.home-top{
        margin-top:0
    }
}
.home-contain .home-detail.home-p-sm{
    padding:calc(15px + 5*(100vw - 320px)/1600) !important
}
.home-contain .home-detail.home-p-medium{
    padding:50px calc(15px + 15*(100vw - 320px)/1600) !important
}
.home-contain .home-detail .ls-expanded{
    letter-spacing:2.2px
}
.home-contain .home-detail h1{
    font-size:calc(16px + 26*(100vw - 320px)/1600);
    width:80%;
    line-height:1.4;
    margin-bottom:calc(3px + 7*(100vw - 320px)/1600)
}
@media(max-width: 480px){
    .home-contain .home-detail h1{
        width:100%
    }
}
[dir=rtl] .home-contain .home-detail h1{
    margin-right:auto;
    text-align:left
}
.home-contain .home-detail h1.super-sale{
    font-size:45px
}
.home-contain .home-detail h1.name-title{
    font-size:calc(25px + 17*(100vw - 320px)/1600)
}
.home-contain .home-detail h1.home-name{
    font-size:86px;
    font-weight:700;
    position:relative;
    display:inline-block
}
.home-contain .home-detail h1.home-name::before{
    content:"";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:80%;
    height:2px;
    bottom:0;
    background-color:#222
}


.home-contain .home-detail h1.poster-1{
    line-height:calc(23px + 45*(100vw - 320px)/1600)
}
.home-contain .home-detail h1.poster-2{
    line-height:calc(29px + 34*(100vw - 320px)/1600)
}
.home-contain .home-detail h1 span.name{
    font-weight:800;
    color:var(--theme-color);
    position:relative;
    z-index:0
}
.home-contain .home-detail h1 span.name::before{
    content:"";
    position:absolute;
    width:100%;
    height:20px;
    bottom:10px;
    left:0;
    background-color:var(--theme-color);
    opacity:.4;
    z-index:-1
}
@media(max-width: 767px){
    .home-contain .home-detail h1 span.name::before{
        display:none
    }
}
@media(max-width: 1399px){
    .home-contain .home-detail h1 span.name::before{
        content:none
    }
}
.home-contain .home-detail h1 span.name-2{
    font-weight:800;
    color:var(--theme-color)
}
.home-contain .home-detail h1 .daily{
    color:var(--theme-color);
    font-weight:800
}
.home-contain .home-detail h1 .discount{
    font-size:16px;
    color:#262834;
    font-weight:400
}
.home-contain .home-detail h2{
    font-size:calc(25px + 13*(100vw - 320px)/1600);
    margin-bottom:7px
}
[dir=rtl] .home-contain .home-detail h2{
    text-align:left
}
.home-contain .home-detail h2 span.discount{
    font-size:16px;
    font-weight:400
}
.home-contain .home-detail h2.home-name{
    font-size:calc(52px + 33*(100vw - 320px)/1600);
    font-weight:700
}
.home-contain .home-detail h3{
    font-size:calc(20px + 6*(100vw - 320px)/1600);
    margin-bottom:calc(5px + 5*(100vw - 320px)/1600);
    font-weight:600
}
[dir=rtl] .home-contain .home-detail h3{
    text-align:left
}
.home-contain .home-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px
}
[dir=rtl] .home-contain .home-detail h4{
    text-align:left
}
.home-contain .home-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
[dir=rtl] .home-contain .home-detail h5{
    text-align:left
}
.home-contain .home-detail h6{
    font-size:14px;
    letter-spacing:.1px;
    color:#4a5568
}
[dir=rtl] .home-contain .home-detail h6{
    text-align:left
}
@media(max-width: 360px){
    .home-contain .home-detail h6{
        margin-bottom:5px
    }
}
.home-contain .home-detail h6.home-home{
    margin-bottom:10px;
    font-weight:500
}
.home-contain .home-detail h6 span{
    font-weight:500;
    padding:calc(6px + 4*(100vw - 320px)/1600) calc(8px + 8*(100vw - 320px)/1600);
    background:#000;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 114, 114, 0.15)), color-stop(79%, rgba(255, 114, 114, 0)));
    background:linear-gradient(90deg, rgba(255, 114, 114, 0.15) 0%, rgba(255, 114, 114, 0) 79%);
    border-radius:50px;
    color:#e1015d;
    margin-left:calc(2px + 7*(100vw - 320px)/1600)
}
[dir=rtl] .home-contain .home-detail h6 span{
    margin-left:unset;
    margin-right:calc(2px + 7*(100vw - 320px)/1600)
}
@media(max-width: 360px){
    .home-contain .home-detail h6 span{
        display:none
    }
}
.home-contain .home-detail p{
    margin-bottom:0;
    color:#4a5568;
    letter-spacing:.8px;
    line-height:calc(19px + 8*(100vw - 320px)/1600);
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
}
[dir=rtl] .home-contain .home-detail p{
    margin-right:auto;
    text-align:left
}
.home-contain .home-detail p.organic{
    width:70%
}
.home-contain .home-detail .shop-button{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-top:calc(12px + 8*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#222
}
[dir=rtl] .home-contain .home-detail .shop-button{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.home-contain .home-detail .shop-button:hover i{
    -webkit-transform:translateX(4px);
    transform:translateX(4px)
}
.home-contain .home-detail .shop-button i{
    -webkit-transition:.3s ease;
    transition:.3s ease;
    margin-left:8px
}
[dir=rtl] .home-contain .home-detail .shop-button i{
    margin-left:unset;
    margin-right:8px
}
.home-contain .home-detail .social-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:20px;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:14px
}
.home-contain .home-detail .social-icon li:hover a{
    border-color:var(--theme-color);
    background-color:var(--theme-color);
    color:#fff
}
.home-contain .home-detail .social-icon li a{
    width:28px;
    height:28px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:100%;
    border:1px solid #4a5568;
    color:#222
}
.home-section-2{
    background-image:url("../images/veg-3/home-bg.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.home-section-2.home-section-bg{
    background:none
}
.home-section-2 .home-contain{
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.home-section-2 .home-contain .home-detail{
    width:100%;
    height:100%;
    position:absolute;
    top:0%;
    left:0;
    padding:calc(20px + 30*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail.home-p-sm{
    padding:calc(15px + 15*(100vw - 320px)/1600) !important
}
.home-section-2 .home-contain .home-detail h1{
    font-size:calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom:6px
}
.home-section-2 .home-contain .home-detail h1.sale-name{
    font-size:calc(25px + 13*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail h1.heding-2{
    font-size:calc(22px + 28*(100vw - 320px)/1600);
    font-weight:700;
    line-height:normal;
    text-transform:uppercase;
    margin-bottom:13px;
    margin-top:7px;
    width:100%
}
.home-section-2 .home-contain .home-detail h2{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px
}
.home-section-2 .home-contain .home-detail h2.content-2{
    font-size:calc(16px + 20*(100vw - 320px)/1600);
    margin-bottom:10px;
    font-weight:500
}
.home-section-2 .home-contain .home-detail h3{
    font-size:calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom:10px
}
.home-section-2 .home-contain .home-detail h4{
    font-size:calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom:5px
}
.home-section-2 .home-contain .home-detail h5{
    font-size:calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing:1px
}
.home-section-2 .home-contain .home-detail h6{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:calc(7px + 5*(100vw - 320px)/1600)
}
.home-section-2 .home-contain .home-detail p{
    font-size:calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom:0;
    line-height:1.5;
    color:#4a5568;
    letter-spacing:.8px
}
.home-section-2 .home-contain .home-detail .shop-now-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    color:var(--theme-color);
    font-size:15px
}
.home-section-2 .home-contain .home-detail .shop-now-button i{
    font-size:17px;
    margin-left:8px
}
.home-section-small .home-contain .home-detail.home-width{
    width:50%
}
@media(max-width: 360px){
    .home-section-small .home-contain .home-detail.home-width:before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(255,255,255,.25);
        z-index:-1
    }
}
@media(max-width: 991px){
    .home-section-small .home-contain .home-detail.home-width{
        width:60%
    }
}
@media(max-width: 360px){
    .home-section-small .home-contain .home-detail.home-width{
        width:100%
    }
}
.home-section-small .home-contain.home-small .home-detail{
    padding:calc(20px + 30*(100vw - 767px)/1153) calc(12px + 38*(100vw - 767px)/1153)
}
.home-section-small .home-contain.home-small .home-detail h4{
    font-size:calc(14px + 8*(100vw - 767px)/1153)
}

.custom-row .sidebar-col{
    width:320px;
    border-right:1px solid #ececec;
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    overflow:auto;
    padding-top:0;
    background-color:#fff;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] .custom-row .sidebar-col{
    right:0;
    left:unset
}
@media(max-width: 1199px){
    .custom-row .sidebar-col{
        border-right:unset;
        left:-350px;
        background-color:#fff;
        z-index:10;
        height:100%;
        width:calc(300px + 20*(100vw - 320px)/879)
    }
    [dir=rtl] .custom-row .sidebar-col{
        right:-350px;
        left:unset
    }
    .custom-row .sidebar-col.show{
        left:0
    }
    [dir=rtl] .custom-row .sidebar-col.show{
        right:0;
        left:unset
    }
}

.custom-row .content-col{
    margin-left:320px;
    padding-left:calc(12px + 13*(100vw - 320px)/1600);
    margin-top:calc(77px + 36*(100vw - 320px)/1600);
    padding-right:calc(12px + 13*(100vw - 320px)/1600)
}
[dir=rtl] .custom-row .content-col{
    margin-left:unset;
    margin-right:320px
}
@media(max-width: 1199px){
    .custom-row .content-col{
        margin-left:0
    }
    [dir=rtl] .custom-row .content-col{
        margin-left:unset;
        margin-right:0
    }
}

@media(max-width: 991px){
    .home-section-ratio .ratio_180 .bg-size:before{
        padding-top:128%
    }
}
@media(max-width: 991px){
    .home-section-ratio .custom-ratio{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
}

.button-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:calc(41px + 9*(100vw - 320px)/1600);
    height:calc(41px + 9*(100vw - 320px)/1600);
    position:fixed;
    right:0;
    border-radius:7px 0 0 7px;
    background-color:var(--theme-color);
    z-index:9
}
.button-item .item-btn i{
    font-size:calc(18px + 4*(100vw - 320px)/1600)
}
.item-section{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:fixed;
    right:-130px;
    background-color:var(--theme-color);
    color:#fff;
    border-radius:7px 0 0 7px;
    padding:15px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:9
}
.item-section.active{
    right:0
}
.item-section .close-button{
    position:absolute;
    top:10px;
    left:10px;
    padding:0;
    color:#fff;
    border:none;
    background-color:rgba(0,0,0,0)
}
.item-section h6{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:5px;
    margin-top:10px;
    font-weight:bold
}
.item-section h6 .icli{
    font-size:22px
}
.item-section .items-image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:10px 0
}
.item-section .items-image li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:30px;
    height:30px;
    background-color:#fff;
    border-radius:50%;
    border:1px solid var(--theme-color);
    color:var(--theme-color);
    font-weight:600;
    font-size:13px
}
.item-section .items-image li+li{
    margin-left:-10px
}
.item-section .items-image li img{
    width:15px;
    height:15px;
    -o-object-fit:contain;
    object-fit:contain
}
.item-section .item-button{
    background-color:#fff;
    color:var(--theme-color)
}
header .main-nav{
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767px){
    header .main-nav{
        padding:0
    }
}
header .nav-left-align .navbar-nav .dropdown-menu-2{
    left:0;
    -webkit-transform:unset;
    transform:unset
}
[dir=rtl] header .nav-left-align .navbar-nav .dropdown-menu-2{
    left:unset;
    right:0
}
header .icon-box{
    display:inline-block;
    margin-right:10px
}
header .dropdown-header{
    display:block;
    padding:8px 20px;
    margin-bottom:0;
    font-size:14px;
    color:var(--theme-color);
    white-space:nowrap
}
@media(max-width: 1199px){
    header .dropdown-header{
        padding-left:0
    }
}
header .navbar-nav{
    padding-top:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
[dir=rtl] header .navbar-nav{
    padding-left:unset;
    padding-right:0
}
header .navbar-nav .nav-item{
    margin-bottom:0
}
@media(max-width: 1199px){
    header .navbar-nav .nav-item .new-pages{
        -webkit-box-pack:unset !important;
        -ms-flex-pack:unset !important;
        justify-content:unset !important
    }
}
header .navbar-nav .nav-item .new-pages .new-dropdown{
    position:absolute;
    top:-7px;
    right:3px;
    background-color:#e1015d;
    font-size:10px;
    padding:1px 4px;
    color:#fff;
    font-weight:600;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px
}
[dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown{
    border-top-left-radius:unset;
    border-top-right-radius:5px;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:5px
}
@media(max-width: 1199px){
    header .navbar-nav .nav-item .new-pages .new-dropdown{
        position:relative;
        top:unset;
        left:unset;
        right:unset;
        margin-left:9px;
        border-radius:3px
    }
    [dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown{
        margin-left:unset;
        margin-right:9px
    }
}
header .navbar-nav .nav-item:hover{
    color:var(--theme-color)
}
header .navbar-nav .dropdown-menu{
    min-width:200px;
    margin:0;
    margin-top:-8px;
    background-color:#fff;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.7),5px 20px 40px 0 rgba(34,34,34,.4);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.7),5px 20px 40px 0 rgba(34,34,34,.4);
    border-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    position:static;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    opacity:0;
    visibility:hidden;
    display:block !important;
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover{
    position:relative
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a{
    display:block;
    position:relative
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i{
    font-size:12px;
    margin-left:4px;
    color:var(--theme-color)
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i{
    margin-left:unset;
    margin-right:4px
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before{
    right:unset;
    left:0;
    -webkit-transform:rotate(180deg) translateY(50%);
    transform:rotate(180deg) translateY(50%)
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
    left:113%;
    visibility:visible;
    opacity:1
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
        left:unset
    }
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
    left:unset;
    right:113%
}
@media(max-width: 1199px){
    [dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu{
        left:unset;
        right:unset
    }
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
    position:absolute;
    top:-19px;
    left:123%;
    min-width:200px;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    background-color:#fff;
    border-color:rgba(0,0,0,0);
    padding:20px;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
    right:123%;
    left:unset
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu{
        position:relative;
        top:unset;
        left:unset;
        opacity:1;
        min-width:auto;
        z-index:1;
        visibility:visible;
        -webkit-box-shadow:none;
        box-shadow:none;
        margin:5px 0 12px 29px;
        padding:0
    }
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a{
    padding:0;
    font-size:14px;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:0;
    color:#222;
    display:block
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after{
    width:40%
}
header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after{
    content:"";
    position:absolute;
    width:0;
    height:4px;
    bottom:2px;
    left:0;
    background-color:var(--theme-color);
    opacity:.3;
    border-radius:50px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:-1
}
[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after{
    left:unset;
    right:0
}
header .navbar-nav .dropdown-menu-2{
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-15px);
    transform:translateX(-50%) translateY(-15px);
    width:52vw;
    min-width:unset;
    padding:22px !important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    overflow:hidden;
    position:relative;
    z-index:0
}
@media(max-width: 1595px){
    header .navbar-nav .dropdown-menu-2{
        width:63vw
    }
}
@media(max-width: 1301px){
    header .navbar-nav .dropdown-menu-2{
        width:77vw
    }
}
header .navbar-nav .dropdown-menu-2::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(../images/bg.png);
    background-position:right;
    background-repeat:no-repeat;
    background-size:cover;
    top:0;
    left:0;
    z-index:-1
}
[dir=rtl] header .navbar-nav .dropdown-menu-2::after{
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
    -webkit-filter:FlipH;
    filter:FlipH
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu-2::after{
        content:none
    }
}
@media(max-width: 1400px){
    header .navbar-nav .dropdown-menu-2{
        background-position:20px center
    }
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu-2{
        width:100%;
        padding:0 !important;
        left:0;
        margin:0
    }
}
header .navbar-nav .dropdown-menu .dropdown{
    margin-right:20px;
    margin-left:20px
}
header .navbar-nav .dropdown-menu .dropdown:last-child{
    margin-bottom:12px
}
header .navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after{
    display:none
}
header .navbar-nav .dropdown-menu .dropdown-menu{
    display:block;
    padding-right:16px;
    padding-left:16px
}
header .navbar-nav .dropdown-image{
    background-image:none
}
header .navbar-nav .dropdown-image::after{
    content:none
}
@media(max-width: 991px){
    header .navbar-nav .dropdown-image{
        left:0;
        margin-top:0
    }
}
header .navbar-nav .dropdown-image .dropdown-column{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:15px
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-image .dropdown-column{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px
    }
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item{
    margin:0 !important;
    text-align:center
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item::after{
    content:none
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-image .dropdown-column .dropdown-item{
        padding:0
    }
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover img{
    -webkit-box-shadow:5px 20px 40px 0 rgba(34,34,34,.07);
    box-shadow:5px 20px 40px 0 rgba(34,34,34,.07);
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px)
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span{
    color:var(--theme-color);
    font-weight:600
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span::after{
    width:100%
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item img{
    width:100%;
    -webkit-box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:5px 20px 40px 0 rgba(34,34,34,.04);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:block
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span{
    display:inline-block;
    margin-top:14px;
    text-align:center;
    font-size:calc(14px + 2*(100vw - 1200px)/720);
    margin-bottom:-6px;
    position:relative;
    z-index:0
}
header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after{
    content:"";
    position:absolute;
    width:0;
    height:4px;
    bottom:2px;
    left:0;
    background-color:var(--theme-color);
    opacity:.3;
    border-radius:50px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:-1
}
header .navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
header .navbar-brand{
    padding-top:0;
    padding-bottom:0;
    margin-right:16px;
    font-size:calc(21px + .45vw);
    white-space:nowrap;
    display:inline-block;
    font-weight:500
}
header .navbar-brand:hover{
    text-decoration:none
}
header .navbar-brand:focus{
    text-decoration:none
}
header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
    margin-left:calc(30px + 10*(100vw - 1200px)/720)
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
    margin-left:unset;
    margin-right:calc(30px + 10*(100vw - 1200px)/720)
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
        margin-left:0
    }
    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item{
        margin-left:unset;
        margin-right:0
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:16px;
    font-weight:normal;
    position:relative
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
    content:"";
    position:absolute;
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    right:-12px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
    right:unset;
    left:-12px
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
        right:0
    }
    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before{
        right:unset;
        left:0
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link::after{
    content:none
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .icli{
    margin-left:10px
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu{
    position:absolute;
    top:-10px;
    left:84%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    font-size:8px;
    display:inline-block;
    text-transform:uppercase;
    line-height:16px;
    padding:0 8px;
    font-weight:600;
    color:#fff;
    background-color:var(--theme-color);
    border-radius:50px
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu{
        position:relative;
        top:0;
        left:0;
        -webkit-transform:none;
        transform:none;
        margin-left:10px;
        margin-right:auto;
        border-radius:3px
    }
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
    content:"";
    position:absolute;
    width:0;
    height:0;
    display:inline-block;
    top:100%;
    left:10px;
    border-right:4px solid rgba(0,0,0,0);
    border-top:4px solid var(--theme-color)
}
@media(max-width: 1199px){
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
        content:none
    }
}
[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before{
    left:unset;
    right:10px
}
header .navbar.navbar-expand-xl .navbar-nav .nav-link-2::before{
    content:none
}
header .navbar-text{
    padding-top:9px;
    padding-bottom:9px
}
header .navbar-collapse{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .navbar-toggler{
    background-color:rgba(0,0,0,0);
    -webkit-transition:-webkit-box-shadow .15s ease-in-out;
    transition:-webkit-box-shadow .15s ease-in-out;
    transition:box-shadow .15s ease-in-out;
    transition:box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    padding:12px;
    font-size:18px;
    margin-right:10px;
    padding:0
}
[dir=rtl] header .navbar-toggler{
    margin-right:unset;
    margin-left:10px
}
@media(max-width: 767px){
    header .navbar-toggler{
        margin-right:0
    }
}
header .navbar-toggler:focus-visible{
    outline:none
}
header .navbar-toggler:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
header .navbar-toggler-icon{
    width:auto;
    height:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:20px;
    color:#222;
    -webkit-text-fill-color:#222;
    -webkit-opacity:1
}
@media(max-width: 767px){
    header .navbar-toggler-icon{
        margin-right:0
    }
}
header .navbar-nav-scroll{
    max-height:var(--bs-scroll-height, 75vh);
    overflow-y:auto
}
header .navbar-expand{
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
header .navbar-expand .navbar-nav{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
header .navbar-expand .navbar-nav .dropdown-menu{
    position:absolute;
    left:26px;
    top:30px;
    -webkit-box-shadow:0px 3px 4px rgba(0,0,0,.14);
    box-shadow:0px 3px 4px rgba(0,0,0,.14)
}
header .navbar-expand .navbar-nav-scroll{
    overflow:visible
}
header .navbar-expand .navbar-collapse{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
}
header .navbar-expand .navbar-toggler{
    display:none
}
header .navbar-light .navbar-brand{
    color:#222
}
header .navbar-light .navbar-brand:hover{
    color:#222
}
header .navbar-light .navbar-brand:focus{
    color:#222
}
header .navbar-light .navbar-nav .nav-link{
    color:#222
}
header .navbar-light .navbar-nav .nav-link:hover{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .nav-link:focus{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .show>.nav-link{
    color:var(--theme-color)
}
header .navbar-light .navbar-nav .nav-link.active{
    color:var(--theme-color)
}
header .navbar-light .navbar-toggler{
    color:#4a5568;
    border-color:rgba(0,0,0,0)
}
header .navbar-light .navbar-text{
    color:#4a5568
}
header .navbar-light .navbar-text a{
    color:var(--theme-color)
}
header .navbar-light .navbar-text a:hover{
    color:var(--theme-color)
}
header .navbar-light .navbar-text a:focus{
    color:var(--theme-color)
}
header .navbar{
    display:inline-block;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:15px;
    z-index:1
}
[dir=rtl] header .navbar{
    padding-left:unset;
    padding-right:15px
}
header .navbar:not(.navbar-stuck) .navbar-stuck-btn{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(#222222, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
header .navbar-shadow{
    -webkit-box-shadow:0 2px 10px -3px rgba(34,34,34,.1);
    box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
}
header .navbar-floating{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
header .navbar-stuck .navbar-btn{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(#222222, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
header .navbar-stuck-logo{
    display:none
}
header .navbar-sticky.navbar-stuck{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-animation:navbar-show .25s;
    animation:navbar-show .25s;
    background-color:#fff;
    -webkit-box-shadow:0 2px 10px -3px rgba(34,34,34,.1);
    box-shadow:0 2px 10px -3px rgba(34,34,34,.1)
}
header .header-nav-middle{
    margin:auto !important
}
header .offcanvas{
    position:fixed;
    bottom:0;
    z-index:1080;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:100%;
    visibility:hidden;
    background-color:#fff;
    background-clip:padding-box;
    outline:0;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
    -webkit-transition:-webkit-transform .3s ease-in-out;
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    will-change:transform,box-shadow;
    -webkit-transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    transition:-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease;
    transition:transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow .3s ease,-webkit-transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow .3s ease;
    visibility:visible !important
}
header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom){
    top:0;
    left:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
@media(max-width: 1199px){
    header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom){
        width:calc(300px + 20*(100vw - 1200px)/720);
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        z-index:7
    }
}
header .offcanvas-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:20px 24px;
    z-index:1
}
header .offcanvas-header .btn-close{
    padding:0;
    margin:-10px 0;
    font-size:16px
}
header .offcanvas-header h5{
    color:var(--theme-color);
    font-weight:600
}
header .offcanvas-title{
    margin-bottom:0;
    line-height:initial
}
header .offcanvas-body{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:20px 24px;
    overflow-y:auto;
    height:100%
}
@media(max-width: 1199px){
    header .offcanvas-body{
        padding:calc(13px + 7*(100vw - 320px)/880) calc(16px + 8*(100vw - 320px)/880)
    }
}
header .offcanvas-body::-webkit-scrollbar{
    width:0;
    background-color:rgba(0,0,0,0);
    opacity:0
}
header .offcanvas-body::-webkit-scrollbar-thumb{
    border-radius:4px
}
header .offcanvas-body>.simplebar-track{
    display:block;
    background-color:rgba(0,0,0,0)
}
header .offcanvas-body .simplebar-vertical{
    margin-right:3px
}
header .offcanvas-start{
    top:0;
    left:0;
    width:352px;
    border-right:0 solid rgba(0,0,0,0);
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
header .offcanvas-end{
    top:0;
    right:0;
    width:352px;
    border-left:0 solid rgba(0,0,0,0);
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
header .offcanvas-top{
    top:0;
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-bottom:0 solid rgba(0,0,0,0);
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
header .offcanvas-bottom{
    right:0;
    left:0;
    height:30vh;
    max-height:100%;
    border-top:0 solid rgba(0,0,0,0);
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
header .offcanvas.show{
    -webkit-transform:none !important;
    transform:none !important;
    -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04) !important;
    box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04) !important
}
header .offcanvas-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:20px 24px
}
header .sidebar-toggle{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    border-radius:0;
    z-index:1025
}
header .hot-deal-box{
    color:#e21719;
    font-weight:600;
    font-size:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:12px
}
header .hot-deal-box img{
    margin-right:7px
}
header .hot-deal-box span{
    font-size:16px;
    font-weight:500
}
@media(prefers-reduced-motion: reduce){
    header .navbar-toggler{
        -webkit-transition:none;
        transition:none
    }
    header .offcanvas{
        -webkit-transition:none;
        transition:none
    }
}
@media(min-width: 1200px){
    header .navbar-expand-xl.navbar .offcanvas-body{
        overflow:visible
    }
    header .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo{
        display:none !important
    }
    header .navbar-expand-xl .navbar-stuck-logo{
        display:block
    }
    header .navbar-expand-xl .dropdown-column .dropdown-header{
        padding:0;
        font-size:16px;
        font-weight:600;
        margin-bottom:24px;
        color:#222;
        position:relative
    }
    header .navbar-expand-xl .dropdown-column .dropdown-header::before{
        content:"";
        position:absolute;
        bottom:-10px;
        width:36px;
        height:2px;
        background-color:var(--theme-color);
        left:0
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-column .dropdown-header::before{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .navbar-nav{
        position:relative;
        padding-top:0
    }
    header .navbar-expand-xl .navbar-nav .nav-item{
        border:0
    }
    header .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled){
        color:var(--theme-color)
    }
    header .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled){
        color:var(--theme-color)
    }
    header .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after{
        display:none
    }
    header .navbar-expand-xl .dropdown-menu{
        margin-top:0;
        -webkit-box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
        box-shadow:-1px 0 10px 0 rgba(34,34,34,.07),5px 20px 40px 0 rgba(34,34,34,.04);
        background-color:#fff;
        border-color:#fff;
        padding:20px;
        border-radius:10px
    }
    header .navbar-expand-xl .dropdown-menu-left{
        left:0;
        -webkit-transform:translateX(0%) translateY(-15px);
        transform:translateX(0%) translateY(-15px)
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu-left{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .dropdown-menu li{
        display:block;
        width:100%
    }
    header .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item{
        margin:0;
        margin-top:-3px
    }
    header .navbar-expand-xl .dropdown-menu li:last-child .dropdown-item{
        margin-bottom:-4px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-column{
        margin:5px;
        position:relative
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type{
        margin-left:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item{
        padding:0;
        margin:12px 0 0 0;
        font-size:15px;
        position:relative;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        z-index:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after{
        width:40%
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:active{
        color:#000
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item::after{
        content:"";
        position:absolute;
        width:0;
        height:4px;
        bottom:2px;
        left:0;
        background-color:var(--theme-color);
        opacity:.3;
        border-radius:50px;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        z-index:-1
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-item::after{
        left:unset;
        right:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:focus{
        background-color:rgba(0,0,0,0)
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover{
        background-color:rgba(0,0,0,0);
        letter-spacing:.03em
    }
    header .navbar-expand-xl .dropdown-menu .dropdown{
        margin-right:0;
        margin-bottom:0;
        margin-left:0;
        border-left:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle{
        position:relative;
        padding-right:26px
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle{
        padding-right:20px;
        padding-left:26px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after{
        content:"";
        position:absolute;
        font-family:"Font Awesome 6 Free";
        font-weight:900;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:unset;
        height:unset;
        display:block;
        right:10px;
        border:none
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after{
        right:unset;
        left:10px
    }
    header .navbar-expand-xl .dropdown-menu .dropdown:last-child{
        margin-bottom:0
    }
    header .navbar-expand-xl .dropdown-menu .dropdown-menu{
        top:0;
        right:auto;
        left:100%;
        width:auto;
        margin-top:0;
        margin-right:0px;
        margin-left:0px;
        padding-right:0;
        padding-left:0;
        border-radius:5px;
        background-color:#fff
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-menu{
        left:unset;
        right:100%
    }
    header .navbar-expand-xl .dropdown-menu.show{
        display:none
    }
    header .navbar-expand-xl .dropdown-menu.dropdown-menu-end{
        right:0;
        left:auto
    }
    header .navbar-expand-xl .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0);
        transform:translateY(0);
        display:block !important
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-2{
        -webkit-transform:translateX(-50%) translateY(0);
        transform:translateX(-50%) translateY(0);
        display:block !important
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-center{
        -webkit-transform:translateX(0%) translateY(0);
        transform:translateX(0%) translateY(0)
    }
    header .navbar-expand-xl .dropdown:hover .dropdown-menu-left{
        -webkit-transform:translateX(0%) translateY(0);
        transform:translateX(0%) translateY(0)
    }
    header .navbar-expand-xl .dropdown .dropdown{
        position:relative
    }
    header .navbar-expand-xl .dropdown .dropdown::before{
        content:"";
        position:absolute;
        font-family:"Font Awesome 6 Free";
        font-weight:900;
        right:-12px;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before{
        right:unset;
        left:-12px
    }
}
@media(min-width: 1200px)and (max-width: 1199px){
    header .navbar-expand-xl .dropdown .dropdown::before{
        right:0
    }
    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before{
        right:unset;
        left:0
    }
}
@media(min-width: 1200px){
    header .navbar-expand-xl .dropdown-mega{
        position:unset
    }
    header .navbar-expand-xl .dropdown-mega>.dropdown-menu{
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    header .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item{
        padding:0;
        margin:10px 0px 0 0
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img{
        width:200px;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        margin:0
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column{
        margin-top:5px
    }
    header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header{
        padding:0;
        font-size:16px;
        font-weight:600;
        margin-bottom:14px
    }
    [dir=rtl] header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header{
        padding:0
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand{
        -webkit-transform:none !important;
        transform:none !important;
        z-index:1031
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-start{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-end{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-expand.offcanvas-bottom{
        -webkit-transform:none !important;
        transform:none !important
    }
}
@media(min-width: 1200px){
    header .offcanvas-collapse{
        display:block;
        position:static;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        -webkit-transform:none !important;
        transform:none !important;
        background-color:rgba(0,0,0,0);
        -webkit-box-shadow:none;
        box-shadow:none
    }
    header .offcanvas-collapse .offcanvas-header{
        display:none
    }
    header .offcanvas-collapse .offcanvas-footer{
        display:none
    }
    header .offcanvas-collapse .offcanvas-body{
        padding:0;
        overflow:initial
    }
}
@media(min-width: 1200px){
    header .offcanvas-enabled-start{
        padding-left:376px
    }
}
@media(min-width: 1200px){
    header .offcanvas-enabled-end{
        padding-right:376px;
        padding-left:0
    }
}
header .navbar-expand-xl .offcanvas{
    -webkit-box-flex:1
}
@media(max-width: 1199px){
    header .navbar-expand-xl .offcanvas{
        z-index:4;
        -webkit-box-flex:2
    }
}
header .offcanvas-backdrop{
    z-index:6
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav{
        padding-top:0
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item{
        border-top:0
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:unset;
        -ms-flex-pack:unset;
        justify-content:unset;
        color:#4a5568;
        font-weight:700
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled{
        color:#4a5568
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .show>.nav-link{
        color:var(--theme-color)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .active>.nav-link{
        color:var(--theme-color)
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu li{
        display:block;
        width:100%
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item{
        color:#4a5568;
        font-size:14px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
}
@media(max-width: 1199px)and (max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item{
        position:relative;
        margin-left:15px
    }
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before{
        content:"";
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:7px;
        height:1px;
        background-color:rgba(74,85,104,.651);
        left:-4px
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active{
        color:var(--theme-color);
        background-color:rgba(0,0,0,0)
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled{
        color:#4a5568
    }
}
@media(max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header{
        font-size:16px;
        font-weight:600
    }
}
@media(max-width: 1199px)and (max-width: 1199px){
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header{
        padding-left:10px;
        font-size:15px;
        font-weight:500;
        color:rgba(34,34,34,.8)
    }
}
@media(max-width: 1199px){
    header .navbar-nav .dropdown-menu{
        opacity:1;
        visibility:visible;
        display:none !important;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    header .navbar-nav .dropdown-menu.show{
        display:block !important
    }
}
@media(max-width: 1199px){
    .new-nav-item{
        -webkit-box-pack:unset !important;
        -ms-flex-pack:unset !important;
        justify-content:unset !important
    }
}
.new-nav-item .new-dropdown{
    position:absolute;
    top:-7px;
    right:3px;
    background-color:#e1015d;
    font-size:10px;
    padding:1px 4px;
    color:#fff;
    font-weight:600;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px
}
[dir=rtl] .new-nav-item .new-dropdown{
    border-top-left-radius:unset;
    border-top-right-radius:5px;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:5px
}
@media(max-width: 1199px){
    .new-nav-item .new-dropdown{
        position:relative;
        top:unset;
        left:unset;
        right:unset;
        margin-left:9px;
        border-radius:3px
    }
    [dir=rtl] .new-nav-item .new-dropdown{
        margin-left:unset;
        margin-right:9px
    }
}
.menu-img-banner{
    margin:-23px -23px -23px -25px
}
.menu-img-banner a{
    display:block;
    width:100%
}
.menu-img-banner a img{
    width:100%
}
.menu-img-banner h4{
    margin-top:12px;
    line-height:1.5;
    font-weight:500
}
.custom-mt{
    margin-top:25px
}
@media(max-width: 1199px){
    .custom-mt{
        margin-top:calc(9px + 3*(100vw - 320px)/880)
    }
}
.dropdown-menu-3::after{
    content:unset !important
}
.menu-label{
    background-color:#ff7272;
    font-size:12px;
    border-radius:2px;
    padding:3px 5px;
    line-height:1;
    color:#fff;
    font-weight:600;
    position:relative;
    z-index:0;
    -webkit-animation:.9s blink infinite;
    animation:.9s blink infinite;
    margin-left:4px
}
body.rtl .menu-label{
    margin-left:unset;
    margin-right:4px
}
.menu-label::before{
    content:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg);
    background-color:#ff7272;
    left:-5px;
    width:12px;
    height:12px;
    z-index:-1;
    background-color:rgba(0,0,0,0)
}
.menu-label.warning-label{
    background-color:#ffa53b
}
.menu-label.success-label{
    background-color:var(--theme-color)
}

.product-box-5 .product-image{
    position:relative
}
.product-box-5 .product-image .bg-size{
    border-radius:10px
}
.product-box-5 .product-image .wishlist-top{
    position:absolute;
    top:10px;
    right:10px;
    background-color:#fff;
    padding:5px;
    border-radius:5px
}
.product-box-5 .product-image .wishlist-top svg{
    width:18px
}
.product-box-5 .product-image .product-option{
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:absolute;
    bottom:-5px;
    background-color:#fff;
    width:70%;
    padding:10px 5px;
    border-radius:7px;
    -webkit-box-shadow:0 0 8px rgba(34,34,34,.12);
    box-shadow:0 0 8px rgba(34,34,34,.12);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    max-width:320px
}
@media(max-width: 480px){
    .product-box-5 .product-image .product-option{
        display:none
    }
}
.product-box-5 .product-image .product-option li{
    position:relative;
    width:33.33%;
    text-align:center
}
.product-box-5 .product-image .product-option li a{
    color:#222
}
.product-box-5 .product-image .product-option li a .feather{
    width:17px;
    height:auto;
    color:#4a5568
}
.product-box-5 .product-image .product-option li+li:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:0;
    background-color:#4a5568;
    opacity:.3
}
[dir=rtl] .product-box-5 .product-image .product-option li+li:after{
    left:unset;
    right:0
}
.product-box-5 .product-image img{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border-radius:10px
}
.product-box-5:hover .product-image a img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.product-box-5:hover .product-image .product-option{
    bottom:15px;
    opacity:1
}
.product-box-5 .product-detail{
    padding-top:10px;
    text-align:center
}
.product-box-5 .product-detail a{
    color:#222;
    display:block
}
.product-box-5 .product-detail a:hover{
    color:#222
}
.product-box-5 .product-detail a h5{
    margin-bottom:6px
}
.product-box-5 .product-detail a h5.name{
    font-weight:600;
    line-height:22px;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden;
    text-transform:capitalize
}
.product-box-5 .product-detail .product-rating{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(4px + 3*(100vw - 320px)/1600)
}
.product-box-5 .product-detail .product-rating h6{
    font-weight:500
}
.product-box-5+.product-box-5{
    margin-top:30px !important
}


.inner-title{
    margin-bottom:calc(32px + 23*(100vw - 320px)/1600);
    text-align:center
}
.inner-title h2{
    font-size:calc(21px + 14*(100vw - 320px)/1600);
    font-weight:700;
    color:#222;
    padding-bottom:20px;
    display:inline-block;
    text-transform:none;
    position:relative
}
.inner-title h2::after{
    content:"";
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:70px;
    height:1px;
    bottom:0;
    background-color:var(--theme-color)
}
.inner-title h2 img{
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:-11px;
    position:absolute;
    background-color:#fff;
    z-index:1;
    padding:0 10px
}
.inner-title-2{
    margin-bottom:calc(18px + 20*(100vw - 320px)/1600)
}
.inner-title-2 h3{
    font-size:calc(24px + 6*(100vw - 320px)/1600);
    font-weight:600
}
.section-404 .image-404{
    text-align:center
}
.section-404 .image-404 img{
    width:25%
}
@media(max-width: 1460px){
    .section-404 .image-404 img{
        width:40%
    }
}
@media(max-width: 991px){
    .section-404 .image-404 img{
        width:50%
    }
}
@media(max-width: 575px){
    .section-404 .image-404 img{
        width:70%
    }
}
.section-404 .contain-404{
    width:50%;
    text-align:center;
    margin:calc(20px + 25*(100vw - 320px)/1600) auto 0;
    font-family:"Public Sans",sans-serif
}
@media(max-width: 1660px){
    .section-404 .contain-404{
        width:60%
    }
}
@media(max-width: 1199px){
    .section-404 .contain-404{
        width:80%
    }
}
@media(max-width: 767px){
    .section-404 .contain-404{
        width:100%
    }
}
.section-404 .contain-404 h3{
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    line-height:1.5;
    font-weight:400
}
.section-404 .contain-404 button{
    margin-top:calc(16px + 8*(100vw - 320px)/1600)
}

.contact-box-section .left-sidebar-box .contact-image{
    text-align:center;
    margin-bottom:calc(25px + 39*(100vw - 320px)/1600)
}
@media(max-width: 1199px){
    .contact-box-section .left-sidebar-box .contact-image{
        margin-bottom:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:100%;
        height:100%
    }
}
@media(max-width: 991px){
    .contact-box-section .left-sidebar-box .contact-image{
        margin-bottom:calc(25px + 39*(100vw - 320px)/1600)
    }
}
.contact-box-section .left-sidebar-box .contact-image img{
    width:60%
}
@media(max-width: 1199px){
    .contact-box-section .left-sidebar-box .contact-image img{
        width:77%
    }
}
@media(max-width: 991px){
    .contact-box-section .left-sidebar-box .contact-image img{
        width:60%;
        margin-bottom:calc(25px + 39*(100vw - 320px)/1600)
    }
}
.contact-box-section .left-sidebar-box .contact-title{
    margin-bottom:calc(20px + 12*(100vw - 320px)/1600)
}
.contact-box-section .left-sidebar-box .contact-title h3{
    position:relative;
    display:inline-block;
    font-size:calc(23px + 5*(100vw - 320px)/1600);
    font-weight:600
}
.contact-box-section .left-sidebar-box .contact-title h3::after{
    content:"";
    position:absolute;
    width:70%;
    height:2px;
    bottom:-5px;
    left:0;
    background:var(--theme-color2)
}
[dir=rtl] .contact-box-section .left-sidebar-box .contact-title h3::after{
    left:unset;
    right:0
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:calc(2px + 3*(100vw - 320px)/1600);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#f8f8f8;
    padding:calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
    position:relative;
    border-radius:10px;
    margin-left:22px
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon{
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    left:-21px;
    background-color:var(--theme-color);
    padding:13px;
    border-radius:7px;
    display:inherit;
    color:#fff
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title,.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain{
    width:100%
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title h4{
    font-weight:600;
    font-size:calc(16px + 2*(100vw - 320px)/1600);
    margin-top:-2px
}
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p{
    margin:0;
    font-size:calc(14px + 1*(100vw - 320px)/1600);
    line-height:1.5;
    color:#4a5568;
    margin-bottom:-5px
}
.contact-box-section .right-sidebar-box{
    padding:calc(21px + 39*(100vw - 320px)/1600);
    border-radius:10px;
    background-color:#f8f8f8
}
.contact-box-section .right-sidebar-box .custom-form label{
    color:#4a5568;
    display:block;
    font-size:16px;
    margin-bottom:calc(3px + 5*(100vw - 320px)/1600)
}
.contact-box-section .right-sidebar-box .custom-form .custom-input{
    position:relative
}
.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control{
    padding:calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
    border:none
}
[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input .form-control{
    padding:calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600)
}
.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus{
    background-color:#fff;
    border-color:rgba(0,0,0,0)
}
.contact-box-section .right-sidebar-box .custom-form .custom-input i{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    padding:0 calc(14px + 6*(100vw - 320px)/1600);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:calc(14px + 4*(100vw - 320px)/1600);
    color:#4a5568
}
[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input i{
    left:unset;
    right:0
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea{
    position:relative
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control{
    padding-left:52px;
    border:none
}
[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control{
    padding-left:unset;
    padding-right:52px
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus{
    background-color:#fff;
    border-color:rgba(0,0,0,0)
}
.contact-box-section .right-sidebar-box .custom-form .custom-textarea i{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    padding:18px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:18px;
    color:#4a5568
}
[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea i{
    left:unset;
    right:0
}

.fresh-vegetable-section .fresh-image{
    margin-top:30px;
    border-radius:calc(12px + 38*(100vw - 320px)/1600) 0;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fresh-vegetable-section .fresh-image>div{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    overflow:hidden
}
.fresh-vegetable-section .fresh-image:hover>div{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.fresh-vegetable-section .fresh-image-2{
    border-radius:0 calc(12px + 38*(100vw - 320px)/1600);
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.fresh-vegetable-section .fresh-image-2>div{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    overflow:hidden
}
.fresh-vegetable-section .fresh-image-2:hover>div{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.fresh-vegetable-section .fresh-contain{
    height:100%
}
.fresh-vegetable-section .fresh-contain p{
    font-size:calc(14px + 1*(100vw - 320px)/1600);
    line-height:1.7;
    color:#4a5568;
    margin-bottom:calc(11px + 9*(100vw - 320px)/1600)
}

.hot-line-number{
    padding:calc(12px + 21*(100vw - 320px)/1600);
    background-color:#f8f8f8
}
.hot-line-number h5{
    font-weight:600;
    margin-bottom:4px
}
.hot-line-number h6{
    color:#4a5568;
    margin-bottom:17px
}
.hot-line-number h2{
    font-weight:600;
    font-size:24px
}

[dir=rtl] .slick-slider{
    direction:ltr
}
[dir=rtl] .slick-slider .slick-list .slick-track>*{
    direction:rtl
}
[dir=rtl] .slick-slide{
    float:left
}
[dir=rtl] ul{
    padding-right:0
}
.product-section-3 .circle-box{position:relative}.product-section-3 .circle-box .shape-circle{position:absolute;top:0;left:0}.product-section-3 .circle-box .shape-circle img{width:100%;height:auto;margin:0;-webkit-animation:rounded 15s linear infinite;animation:rounded 15s linear infinite}.product-section-3 .circle-box .shape-text{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;color:#fff}.product-section-3 .circle-box .shape-text h6{display:block;margin:0;font-weight:500}.product-section-3 .product-title{padding:16px;text-align:center;background-color:var(--theme-color);color:#fff;border-radius:8px 8px 0 0;border:2px solid rgba(0,0,0,0);background-size:contain;background-clip:border-box;background-position:0 0;-webkit-animation:shape 15s linear infinite;animation:shape 15s linear infinite}.product-section-3 .product-title.product-warning{background-color:rgba(0,0,0,0);color:#222;margin:0;border:none}