@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;
400;
500;
600;
700&
family=Jost:wght@300;
400;
500;
600;
700;
800;
900&
display=swap";
*{
    margin:0;
    padding:0;
    scroll-behavior:smooth
}
:root{
    --primary-color1: #BF9444;
    --title-color-dark: #09161D;
    --text-color1: #5E5E5E;
    --white: #ffffff;
    --light-text: #ffffffcc;
    --border: 1px solid #EEEEEE;
    --font-Jost: "Jost", sans-serif;
    --font-cormorant: "Cormorant Garamond", serif
}
::-moz-selection{
    color:var(--white);
    background:var(--primary-color1)
}
::selection{
    color:var(--white);
    background:var(--primary-color1)
}
.font h1{
    font-size:1.875rem;
    color:var(--primary-color1);
    font-family:var(--font-cormorant)
}
html{
    font-size:100%;
    scroll-behavior:smooth
}
@media(min-width:1200px) and (max-width:1399px){
    html{
        font-size:97%
    }
}
@media(min-width:992px) and (max-width:1199px){
    html{
        font-size:95%
    }
}
@media(min-width:768px) and (max-width:991px){
    html{
        font-size:90%
    }
}
@media(min-width:576px) and (max-width:768px){
    html{
        font-size:90%
    }
}
@media(max-width:576px){
    html{
        font-size:88%
    }
}
body{
    font-family:var(--font-Jost);
    color:var(--text-color1);
    font-size:17px;
    margin:0
}
button{
    outline:none;
    border:none
}
input{
    outline:none;
    border:none
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:none
}
a:focus{
    outline:0 solid
}
input:focus,textarea:focus,button:focus{
    outline:none
}
i.bx{
    vertical-align:middle
}
.mb-240{
    margin-bottom:240px
}
@media(min-width:992px) and (max-width:1199px){
    .mb-240{
        margin-bottom:210px
    }
}
@media(max-width:991px){
    .mb-240{
        margin-bottom:200px
    }
}
.pt-120{
    padding-top:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pt-120{
        padding-top:90px
    }
}
@media(max-width:991px){
    .pt-120{
        padding-top:80px
    }
}
.pt-90{
    padding-top:90px
}
@media(min-width:992px) and (max-width:1199px){
    .pt-90{
        padding-top:70px
    }
}
@media(max-width:991px){
    .pt-90{
        padding-top:60px
    }
}
.pb-90{
    padding-bottom:90px
}
@media(min-width:992px) and (max-width:1199px){
    .pb-90{
        padding-bottom:70px
    }
}
@media(max-width:991px){
    .pb-90{
        padding-bottom:60px
    }
}
.pb-120{
    padding-bottom:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pb-120{
        padding-bottom:90px
    }
}
@media(max-width:991px){
    .pb-120{
        padding-bottom:80px
    }
}
.pbb-120{
    padding-top:120px!important
}
@media(min-width:992px) and (max-width:1199px){
    .pbb-120{
        padding-top:90px!important
    }
}
@media(max-width:991px){
    .pbb-120{
        padding-top:80px!important
    }
}
.pb-65{
    padding-bottom:65px
}
.mt-120{
    margin-top:120px
}
@media(min-width:992px) and (max-width:1199px){
    .mt-120{
        margin-top:90px
    }
}
@media(max-width:991px){
    .mt-120{
        margin-top:80px
    }
}
.mb-120{
    margin-bottom:120px
}
@media(min-width:992px) and (max-width:1199px){
    .mb-120{
        margin-bottom:90px
    }
}
@media(max-width:991px){
    .mb-120{
        margin-bottom:80px
    }
}
.mb-100{
    margin-bottom:100px
}
.sec-mb-100{
    margin-bottom:100px
}
@media(max-width:991px){
    .sec-mb-100{
        margin-bottom:40px
    }
}
.pt-80{
    padding-top:80px
}
.pt-70{
    padding-top:70px
}
.pt-50{
    padding-top:50px
}
.pt-40{
    padding-top:40px
}
.pb-80{
    padding-bottom:80px
}
.pe-80{
    padding-right:80px
}
.pb-60{
    padding-bottom:60px
}
.mb-60{
    margin-bottom:60px
}
@media(max-width:767px){
    .mb-60{
        margin-bottom:40px
    }
}
.mb-70{
    margin-bottom:70px
}
@media(max-width:767px){
    .mb-70{
        margin-bottom:40px
    }
}
.mb--70{
    margin-bottom:70px
}
.mb-50{
    margin-bottom:50px
}
.mb-45{
    margin-bottom:45px
}
.mb-35{
    margin-bottom:35px
}
.mb-20{
    margin-bottom:20px
}
.mt-10{
    margin-top:10px
}
.mt-40{
    margin-top:40px
}
.mb-40{
    margin-bottom:40px
}
.mb-30{
    margin-bottom:30px
}
.mb-25{
    margin-bottom:25px
}
.mt-50{
    margin-top:50px
}
.mb-10{
    margin-bottom:12px!important
}
.mb-50{
    margin-bottom:50px
}
.mt-60{
    margin-top:60px
}
.mt-70{
    margin-top:70px
}
@media(max-width:767px){
    .mt-70{
        margin-top:40px
    }
}
.mb-95{
    margin-bottom:95px
}
.bg--light{
    background:#fafafa
}
.ui-datepicker{
    width:17em;
    padding:.5em .5em 0;
    display:none;
    z-index:99
}
.ui-datepicker td{
    border:0;
    padding:2px
}
.ui-datepicker .ui-datepicker-header{
    position:relative;
    padding:.2em 0;
    background:var(--primary-color1);
    border:1px solid var(--primary-color1);
    color:#fff;
    border-radius:0
}
div#ui-datepicker-div{
    border:1px solid transparent;
    box-shadow:3px 3px 10px rgba(0,0,0,.07);
    border-radius:0;
    margin-top:3px
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{
    border:1px solid rgba(238,238,238,.5);
    background:var(--white);
    font-weight:400;
    padding:4px;
    transition:all .45s ease;
    color:var(--text-color1);
    text-align:center
}
.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover,.ui-button:hover,html .ui-button.ui-state-disabled:hover:hover,html .ui-button.ui-state-disabled:active:hover{
    border:1px solid var(--primary-color1);
    color:var(--primary-color1)
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{
    border:1px solid var(--primary-color1)!important;
    color:var(--primary-color1)!important
}
.ui-widget-header .ui-icon{
    background-image:unset;
    position:relative
}
.ui-widget-header .ui-icon::after{
    content:"\f12c";
    position:absolute;
    left:0;
    top:0;
    font-family:bootstrap-icons;
    color:var(--white);
    z-index:9
}
.ui-datepicker-prev{
    border:1px solid var(--primary-color1)
}
.ui-datepicker-prev:hover{
    border:1px solid var(--primary-color1);
    background-color:inherit
}
.ui-datepicker-prev::after{
    content:"\f12c";
    font-family:bootstrap-icons;
    font-weight:400;
    position:absolute;
    top:-1px;
    left:5px;
    z-index:9;
    margin:auto;
    font-size:22px;
    color:var(--white);
    transition:all .35s ease
}
.ui-datepicker-prev span.ui-icon{
    display:none!important;
    visibility:hidden
}
.ui-datepicker-next{
    border:1px solid var(--primary-color1)
}
.ui-datepicker-next:hover{
    border:1px solid var(--primary-color1);
    background-color:inherit
}
.ui-datepicker-next::after{
    content:"\f135";
    font-family:bootstrap-icons;
    font-weight:400;
    position:absolute;
    top:-1px;
    left:5px;
    z-index:9;
    margin:auto;
    font-size:22px;
    color:var(--white);
    transition:all .35s ease
}
.ui-datepicker-next span.ui-icon{
    display:none!important;
    visibility:hidden
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{
    position:absolute;
    top:3px;
    width:1.8em;
    height:1.8em;
    line-height:1.8em
}
.preloader{
    position:fixed;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    width:100%;
    background-color:#070707;
    z-index:999999999
}
.preloader::before{
    position:absolute;
    top:45%;
    content:url(../images/icon/logo-icon.svg);
    width:100%;
    margin:auto;
    text-align:center;
    transform:scale(4);
    opacity:.15
}
@media(max-width:991px){
    .preloader::before{
        transform:scale(1.5)
    }
}
.preloader.active{
    transform:translateY(-100vh);
    transition:ease-in-out 1.5s;
    transition-delay:1s
}
.preloader .counter{
    position:relative;
    color:#fff;
    font-size:6rem;
    font-weight:600;
    z-index:1
}
.preloader .counter::after{
    content:"%";
    font-size:80px
}
.preloader .hide{
    opacity:0;
    transition:1s;
    pointer-events:none
}
#magic-cursor{
    position:absolute;
    display:none;
    width:25px;
    height:25px;
    pointer-events:none;
    z-index:99999;
    opacity:0
}
body.tt-magic-cursor #magic-cursor{
    display:block
}
#ball{
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--primary-color1);
    pointer-events:none;
    border-style:solid;
    border-radius:50%;
    border-color:var(--text-light2)
}
#ball.ball-view{
    background-color:var(--primary-color1);
    font-size:15px;
    font-weight:500;
    color:var(--white);
    line-height:1.2;
    text-align:center
}
#ball .ball-view-inner{
    padding:0 5px;
    opacity:0;
    visibility:hidden;
    transform:scale(0)
}
#ball .ball-view-inner i{
    font-size:19px
}
#ball .ball-drag{
    position:absolute;
    display:block;
    width:100%;
    padding:0 5px;
    font-size:15px;
    font-weight:600;
    color:var(--primary-color1);
    line-height:1.2;
    text-align:center;
    transition:all .3s
}
#ball .ball-drag::before,#ball .ball-drag::after{
    position:absolute;
    top:50%;
    margin-top:-5px;
    font-size:16px;
    color:var(--primary-color1);
    height:15px;
    line-height:15px;
    font-family:"font awesome 5 free";
    font-weight:900;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased
}
#ball .ball-drag::before{
    content:"\f060";
    left:0;
    transform:translate3d(-30px,0,0);
    transition:all .35s
}
#ball .ball-drag::after{
    content:"\f061";
    right:0;
    transform:translate3d(30px,0,0);
    transition:all .35s
}
#ball.ball-close-enabled{
    opacity:1!important
}
#ball .ball-close{
    position:absolute;
    padding:0 5px;
    font-size:14px;
    font-weight:600;
    color:var(--primary-color1);
    line-height:1;
    text-align:center
}
.magnetic-wrap{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
#ball.magnetic-active{
    border-color:var(--primary-color1)!important
}
.direction-hover{
    display:block;
    width:100%;
    background:rgba(0,0,0,.85);
    position:relative;
    overflow:hidden;
    float:left;
    margin:1.5%;
    cursor:pointer
}
.direction-overlay{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0%;
    left:-100%;
    color:#fff;
    background-color:rgba(0,0,0,.8);
    z-index:10
}
.circle-container{
    background:0 0;
    position:fixed;
    right:50px;
    bottom:50px;
    height:46px;
    width:46px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.07);
    z-index:10000;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all 200ms linear
}
@media(max-width:991px){
    .circle-container{
        display:none;
        visibility:hidden
    }
}
.circle-container.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.circle-container::after{
    position:absolute;
    font-family:bootstrap-icons;
    content:"\f145";
    text-align:center;
    line-height:46px;
    font-size:28px;
    color:var(--primary-color1);
    left:0;
    top:0;
    height:46px;
    width:46px;
    cursor:pointer;
    display:block;
    z-index:1;
    transition:all 200ms linear
}
.circle-container:hover::after{
    position:absolute;
    font-family:bootstrap-icons;
    content:"\f145";
    color:var(--green);
    transition:all 200ms linear
}
.circle-container svg path{
    fill:none
}
.circle-container svg.circle-progress path{
    stroke:var(--primary-color1);
    stroke-width:5;
    box-sizing:border-box;
    transition:all 200ms linear
}
.grow{
    transform:scale(1.5);
    background-color:var(--white);
    mix-blend-mode:difference;
    border:none
}
.primary-btn{
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    background-color:var(--primary-color1);
    border-radius:10px 0;
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--white);
    z-index:-1
}
.primary-btn:hover{
    color:var(--primary-color1)
}
.primary-btn:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn2{
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    background-color:transparent;
    border-radius:10px 0;
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn2 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn2:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--primary-color1);
    z-index:-1
}
.primary-btn2:hover{
    color:var(--white)
}
.primary-btn2:hover i::before{
    content:"\f134"
}
.primary-btn2:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn2:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn3{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    background-color:transparent;
    border-radius:10px 0;
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn3 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn3:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--primary-color1);
    z-index:-1
}
.primary-btn3:hover{
    color:var(--white);
    border-color:transparent
}
.primary-btn3:hover i::before{
    content:"\f134"
}
.primary-btn3:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn3:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1;
    border-color:transparent
}
.primary-btn4{
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    background-color:var(--primary-color1);
    border-radius:50px;
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn4 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn4:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--title-color-dark);
    z-index:-1
}
.primary-btn4:hover{
    color:var(--white)
}
.primary-btn4:hover i::before{
    content:"\f134"
}
.primary-btn4:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn4:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn5{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    background-color:transparent;
    border-radius:50px;
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn5 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn5:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--primary-color1);
    z-index:-1
}
.primary-btn5:hover{
    color:var(--white);
    border-color:transparent
}
.primary-btn5:hover i::before{
    content:"\f134"
}
.primary-btn5:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn5:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn6{
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    background-color:var(--primary-color1);
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn6 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn6:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--title-color-dark);
    z-index:-1
}
.primary-btn6:hover{
    color:var(--white);
    border-color:transparent
}
.primary-btn6:hover i::before{
    content:"\f134"
}
.primary-btn6:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn6:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn7{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    background-color:transparent;
    border:1px solid;
    border-color:var(--primary-color1);
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn7 i{
    margin-right:8px;
    transition:.5s all ease
}
.primary-btn7:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--primary-color1);
    z-index:-1
}
.primary-btn7:hover{
    color:var(--white)
}
.primary-btn7:hover i::before{
    content:"\f134"
}
.primary-btn7:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn7:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn8{
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    background-color:var(--primary-color1);
    border-radius:10px 0;
    display:inline-block;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.primary-btn8:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--title-color-dark);
    z-index:-1
}
.primary-btn8:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.primary-btn8:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.btn-md{
    padding:10px 32px
}
.btn-md2{
    padding:13px 23px
}
.btn-sm{
    padding:7px 27px
}
.section-title span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    line-height:1.625rem;
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:5px
}
.section-title span .right-vec{
    margin-left:10px
}
.section-title span .left-vec{
    margin-right:10px
}
.section-title h2{
    font-size:3.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
@media(max-width:767px){
    .section-title h2{
        font-size:3rem
    }
}
@media(max-width:576px){
    .section-title h2{
        font-size:2.5rem
    }
}
.section-title3 span{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    line-height:1.625rem;
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:5px
}
.section-title3 span .right-vec{
    margin-left:10px
}
.section-title3 span .left-vec{
    margin-right:10px
}
.section-title3 h2{
    font-size:3.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
@media(max-width:767px){
    .section-title3 h2{
        font-size:3rem
    }
}
@media(max-width:576px){
    .section-title3 h2{
        font-size:2.5rem
    }
}
.top-bar{
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%);
    border-bottom:1px solid rgba(255,255,255,.07);
    padding:10px 0
}
.top-bar.two{
    background:linear-gradient(90deg,#000000 0%,#09161D 100%);
    border-bottom:unset
}
.top-bar.four{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:0 0;
    padding:12px 0;
    z-index:99
}
@media(max-width:991px){
    .top-bar{
        padding:10px 4%
    }
}
@media(max-width:767px){
    .top-bar .open-time{
        display:flex;
        justify-content:center
    }
}
.top-bar .open-time p{
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost)
}
.top-bar .open-time p span{
    color:var(--primary-color1)
}
@media(min-width:768px) and (max-width:991px){
    .top-bar .open-time p{
        font-size:13px
    }
}
@media(max-width:767px){
    .top-bar .contact-info{
        display:none;
        visibility:hidden
    }
}
.top-bar .contact-info ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:50px
}
@media(max-width:991px){
    .top-bar .contact-info ul{
        gap:30px
    }
}
.top-bar .contact-info ul li a{
    font-size:15px;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    transition:.35s
}
.top-bar .contact-info ul li a i{
    color:var(--primary-color1);
    margin-right:5px;
    transition:.35s
}
@media(min-width:768px) and (max-width:991px){
    .top-bar .contact-info ul li a{
        font-size:13px
    }
}
.top-bar .contact-info ul li a:hover{
    color:var(--primary-color1)
}
.top-bar .contact-info ul li a:hover i{
    color:var(--white)
}
.top-bar.three{
    background:var(--title-color-dark);
    position:relative;
    padding:0;
    border-bottom:1px solid #eee;
    background-color:var(--title-color-dark)
}
.top-bar.three .welcome-note{
    padding-left:100px
}
.top-bar.three .contact-info{
    padding-right:100px
}
@media(max-width:1399px){
    .top-bar.three{
        background-color:var(--title-color-dark)
    }
    .top-bar.three .welcome-note{
        padding-left:100px
    }
    .top-bar.three .contact-info{
        padding-right:100px
    }
}
@media(max-width:1199px){
    .top-bar.three{
        background-color:transparent
    }
    .top-bar.three .welcome-note{
        padding-left:0
    }
    .top-bar.three .contact-info{
        padding-right:0
    }
}
@media(max-width:767px){
    .top-bar.three{
        display:none;
        visibility:hidden
    }
}
.top-bar.three .vector-left{
    position:absolute;
    left:0;
    top:-3px;
    background-color:var(--title-color-dark);
    z-index:9
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.three .vector-left{
        width:70px;
        height:100%
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.three .vector-left img{
        position:absolute;
        bottom:-3px;
        left:-35px
    }
}
@media(max-width:1399px){
    .top-bar.three .vector-left{
        width:70px;
        height:100%
    }
}
@media(max-width:1399px){
    .top-bar.three .vector-left img{
        position:absolute;
        bottom:-3px;
        left:-35px
    }
}
@media(max-width:1199px){
    .top-bar.three .vector-left{
        display:none;
        visibility:hidden
    }
}
.top-bar.three .vector-right{
    position:absolute;
    right:0;
    top:-3px;
    width:50px;
    height:100%;
    background-color:var(--title-color-dark);
    z-index:9
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.three .vector-right{
        width:70px;
        height:100%
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.three .vector-right img{
        position:absolute;
        bottom:-3px;
        right:-35px
    }
}
@media(max-width:1399px){
    .top-bar.three .vector-right{
        width:70px;
        height:100%
    }
}
@media(max-width:1399px){
    .top-bar.three .vector-right img{
        position:absolute;
        bottom:-3px;
        right:-35px
    }
}
@media(max-width:1199px){
    .top-bar.three .vector-right{
        display:none;
        visibility:hidden
    }
}
@media(max-width:991px){
    .top-bar.three .p-12{
        padding:12px 0
    }
}
.top-bar.three .topbar-right-vec{
    position:absolute;
    right:0;
    top:0
}
.top-bar.three .topbar-left-vec{
    position:absolute;
    left:0;
    top:0
}
.top-bar.three .topbar-left-vec span{
    display:inline-block
}
.top-bar.three .welcome-note p{
    margin-bottom:0;
    font-size:15px;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    padding:12px 0
}
@media(max-width:991px){
    .top-bar.three .welcome-note p{
        display:none;
        visibility:hidden
    }
}
.top-bar.three .welcome-note p a{
    color:var(--primary-color1);
    font-family:var(--font-cormorant);
    font-weight:500;
    text-decoration:underline
}
.top-bar.three .contact-info ul li a{
    font-size:15px;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s
}
.top-bar.three .contact-info ul li a i{
    color:var(--primary-color1);
    margin-right:5px;
    transition:.35s
}
.top-bar.three .contact-info ul li a:hover{
    color:var(--primary-color1)
}
header.style-1{
    width:100%;
    position:absolute;
    z-index:99;
    padding:0 7%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:3px 3px 30px rgba(32,35,56,.06)
}
header.style-1.four{
    top:60px
}
header.style-1.error{
    position:relative;
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%)
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-1{
        padding:0 2%
    }
}
@media(min-width:992px) and (max-width:1199px){
    header.style-1{
        padding:0 2%
    }
}
@media(min-width:768px) and (max-width:991px){
    header.style-1{
        padding:0 4%
    }
}
@media(max-width:767px){
    header.style-1{
        padding:0 4%
    }
}
header.style-1.sticky{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%);
    box-shadow:5px 3px 40px rgba(100,100,100,.1);
    -webkit-animation:smooth-header .65s linear;
    animation:smooth-header .65s linear
}
@-webkit-keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-1 .header-logo{
    padding:10px 0
}
@media(max-width:991px){
    header.style-1 .header-logo{
        width:100px;
        padding:20px 0
    }
}
header.style-1 .header-logo img{
    min-width:120px;
    max-width:100%
}
header.style-1 .hotline{
    align-items:center;
    transition:.35s
}
header.style-1 .hotline .hotline-icon{
    border:1px solid;
    border-color:var(--primary-color1);
    border-radius:50%;
    height:50px;
    width:50px;
    line-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    transition:.35s
}
header.style-1 .hotline .hotline-icon svg{
    fill:var(--primary-color1);
    transition:.35s
}
header.style-1 .hotline .hotline-info span{
    font-size:14px;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
header.style-1 .hotline .hotline-info h6{
    margin-bottom:0
}
header.style-1 .hotline .hotline-info h6 a{
    font-size:20px;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    transition:.35s
}
header.style-1 .hotline .hotline-info h6 a:hover{
    color:var(--primary-color1)
}
header.style-1 .hotline:hover .hotline-icon{
    border-color:var(--primary-color1);
    background-color:#00472c;
}
header.style-1 .hotline:hover .hotline-icon svg{
    fill:var(--white)!important
}
header.style-1 .menu-close-btn i{
    color:var(--white)
}
header.style-1 .nav-right{
    gap:80px
}
@media(max-width:576px){
    header.style-1 .nav-right .primary-btn{
        display:none;
        visibility:hidden
    }
}
@media(max-width:1700px){
    header.style-1 .nav-right{
        gap:30px
    }
}
header.style-1 .nav-right .hotline{
    align-items:center
}
header.style-1 .nav-right .hotline .hotline-icon{
    border:1px solid;
    border-color:#00472c;
    border-radius:50%;
    height:50px;
    width:50px;
    line-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px
}
header.style-1 .nav-right .hotline .hotline-icon svg{
    fill:#00472c;
}
header.style-1 .nav-right .hotline .hotline-info span{
    font-size:14px;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
header.style-1 .nav-right .hotline .hotline-info h6{
    margin-bottom:0
}
header.style-1 .nav-right .hotline .hotline-info h6 a{
    font-size:20px;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    transition:.35s
}
header.style-1 .nav-right .hotline .hotline-info h6 a:hover{
    color:var(--primary-color1)
}
@media(max-width:1500px){
    header.style-1 .nav-right .hotline{
        display:none!important;
        visibility:hidden
    }
}
header.style-1 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
header.style-1 .nav-right .mobile-menu-btn i{
    color:var(--white);
    font-size:25px
}
@media(max-width:991px){
    header.style-1 .nav-right .mobile-menu-btn{
        display:block;
        visibility:visible
    }
}
header.style-1 .main-menu{
    display:inline-block
}
header.style-1 .main-menu .mobile-menu-logo{
    display:none
}
header.style-1 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-1 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 20px
}
@media(min-width:992px) and (max-width:1199px){
    header.style-1 .main-menu ul>li{
        padding:0 10px
    }
}
header.style-1 .main-menu ul>li:hover i{
    color:var(--primary-color1);
    font-size:20px
}
header.style-1 .main-menu ul>li a{
    font-size:15px;
    color:var(--white);
    font-weight:400;
    display:block;
    text-transform:uppercase;
    padding:30px 10px;
    position:relative;
    font-family:var(--font-Jost);
    transition:all .5s ease-out 0s;
    position:relative
}
header.style-1 .main-menu ul>li a:hover{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li a.active{
    color:var(--primary-color1);
    display:inline-block;
    position:relative
}
header.style-1 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--white);
    font-style:normal;
    position:absolute;
    right:-5px;
    top:35px;
    z-index:999;
    cursor:pointer;
    display:none;
    transition:all .5s ease-out 0s;
    opacity:0
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li i{
        opacity:1
    }
}
header.style-1 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    padding:0 10px;
    opacity:0;
    visibility:hidden;
    min-width:220px;
    background:#0b0f14;
    text-align:left;
    transition:all .55s ease-in-out;
    transform:translateY(20px)
}
header.style-1 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-1 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:10px;
    right:6px;
    display:block;
    color:var(--white);
    font-size:20px
}
header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:#fff;
    opacity:1;
    top:16px;
    font-size:14px
}
header.style-1 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    font-size:14px;
    line-height:1;
    transition:all .4s ease-out 0s;
    position:relative
}
header.style-1 .main-menu ul>li ul.sub-menu>li a:hover{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:215px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:#0b0f14;
    top:0
}
@media only screen and (max-width:1199px){
    header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{
        margin-left:10px;
        position:unset;
        max-width:230px;
        min-width:215px;
        background:0 0;
        top:0
    }
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu li i{
    display:block
}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-1 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:400;
    position:absolute;
    top:32px;
    right:10px;
    font-size:13px;
    color:var(--white);
    transition:all .42s ease-in-out
}
@media(min-width:992px) and (max-width:1199px){
    header.style-1 .main-menu ul>li.menu-item-has-children::after{
        right:0
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
header.style-1 .main-menu ul>li:hover a{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li:hover>ul.sub-menu{
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
header.style-1 .main-menu ul>li.active a{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li.active::after{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul li.menu-item-has-children>i{
    display:block
}
@media only screen and (max-width:991px){
    header.style-1 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:var(--title-color-dark);
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-1 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-1 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-1 .main-menu ul{
        float:none;
        text-align:left;
        padding:50px 10px 35px 0
    }
    header.style-1 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-1 .main-menu ul li i{
        display:block
    }
    header.style-1 .main-menu ul li a{
        padding:10px 0;
        display:block;
        font-weight:500;
        font-size:1.125rem
    }
    header.style-1 .main-menu ul li ul.sub-menu{
        position:static;
        min-width:200px;
        background:0 0;
        border:none;
        opacity:1;
        visibility:visible;
        box-shadow:none;
        transform:none;
        transition:none;
        display:none;
        margin-top:0!important;
        transform:translateY(0px)
    }
    header.style-1 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-1 .main-menu ul li ul.sub-menu>li a{
        color:var(--white);
        font-size:17px;
        font-weight:500
    }
    header.style-1 .main-menu ul li ul.sub-menu>li a:hover{
        color:var(--primary-color1);
        margin-left:10px
    }
    header.style-1 .main-menu ul li ul.sub-menu>li a.active{
        color:var(--primary-color1)
    }
    header.style-1 .main-menu ul li ul.sub-menu>li i{
        color:var(--text-primary);
        right:-13px
    }
    header.style-1 .main-menu ul li .bi{
        top:8px;
        font-size:20px
    }
    header.style-1 .mobile-menu{
        position:relative;
        top:2px;
        padding:0 5px;
        border-radius:50%;
        display:inline-block
    }
    header.style-1 .cross-btn{
        display:inline-block!important;
        position:relative;
        width:30px!important;
        height:22px!important;
        cursor:pointer;
        border:3px solid transparent!important
    }
    header.style-1 .cross-btn span{
        width:100%;
        height:2px;
        background:var(--primary-color1);
        display:block;
        position:absolute;
        right:0;
        transition:all .3s
    }
    header.style-1 .cross-btn .cross-top{
        top:0
    }
    header.style-1 .cross-btn .cross-middle{
        top:50%;
        transform:translateY(-50%);
        width:100%
    }
    header.style-1 .cross-btn .cross-bottom{
        bottom:0;
        width:100%
    }
    header.style-1 .cross-btn.h-active span.cross-top{
        transform:rotate(45deg);
        top:50%;
        margin-top:-1px
    }
    header.style-1 .cross-btn.h-active span.cross-middle{
        transform:translateX(-30px);
        opacity:0
    }
    header.style-1 .cross-btn.h-active span.cross-bottom{
        transform:rotate(-45deg);
        bottom:50%;
        margin-bottom:-1px
    }
}
header.style-2{
    width:80%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    z-index:99;
    padding:0 10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    box-shadow:3px 3px 30px rgba(32,35,56,.06);
    background-color:var(--white);
    border-radius:48px
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-2{
        width:90%
    }
}
@media(max-width:1399px){
    header.style-2{
        width:90%
    }
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-2{
        padding:0 2%;
        width:95%
    }
}
@media(min-width:992px) and (max-width:1199px){
    header.style-2{
        padding:0 2%
    }
}
@media(max-width:991px){
    header.style-2{
        left:0;
        transform:unset;
        width:100%
    }
}
@media(min-width:768px) and (max-width:991px){
    header.style-2{
        padding:0 4%
    }
}
@media(max-width:767px){
    header.style-2{
        padding:0 4%
    }
}
header.style-2.sticky{
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:999;
    box-shadow:5px 3px 40px rgba(100,100,100,.1)
}
@media(max-width:991px){
    header.style-2.sticky{
        transform:unset;
        left:0
    }
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-2 .header-logo{
    padding:10px 0
}
@media(max-width:991px){
    header.style-2 .header-logo{
        width:100px;
        padding:20px 0
    }
}
header.style-2 .header-logo img{
    min-width:120px;
    max-width:100%
}
header.style-2 .hotline{
    align-items:center
}
header.style-2 .hotline .hotline-icon{
    border:1px solid;
    border-color:var(--primary-color1);
    border-radius:50%;
    height:50px;
    width:50px;
    line-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px
}
header.style-2 .hotline .hotline-icon svg{
    fill:var(--primary-color1)
}
header.style-2 .hotline .hotline-info span{
    font-size:14px;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
header.style-2 .hotline .hotline-info h6{
    margin-bottom:0
}
header.style-2 .hotline .hotline-info h6 a{
    font-size:20px;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    transition:.35s
}
header.style-2 .hotline .hotline-info h6 a:hover{
    color:var(--primary-color1)
}
header.style-2 .menu-close-btn i{
    color:var(--white)
}
header.style-2 .nav-right{
    gap:80px
}
@media(max-width:1199px){
    header.style-2 .nav-right .primary-btn4{
        display:none;
        visibility:hidden
    }
}
@media(max-width:1700px){
    header.style-2 .nav-right{
        gap:30px
    }
}
header.style-2 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
header.style-2 .nav-right .mobile-menu-btn i{
    color:var(--title-color-dark);
    font-size:25px
}
@media(max-width:991px){
    header.style-2 .nav-right .mobile-menu-btn{
        display:block;
        visibility:visible
    }
}
header.style-2 .main-menu{
    display:inline-block
}
header.style-2 .main-menu .mobile-menu-logo{
    display:none
}
header.style-2 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-2 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 20px
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-2 .main-menu ul>li{
        padding:0 17px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-2 .main-menu ul>li{
        padding:0 15px
    }
}
@media(min-width:992px) and (max-width:1199px){
    header.style-2 .main-menu ul>li{
        padding:0 10px
    }
}
header.style-2 .main-menu ul>li:hover i{
    color:var(--primary-color1);
    font-size:20px
}
header.style-2 .main-menu ul>li a{
    font-size:18px;
    color:var(--title-color-dark);
    font-weight:500;
    display:block;
    text-transform:capitalize;
    padding:30px 10px;
    position:relative;
    font-family:var(--font-Jost);
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li a{
        color:var(--white)
    }
}
header.style-2 .main-menu ul>li a:hover{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li a.active{
    color:var(--primary-color1);
    display:inline-block;
    position:relative
}
header.style-2 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--white);
    font-style:normal;
    position:absolute;
    right:-5px;
    top:35px;
    z-index:999;
    cursor:pointer;
    display:none;
    transition:all .5s ease-out 0s;
    opacity:0
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li i{
        opacity:1
    }
}
header.style-2 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    padding:0 10px;
    opacity:0;
    visibility:hidden;
    min-width:220px;
    background:#fff;
    text-align:left;
    transition:all .55s ease-in-out;
    transform:translateY(20px);
    box-shadow:0 4px 20px rgba(255,255,255,.05)
}
header.style-2 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-2 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:10px;
    right:6px;
    display:block;
    color:var(--white);
    font-size:20px
}
header.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:#09161d;
    opacity:1;
    top:16px;
    font-size:14px
}
header.style-2 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:var(--title-color-dark);
    font-weight:400;
    text-transform:capitalize;
    font-size:16px;
    line-height:1;
    transition:all .4s ease-out 0s;
    position:relative
}
header.style-2 .main-menu ul>li ul.sub-menu>li a:hover{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:215px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:#fff;
    top:0
}
@media only screen and (max-width:1199px){
    header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu{
        margin-left:10px;
        position:unset;
        max-width:230px;
        min-width:215px;
        background:0 0;
        top:0
    }
}
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu li i{
    display:block
}
header.style-2 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-2 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:36px;
    right:10px;
    font-size:13px;
    color:var(--title-color-dark);
    transition:all .42s ease-in-out
}
@media(min-width:992px) and (max-width:1199px){
    header.style-2 .main-menu ul>li.menu-item-has-children::after{
        right:0
    }
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
header.style-2 .main-menu ul>li:hover a{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li:hover>ul.sub-menu{
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
header.style-2 .main-menu ul>li.active a{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li.active::after{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul li.menu-item-has-children>i{
    display:block
}
@media only screen and (max-width:991px){
    header.style-2 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:var(--title-color-dark);
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-2 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-2 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-2 .main-menu ul{
        float:none;
        text-align:left;
        padding:50px 10px 35px 0
    }
    header.style-2 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-2 .main-menu ul li i{
        display:block
    }
    header.style-2 .main-menu ul li a{
        padding:10px 0;
        display:block;
        font-weight:500;
        font-size:1.125rem
    }
    header.style-2 .main-menu ul li ul.sub-menu{
        position:static;
        min-width:200px;
        background:0 0;
        border:none;
        opacity:1;
        visibility:visible;
        box-shadow:none;
        transform:none;
        transition:none;
        display:none;
        margin-top:0!important;
        transform:translateY(0px)
    }
    header.style-2 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-2 .main-menu ul li ul.sub-menu>li a{
        color:var(--white);
        font-size:16px;
        font-weight:400
    }
    header.style-2 .main-menu ul li ul.sub-menu>li a:hover{
        color:var(--primary-color1);
        margin-left:10px
    }
    header.style-2 .main-menu ul li ul.sub-menu>li a.active{
        color:var(--primary-color1)
    }
    header.style-2 .main-menu ul li ul.sub-menu>li i{
        color:var(--text-primary);
        right:-13px
    }
    header.style-2 .main-menu ul li .bi{
        top:8px;
        font-size:20px
    }
    header.style-2 .mobile-menu{
        position:relative;
        top:2px;
        padding:0 5px;
        border-radius:50%;
        display:inline-block
    }
    header.style-2 .cross-btn{
        display:inline-block!important;
        position:relative;
        width:30px!important;
        height:22px!important;
        cursor:pointer;
        border:3px solid transparent!important
    }
    header.style-2 .cross-btn span{
        width:100%;
        height:2px;
        background:var(--primary-color1);
        display:block;
        position:absolute;
        right:0;
        transition:all .3s
    }
    header.style-2 .cross-btn .cross-top{
        top:0
    }
    header.style-2 .cross-btn .cross-middle{
        top:50%;
        transform:translateY(-50%);
        width:100%
    }
    header.style-2 .cross-btn .cross-bottom{
        bottom:0;
        width:100%
    }
    header.style-2 .cross-btn.h-active span.cross-top{
        transform:rotate(45deg);
        top:50%;
        margin-top:-1px
    }
    header.style-2 .cross-btn.h-active span.cross-middle{
        transform:translateX(-30px);
        opacity:0
    }
    header.style-2 .cross-btn.h-active span.cross-bottom{
        transform:rotate(-45deg);
        bottom:50%;
        margin-bottom:-1px
    }
}
header.style-3{
    position:relative;
    z-index:99;
    padding:0 6%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:var(--white);
    border-radius:48px
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-3{
        padding:0 2%
    }
}
@media(min-width:992px) and (max-width:1199px){
    header.style-3{
        padding:0 2%
    }
}
@media(min-width:768px) and (max-width:991px){
    header.style-3{
        padding:0 4%
    }
}
@media(max-width:767px){
    header.style-3{
        padding:0 4%
    }
}
header.style-3.sticky{
    position:fixed;
    top:0;
    width:100%;
    border-radius:0;
    z-index:999;
    box-shadow:5px 3px 40px rgba(100,100,100,.1)
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-3 .header-logo{
    padding:10px 0
}
@media(max-width:991px){
    header.style-3 .header-logo{
        width:100px;
        padding:20px 0
    }
}
header.style-3 .header-logo img{
    min-width:120px;
    max-width:100%
}
header.style-3 .menu-close-btn i{
    color:var(--title-color-dark)
}
header.style-3 .hotline{
    align-items:center
}
header.style-3 .hotline .hotline-icon{
    border:1px solid;
    border-color:var(--primary-color1);
    background-color:var(--primary-color1);
    border-radius:50%;
    height:50px;
    width:50px;
    line-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px
}
header.style-3 .hotline .hotline-icon svg{
    fill:var(--white)
}
header.style-3 .hotline .hotline-info span{
    font-size:14px;
    font-weight:500;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
header.style-3 .hotline .hotline-info h6{
    margin-bottom:0
}
header.style-3 .hotline .hotline-info h6 a{
    font-size:20px;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s
}
header.style-3 .hotline .hotline-info h6 a:hover{
    color:var(--primary-color1)
}
header.style-3 .nav-right{
    gap:80px
}
header.style-3 .nav-right .hotline{
    align-items:center
}
@media(max-width:1399px){
    header.style-3 .nav-right .hotline{
        display:none!important;
        visibility:hidden
    }
}
header.style-3 .nav-right .hotline .hotline-icon{
    border:1px solid;
    border-color:var(--primary-color1);
    background-color:var(--primary-color1);
    border-radius:50%;
    height:50px;
    width:50px;
    line-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:10px
}
header.style-3 .nav-right .hotline .hotline-icon svg{
    fill:var(--white)
}
header.style-3 .nav-right .hotline .hotline-info span{
    font-size:14px;
    font-weight:500;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
header.style-3 .nav-right .hotline .hotline-info h6{
    margin-bottom:0
}
header.style-3 .nav-right .hotline .hotline-info h6 a{
    font-size:20px;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s
}
header.style-3 .nav-right .hotline .hotline-info h6 a:hover{
    color:var(--primary-color1)
}
@media(max-width:767px){
    header.style-3 .nav-right .primary-btn6{
        display:none;
        visibility:hidden
    }
}
@media(max-width:1700px){
    header.style-3 .nav-right{
        gap:30px
    }
}
header.style-3 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
header.style-3 .nav-right .mobile-menu-btn i{
    color:var(--title-color-dark);
    font-size:25px
}
@media(max-width:991px){
    header.style-3 .nav-right .mobile-menu-btn{
        display:block;
        visibility:visible
    }
}
header.style-3 .main-menu{
    display:inline-block
}
header.style-3 .main-menu .mobile-menu-logo{
    display:none
}
header.style-3 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-3 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 20px
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-3 .main-menu ul>li{
        padding:0 16px
    }
}
@media(min-width:992px) and (max-width:1199px){
    header.style-3 .main-menu ul>li{
        padding:0 10px
    }
}
header.style-3 .main-menu ul>li:hover i{
    color:var(--primary-color1);
    font-size:20px
}
header.style-3 .main-menu ul>li a{
    font-size:18px;
    color:var(--title-color-dark);
    font-weight:500;
    display:block;
    text-transform:capitalize;
    padding:34px 10px;
    position:relative;
    font-family:var(--font-Jost);
    transition:all .5s ease-out 0s;
    position:relative
}
header.style-3 .main-menu ul>li a:hover{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li a.active{
    color:var(--primary-color1);
    display:inline-block;
    position:relative
}
header.style-3 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--title-color-dark);
    font-style:normal;
    position:absolute;
    right:-5px;
    top:35px;
    z-index:999;
    cursor:pointer;
    display:none;
    transition:all .5s ease-out 0s;
    opacity:0
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li i{
        opacity:1
    }
}
header.style-3 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    padding:0 10px;
    opacity:0;
    visibility:hidden;
    min-width:220px;
    background:#0b0f14;
    text-align:left;
    transition:all .55s ease-in-out;
    transform:translateY(20px)
}
header.style-3 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-3 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:10px;
    right:6px;
    display:block;
    color:var(--white);
    font-size:20px
}
header.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:#fff;
    opacity:1;
    top:16px;
    font-size:14px;
    transition:all .4s ease-out 0s
}
header.style-3 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:18px 15px;
    color:#fff;
    font-weight:400;
    text-transform:capitalize;
    font-size:16px;
    line-height:1;
    transition:all .4s ease-out 0s;
    position:relative
}
header.style-3 .main-menu ul>li ul.sub-menu>li a:hover{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:215px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:#0b0f14;
    top:0
}
@media only screen and (max-width:1199px){
    header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu{
        margin-left:10px;
        position:unset;
        max-width:230px;
        min-width:215px;
        background:0 0;
        top:0
    }
}
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu li i{
    display:block
}
header.style-3 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-3 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:40px;
    right:10px;
    font-size:13px;
    color:var(--title-color-dark);
    transition:all .42s ease-in-out
}
@media(min-width:992px) and (max-width:1199px){
    header.style-3 .main-menu ul>li.menu-item-has-children::after{
        right:0
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
header.style-3 .main-menu ul>li:hover a{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li:hover>ul.sub-menu{
    visibility:visible;
    opacity:1;
    transform:translateY(0)
}
header.style-3 .main-menu ul>li.active a{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li.active::after{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul li.menu-item-has-children>i{
    display:block
}
@media only screen and (max-width:991px){
    header.style-3 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:var(--white);
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-3 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-3 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-3 .main-menu ul{
        float:none;
        text-align:left;
        padding:60px 10px 50px 0
    }
    header.style-3 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-3 .main-menu ul li i{
        display:block
    }
    header.style-3 .main-menu ul li a{
        padding:10px 0;
        display:block;
        font-weight:500;
        font-size:1.125rem
    }
    header.style-3 .main-menu ul li ul.sub-menu{
        position:static;
        min-width:200px;
        background:0 0;
        border:none;
        opacity:1;
        visibility:visible;
        box-shadow:none;
        transform:none;
        transition:none;
        display:none;
        margin-top:0!important;
        transform:translateY(0px)
    }
    header.style-3 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-3 .main-menu ul li ul.sub-menu>li a{
        color:var(--title-color-dark);
        font-size:16px;
        font-weight:500;
        padding:8px 15px
    }
    header.style-3 .main-menu ul li ul.sub-menu>li a:hover{
        color:var(--primary-color1);
        margin-left:10px
    }
    header.style-3 .main-menu ul li ul.sub-menu>li a.active{
        color:var(--primary-color1)
    }
    header.style-3 .main-menu ul li ul.sub-menu>li i{
        color:var(--text-primary);
        right:-13px
    }
    header.style-3 .main-menu ul li .bi{
        top:9px
    }
    header.style-3 .mobile-menu{
        position:relative;
        top:2px;
        padding:0 5px;
        border-radius:50%;
        display:inline-block
    }
}
.banner-section1{
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%);
    position:relative
}
@media(max-width:576px){
    .banner-section1 .banner-vector{
        display:none;
        visibility:hidden
    }
}
.banner-section1 .banner-vector .vector-top{
    position:absolute;
    left:27%;
    top:20%;
    min-width:170px;
    opacity:.15
}
@media(max-width:991px){
    .banner-section1 .banner-vector .vector-top{
        left:17%
    }
}
.banner-section1 .banner-vector .vector-btm{
    position:absolute;
    right:27%;
    bottom:17%;
    min-width:170px;
    opacity:.15
}
@media(max-width:991px){
    .banner-section1 .banner-vector .vector-btm{
        right:17%
    }
}
@-webkit-keyframes up-down{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(-50px)
    }
    100%{
        transform:translateY(0%)
    }
}
@keyframes up-down{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(-50px)
    }
    100%{
        transform:translateY(0%)
    }
}
@-webkit-keyframes down-up{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(50px)
    }
    100%{
        transform:translateY(0%)
    }
}
@keyframes down-up{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(50px)
    }
    100%{
        transform:translateY(0%)
    }
}
.banner-section1 .swiper-slide-active span{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section1 .swiper-slide-active h1{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section1 .swiper-slide-active h2{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section1 .swiper-slide-active p{
    -webkit-animation:fadeInUp 1.7s;
    animation:fadeInUp 1.7s
}
.banner-section1 .swiper-slide-active .primary-btn2{
    -webkit-animation:fadeInUp 1.7s;
    animation:fadeInUp 1.7s
}
.banner-section1 .swiper-slide{
    transition:.5s
}
.banner-section1 .swiper-btn{
    position:absolute;
    top:50%;
    width:95%;
    left:50%;
    transform:translate(-50%,30%);
    z-index:9
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1 .swiper-btn{
        width:97%
    }
}
@media(max-width:1399px){
    .banner-section1 .swiper-btn{
        width:98%
    }
}
@media(max-width:767px){
    .banner-section1 .swiper-btn{
        top:unset;
        bottom:68px
    }
}
@media(max-width:576px){
    .banner-section1 .swiper-btn{
        top:unset;
        bottom:55px
    }
}
.banner-section1 .swiper-btn .prev-btn-1{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s
}
.banner-section1 .swiper-btn .prev-btn-1 i{
    color:var(--white);
    transition:.35s
}
.banner-section1 .swiper-btn .prev-btn-1:hover{
    background-color:var(--title-color-dark)
}
@media(max-width:576px){
    .banner-section1 .swiper-btn .prev-btn-1{
        height:25px;
        width:25px;
        line-height:25px
    }
    .banner-section1 .swiper-btn .prev-btn-1 i{
        font-size:12px
    }
}
.banner-section1 .swiper-btn .next-btn-1{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s
}
.banner-section1 .swiper-btn .next-btn-1 i{
    color:var(--white);
    transition:.35s
}
.banner-section1 .swiper-btn .next-btn-1:hover{
    background-color:var(--title-color-dark)
}
@media(max-width:576px){
    .banner-section1 .swiper-btn .next-btn-1{
        height:25px;
        width:25px;
        line-height:25px
    }
    .banner-section1 .swiper-btn .next-btn-1 i{
        font-size:12px
    }
}
.banner-section1 .social-area{
    position:absolute;
    right:70px;
    bottom:70px
}
@media(max-width:767px){
    .banner-section1 .social-area{
        display:none;
        visibility:hidden
    }
}
.banner-section1 .social-area ul{
    list-style:none;
    gap:35px
}
.banner-section1 .social-area ul li{
    position:relative
}
.banner-section1 .social-area ul li::after{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#bdb4a4;
    position:absolute;
    left:-18px;
    top:46%
}
.banner-section1 .social-area ul li:first-child::after{
    display:none;
    visibility:hidden
}
.banner-section1 .social-area ul li a{
    font-size:.875rem;
    font-weight:400;
    color:#bdb4a4;
    font-family:var(--font-Jost);
    transition:.35s
}
.banner-section1 .social-area ul li a:hover{
    color:var(--primary-color1)
}
.banner-section1 .banner-wrapper{
    padding:310px 0 240px;
    min-height:100vh
}
@media(max-width:1700px){
    .banner-section1 .banner-wrapper{
        padding:250px 0 190px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper{
        padding:200px 0 140px
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper{
        min-height:unset
    }
}
@media(max-width:576px){
    .banner-section1 .banner-wrapper{
        padding:150px 0 170px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper{
        gap:20px
    }
}
.banner-section1 .banner-wrapper .banner-content{
    max-width:790px;
    width:100%;
    text-align:center;
    padding:0 10px
}
@media(max-width:767px){
    .banner-section1 .banner-wrapper .banner-content{
        max-width:550px;
        margin:0 auto
    }
}
.banner-section1 .banner-wrapper .banner-content span{
    font-size:2.125rem;
    font-weight:400;
    color:var(--primary-color1);
    line-height:1.625rem;
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:15px
}
.banner-section1 .banner-wrapper .banner-content span .right-vec{
    margin-left:10px
}
.banner-section1 .banner-wrapper .banner-content span .left-vec{
    margin-right:10px
}
.banner-section1 .banner-wrapper .banner-content h1{
    font-size:5rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:1.1;
    margin-bottom:35px
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper .banner-content h1{
        font-size:4.5rem
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-wrapper .banner-content h1{
        font-size:3.438rem
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-content h1{
        font-size:3.125rem;
        margin-bottom:25px
    }
}
.banner-section1 .banner-wrapper .banner-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    margin-bottom:55px
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-content p{
        margin-bottom:40px
    }
}
.banner-section1 .banner-wrapper .banner-content .primary-btn2{
    padding:15px 25px
}
.banner-section1 .banner-wrapper .banner-left-img{
    position:relative
}
@media(max-width:1700px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:350px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:300px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:250px
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:230px
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:190px
    }
}
@media(max-width:767px){
    .banner-section1 .banner-wrapper .banner-left-img{
        position:absolute;
        bottom:0;
        left:0
    }
}
@media(max-width:576px){
    .banner-section1 .banner-wrapper .banner-left-img img{
        width:150px
    }
}
.banner-section1 .banner-wrapper .banner-left-img .food-img{
    position:absolute;
    top:17px;
    right:15px;
    -webkit-animation:CSSright 60s linear infinite running;
    animation:CSSright 60s linear infinite running
}
.banner-section1 .banner-wrapper .banner-left-img .food-img:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
@media(max-width:1700px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:250px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:210px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:170px
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:155px
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:122px
    }
}
@media(max-width:576px){
    .banner-section1 .banner-wrapper .banner-left-img .food-img{
        top:5px;
        right:5px
    }
    .banner-section1 .banner-wrapper .banner-left-img .food-img img{
        width:112px
    }
}
.banner-section1 .banner-wrapper .banner-right-img{
    position:relative
}
@media(max-width:1700px){
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:350px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:300px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:250px
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:230px
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:190px
    }
}
@media(max-width:767px){
    .banner-section1 .banner-wrapper .banner-right-img{
        position:absolute;
        bottom:0;
        right:0
    }
}
@media(max-width:576px){
    .banner-section1 .banner-wrapper .banner-right-img{
        bottom:0;
        right:0;
        bottom:0
    }
    .banner-section1 .banner-wrapper .banner-right-img img{
        width:150px
    }
}
.banner-section1 .banner-wrapper .banner-right-img .food-img{
    position:absolute;
    top:17px;
    left:15px;
    -webkit-animation:CSSright 60s linear infinite running;
    animation:CSSright 60s linear infinite running
}
.banner-section1 .banner-wrapper .banner-right-img .food-img:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
@media(max-width:1700px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:250px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:210px
    }
}
@media(max-width:1399px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:170px
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:155px
    }
}
@media(max-width:991px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:122px
    }
}
@media(max-width:576px){
    .banner-section1 .banner-wrapper .banner-right-img .food-img{
        top:5px;
        left:5px
    }
    .banner-section1 .banner-wrapper .banner-right-img .food-img img{
        width:112px
    }
}
@-webkit-keyframes CSSright{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes CSSright{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.banner-section2{
    background:linear-gradient(90.28deg,#000000 0.23%,#09161D 100.33%);
    position:relative
}
.banner-section2 .swiper-slide-active span{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section2 .swiper-slide-active h1{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section2 .swiper-slide-active h2{
    -webkit-animation:fadeInDown 1.7s;
    animation:fadeInDown 1.7s
}
.banner-section2 .swiper-slide-active p{
    -webkit-animation:fadeInUp 1.7s;
    animation:fadeInUp 1.7s
}
.banner-section2 .swiper-slide-active .primary-btn2{
    -webkit-animation:fadeInUp 1.7s;
    animation:fadeInUp 1.7s
}
.banner-section2 .swiper-slide{
    transition:.5s
}
@media(max-width:576px){
    .banner-section2 .banner-vector{
        display:none;
        visibility:hidden
    }
}
.banner-section2 .banner-vector .pagination-bg{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.banner-section2 .banner-vector .rect-shape1{
    position:absolute;
    right:45%;
    top:25%;
    -webkit-animation:up-down 5s linear infinite alternate;
    animation:up-down 5s linear infinite alternate
}
.banner-section2 .banner-vector .rect-shape2{
    position:absolute;
    left:35%;
    bottom:20%;
    -webkit-animation:up-down 5s linear infinite alternate;
    animation:up-down 5s linear infinite alternate
}
.banner-section2 .banner-vector .circle{
    position:absolute;
    right:10%;
    top:20%;
    -webkit-animation:up-down 7s linear infinite alternate;
    animation:up-down 7s linear infinite alternate
}
@keyframes up-down{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(-50px)
    }
    100%{
        transform:translateY(0%)
    }
}
@keyframes down-up{
    0%{
        transform:translateY(0%)
    }
    50%{
        transform:translateY(50px)
    }
    100%{
        transform:translateY(0%)
    }
}
.banner-section2 .banner-wrapper{
    position:relative;
    width:90%;
    margin:0 auto;
    padding:310px 0 240px;
    min-height:100vh
}
@media(max-width:1700px){
    .banner-section2 .banner-wrapper{
        padding:250px 0 190px
    }
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper{
        padding:200px 0 80px
    }
}
@media(max-width:991px){
    .banner-section2 .banner-wrapper{
        min-height:unset;
        padding:200px 0 130px
    }
}
@media(max-width:576px){
    .banner-section2 .banner-wrapper{
        padding:200px 0 130px
    }
}
@media(max-width:1399px){
    .banner-section2 .banner-wrapper{
        gap:20px
    }
}
.banner-section2 .banner-wrapper .banner-content{
    max-width:755px;
    width:100%;
    margin-left:150px
}
@media(max-width:1700px){
    .banner-section2 .banner-wrapper .banner-content{
        margin-left:0
    }
}
@media(max-width:1500px){
    .banner-section2 .banner-wrapper .banner-content{
        max-width:550px
    }
}
@media(max-width:991px){
    .banner-section2 .banner-wrapper .banner-content{
        margin:0 auto;
        text-align:center
    }
}
.banner-section2 .banner-wrapper .banner-content span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    line-height:1.625rem;
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:15px
}
.banner-section2 .banner-wrapper .banner-content span .right-vec{
    margin-left:10px
}
.banner-section2 .banner-wrapper .banner-content span .left-vec{
    margin-right:10px
}
.banner-section2 .banner-wrapper .banner-content h1{
    font-size:5rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:1.1;
    margin-bottom:35px
}
@media(max-width:1500px){
    .banner-section2 .banner-wrapper .banner-content h1{
        font-size:3.6rem
    }
}
@media(max-width:991px){
    .banner-section2 .banner-wrapper .banner-content h1{
        font-size:3.125rem;
        margin-bottom:25px
    }
}
.banner-section2 .banner-wrapper .banner-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    margin-bottom:55px
}
@media(max-width:991px){
    .banner-section2 .banner-wrapper .banner-content p{
        margin-bottom:40px
    }
}
.banner-section2 .banner-wrapper .banner-content .primary-btn2{
    padding:15px 25px
}
.banner-section2 .banner-wrapper .banner-right{
    position:relative;
    display:flex;
    margin-top:-50px
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper .banner-right{
        gap:20px
    }
}
@media(max-width:991px){
    .banner-section2 .banner-wrapper .banner-right{
        display:none;
        visibility:hidden
    }
}
.banner-section2 .banner-wrapper .banner-right .h2-banner-img1{
    padding:0 15px
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper .banner-right .h2-banner-img1{
        width:220px;
        height:220px;
        min-width:220px;
        padding:0
    }
}
.banner-section2 .banner-wrapper .banner-right .h2-banner-img3{
    padding:0 15px
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper .banner-right .h2-banner-img3{
        width:220px;
        height:220px;
        padding:0
    }
}
.banner-section2 .banner-wrapper .banner-right .h2-banner-img2{
    position:absolute;
    left:180px;
    top:-150px
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper .banner-right .h2-banner-img2{
        width:220px;
        height:220px;
        left:120px;
        top:-110px
    }
}
.banner-section2 .banner-wrapper .banner-right .h2-banner-img4{
    position:absolute;
    left:133px;
    top:150px
}
@media(max-width:1199px){
    .banner-section2 .banner-wrapper .banner-right .h2-banner-img4{
        max-width:220px;
        height:220px;
        left:120px;
        top:110px
    }
}
@keyframes CSSright{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.banner-section2 .swiper-pagination-g{
    display:flex;
    flex-direction:column;
    gap:20px;
    position:absolute;
    left:55px;
    top:46%
}
@media(max-width:1700px){
    .banner-section2 .swiper-pagination-g{
        left:20px
    }
}
@media(max-width:576px){
    .banner-section2 .swiper-pagination-g{
        display:none;
        visibility:hidden
    }
}
.banner-section2 .swiper-pagination-g .swiper-pagination-bullet{
    height:14px;
    width:14px;
    border-radius:2px;
    transform:rotate(-45deg);
    background-color:var(--primary-color1);
    opacity:.5;
    position:relative
}
.banner-section2 .swiper-pagination-g .swiper-pagination-bullet::after{
    content:"";
    height:20px;
    width:20px;
    border:1px solid #bf9444;
    border-radius:2px;
    position:absolute;
    left:-3px;
    top:-3px
}
.banner-section2 .swiper-pagination-g .swiper-pagination-bullet-active{
    opacity:1
}
.home1-introduction-area{
    max-width:90%;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.home1-introduction-area .into-left-img{
    border-radius:10px 0
}
.home1-introduction-area .into-left-img img{
    border-radius:10px 0;
    width:100%
}
.home1-introduction-area .our-mission{
    display:flex;
    align-items:center;
    margin-top:-15px;
    margin-bottom:30px
}
@media(max-width:991px){
    .home1-introduction-area .our-mission{
        margin-top:0
    }
}
@media(max-width:576px){
    .home1-introduction-area .our-mission{
        display:block
    }
}
.home1-introduction-area .our-mission .icon{
    max-width:190px;
    width:100%;
    border:1px solid #eee;
    border-radius:10px 0;
    padding:20px 30px;
    position:relative;
    margin-right:24px
}
@media(max-width:576px){
    .home1-introduction-area .our-mission .icon{
        margin-bottom:20px
    }
}
.home1-introduction-area .our-mission .icon::after{
    content:"";
    width:61px;
    height:1px;
    background-color:#eee;
    position:absolute;
    left:64px;
    top:32px
}
.home1-introduction-area .our-mission .icon h4{
    font-size:1.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0;
    padding-top:10px
}
.home1-introduction-area .our-mission .description{
    max-width:630px;
    width:100%
}
.home1-introduction-area .our-mission .description p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.home1-introduction-area .intro-right{
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:767px){
    .home1-introduction-area .intro-right{
        display:block
    }
}
.home1-introduction-area .intro-right .intro-right-img{
    border-radius:10px 0
}
@media(max-width:767px){
    .home1-introduction-area .intro-right .intro-right-img{
        display:none;
        visibility:hidden
    }
}
.home1-introduction-area .intro-right .intro-right-img img{
    border-radius:10px 0
}
.home1-introduction-area .intro-right .features-author{
    margin-right:20px
}
@media(max-width:767px){
    .home1-introduction-area .intro-right .features-author{
        margin-right:0
    }
}
.home1-introduction-area .intro-right .features-author .intro-features{
    display:flex;
    align-items:center;
    gap:70px
}
@media(max-width:576px){
    .home1-introduction-area .intro-right .features-author .intro-features{
        display:block
    }
}
.home1-introduction-area .intro-right .features-author .intro-features ul{
    margin:0;
    padding:0;
    list-style:none
}
.home1-introduction-area .intro-right .features-author .intro-features ul li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:10px
}
.home1-introduction-area .intro-right .features-author .intro-features ul li i{
    margin-right:10px;
    font-size:16px;
    color:var(--primary-color1)
}
.home1-introduction-area .intro-right .features-author .author-area{
    padding-top:30px
}
.home1-introduction-area .intro-right .features-author .author-area .author-content{
    border:1px solid #eee;
    max-width:650px;
    padding:20px 45px;
    border-radius:10px;
    margin-bottom:25px;
    position:relative
}
@media(max-width:576px){
    .home1-introduction-area .intro-right .features-author .author-area .author-content{
        padding:20px
    }
}
.home1-introduction-area .intro-right .features-author .author-area .author-content::after{
    content:"";
    height:35px;
    width:35px;
    background-color:var(--white);
    border:1px solid #eee;
    position:absolute;
    bottom:-18px;
    left:83px;
    transform:rotate(45deg);
    border-left:none;
    border-top:none
}
@media(max-width:576px){
    .home1-introduction-area .intro-right .features-author .author-area .author-content::after{
        left:15px
    }
}
.home1-introduction-area .intro-right .features-author .author-area .author-content p{
    margin-bottom:0;
    font-size:1.5rem;
    font-weight:300;
    color:var(--text-color1);
    line-height:1.4
}
.home1-introduction-area .intro-right .features-author .author-area .author-img-name{
    margin-left:70px;
    display:flex;
    align-items:center;
    padding-top:5px
}
@media(max-width:576px){
    .home1-introduction-area .intro-right .features-author .author-area .author-img-name{
        margin-left:0
    }
}
.home1-introduction-area .intro-right .features-author .author-area .author-img-name .author-img{
    border-radius:50%;
    margin-right:20px
}
.home1-introduction-area .intro-right .features-author .author-area .author-img-name .author-img img{
    border-radius:50%
}
.home1-introduction-area .intro-right .features-author .author-area .author-img-name .author-name h4{
    margin-bottom:5px;
    font-size:1.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
.home1-introduction-area .intro-right .features-author .author-area .author-img-name .author-name span{
    font-size:.875rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-jost)
}
.new-items1 .new-items-wrap1{
    border:var(--border);
    border-radius:10px;
    background:#fafafa;
    padding:75px 40px;
    height:100%
}
@media(max-width:1399px){
    .new-items1 .new-items-wrap1{
        height:unset;
        padding:75px 30px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .new-items1 .new-items-wrap1{
        padding:50px 12px
    }
}
.new-items1 .new-items-wrap1 .items-content>span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    display:inline-block;
    background-color:var(--primary-color1);
    border-radius:5px 0;
    padding:4px 14px;
    margin-bottom:20px
}
.new-items1 .new-items-wrap1 .items-content h3{
    margin-bottom:25px
}
.new-items1 .new-items-wrap1 .items-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:36px
}
.new-items1 .new-items-wrap1 .items-content .descount-area{
    border-width:1px;
    border-style:solid;
    border-color:var(--primary-color1);
    border-radius:10px;
    max-width:235px;
    width:100%;
    margin:0 auto;
    padding:17px 25px
}
@media(max-width:1399px){
    .new-items1 .new-items-wrap1 .items-content .descount-area{
        padding:15px 20px
    }
}
.new-items1 .new-items-wrap1 .items-content .descount-area h3{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:36px;
    margin-bottom:0
}
.new-items1 .new-items-wrap1 .items-content .descount-area span{
    font-size:3.5rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-cormorant);
    line-height:36px;
    display:inline-block
}
.new-items1 .new-items-wrap2{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    background-color:var(--white);
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:10px;
    padding:25px 50px
}
.new-items1 .new-items-wrap2 img{
    border-radius:50%;
    -webkit-animation:CSSright 60s linear infinite running;
    animation:CSSright 60s linear infinite running
}
.new-items1 .new-items-wrap2 .items-img{
    position:relative
}
.new-items1 .new-items-wrap2 .items-img .price{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-2px
}
.new-items1 .new-items-wrap2 .items-img .price span{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    background-color:var(--white);
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:5px 0;
    padding:5px 23px;
    white-space:nowrap
}
.new-items1 .new-items-wrap2 .content h3{
    margin-bottom:0;
    padding-top:35px
}
.new-items1 .new-items-wrap2 .content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    line-height:36px;
    font-family:var(--font-cormorant);
    transition:.35s
}
.new-items1 .new-items-wrap2 .content h3 a:hover{
    color:var(--primary-color1)
}
.new-items1 .new-items-wrap3{
    position:relative;
    border-radius:10px
}
.new-items1 .new-items-wrap3 .items-img{
    border-radius:10px
}
@media(max-width:576px){
    .new-items1 .new-items-wrap3 .items-img img{
        width:100%
    }
}
.new-items1 .new-items-wrap3 .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(9,22,29,.75);
    border-radius:10px
}
.new-items1 .new-items-wrap3 .overlay .items-content>span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:10px
}
.new-items1 .new-items-wrap3 .overlay .items-content>span .left-vec{
    margin-right:6px
}
.new-items1 .new-items-wrap3 .overlay .items-content>span .right-vec{
    margin-left:6px
}
.new-items1 .new-items-wrap3 .overlay .items-content h3{
    margin-bottom:30px
}
.new-items1 .new-items-wrap3 .overlay .items-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:36px;
    transition:.35s
}
.new-items1 .new-items-wrap3 .overlay .items-content h3 a:hover{
    color:var(--primary-color1)
}
.new-items1 .new-item-sm-slider{
    max-width:710px;
    width:100%;
    margin:0 auto
}
@media(max-width:991px){
    .new-items1 .new-item-sm-slider{
        max-width:627px
    }
}
@media(max-width:767px){
    .new-items1 .new-item-sm-slider{
        max-width:498px
    }
}
@media(max-width:576px){
    .new-items1 .new-item-sm-slider{
        max-width:320px
    }
}
.new-items1 .new-item-sm-slider .new-items-sm-img{
    cursor:pointer
}
.new-items1 .new-item-sm-slider .new-items-sm-img img{
    max-width:100px;
    width:100%;
    border-radius:50%
}
.new-items1 .new-item-sm-slider .swiper-slide-thumb-active .new-items-sm-img{
    position:relative;
    border-radius:50%
}
.new-items1 .new-item-sm-slider .swiper-slide-thumb-active .new-items-sm-img::after{
    content:"";
    background-color:rgba(9,22,29,.5);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    border-radius:50%
}
.new-items1 .swiper-btn{
    position:absolute;
    top:50%;
    width:80%;
    left:50%;
    transform:translate(-50%,-50%)
}
@media(max-width:767px){
    .new-items1 .swiper-btn{
        display:none;
        visibility:hidden
    }
}
.new-items1 .swiper-btn .prev-btn-2{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:transparent;
    border-width:1px;
    border-style:solid;
    border-color:var(--primary-color1);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:.35s;
    cursor:pointer
}
.new-items1 .swiper-btn .prev-btn-2 i{
    color:var(--primary-color1);
    font-size:20px;
    transform:.35s
}
.new-items1 .swiper-btn .prev-btn-2:hover{
    background-color:var(--primary-color1)
}
.new-items1 .swiper-btn .prev-btn-2:hover i{
    color:var(--white)
}
.new-items1 .swiper-btn .next-btn-2{
    height:42px;
    width:42px;
    line-height:42px;
    border-radius:50%;
    background-color:transparent;
    border-width:1px;
    border-style:solid;
    border-color:var(--primary-color1);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:.35s;
    cursor:pointer
}
.new-items1 .swiper-btn .next-btn-2 i{
    color:var(--primary-color1);
    font-size:20px;
    transform:.35s
}
.new-items1 .swiper-btn .next-btn-2:hover{
    background-color:var(--primary-color1)
}
.new-items1 .swiper-btn .next-btn-2:hover i{
    color:var(--white)
}
.popular-items1{
    background-color:#FBF5D5;
}
@media(max-width:991px){
    .popular-items1{
        padding:90px 0
    }
}
.popular-items1 .section-title h2{
    color:var(--white)
}
@media(max-width:767px){
    .popular-items1 .popular-item-warp{
        max-width:410px;
        margin:0 auto
    }
}
.popular-items1 .popular-item-warp .item-img{
    position:relative;
    display:flex;
    justify-content:center;
    transition:.35s
}
.popular-items1 .popular-item-warp .item-img .price-tag{
    position:absolute;
    left:57px;
    top:15px
}
@media(max-width:1399px){
    .popular-items1 .popular-item-warp .item-img .price-tag{
        left:25px
    }
}
@media(max-width:1199px){
    .popular-items1 .popular-item-warp .item-img .price-tag{
        left:15px
    }
}
@media(max-width:767px){
    .popular-items1 .popular-item-warp .item-img .price-tag{
        left:50px
    }
}
.popular-items1 .popular-item-warp .item-img .price-tag svg{
    fill:var(--white);
    transition:.35s
}
.popular-items1 .popular-item-warp .item-img .price-tag span{
    font-size:22px;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.35s
}
.popular-items1 .popular-item-warp .item-img:hover .price-tag svg{
    fill:var(--primary-color1)
}
.popular-items1 .popular-item-warp .item-img:hover .price-tag span{
    color:var(--white)
}
.popular-items1 .popular-item-warp .item-content{
    padding:135px 60px 40px;
    border-width:1px;
    border-style:solid;
    border-color:rgba(238,238,238,.3);
    border-radius:25px 0;
    margin-top:-105px;
    background:#864A13;
}
.popular-items1 .popular-item-warp .item-content .review-area{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px
}
.popular-items1 .popular-item-warp .item-content .review-area ul{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    list-style:none;
    gap:5px
}
.popular-items1 .popular-item-warp .item-content .review-area ul li i{
    color:var(--primary-color1)
}
.popular-items1 .popular-item-warp .item-content .review-area span{
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,.7);
    margin-left:10px
}
.popular-items1 .popular-item-warp .item-content h3{
    margin-bottom:10px
}
.popular-items1 .popular-item-warp .item-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    line-height:2.25rem;
    font-family:var(--font-cormorant);
    transition:.35s
}
.popular-items1 .popular-item-warp .item-content h3 a:hover{
    color:var(--primary-color1)
}
.popular-items1 .popular-item-warp .item-content p{
    margin-bottom:0;
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8);
    line-height:1.875rem;
    font-family:var(--font-Jost)
}
.popular-items1 .slider-pagination{
    position:relative;
    display:flex;
    justify-content:center
}
.popular-items1 .slider-pagination .swiper-pagination-xyz{
    bottom:0;
    width:unset
}
.popular-items1 .slider-pagination .swiper-pagination-xyz .swiper-pagination-bullet{
    height:12px;
    width:12px;
    background-color:var(--primary-color1);
    position:relative;
    margin:0 10px
}
.popular-items1 .slider-pagination .swiper-pagination-xyz .swiper-pagination-bullet::after{
    content:"";
    height:18px;
    width:18px;
    border-radius:50%;
    border:1px solid var(--primary-color1);
    position:absolute;
    left:-3px;
    top:-3px
}
.menu-list-area1{
    position:relative
}
.load-more-btn a{
    padding:10px 46px
}
.pt-60{
    padding-top:60px
}
.menu-wrapper1{
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:4px;
    background-color:#fafafa;
    position:relative;
    z-index:1
}
.menu-wrapper1 .section-title{
    margin-bottom:40px
}
.menu-wrapper1 .section-title h2{
    font-size:2.81rem;
    line-height:3.37rem
}
.menu-wrapper1 .menu-top-left{
    position:absolute;
    left:0;
    top:0;
    z-index:-1
}
.menu-wrapper1 .menu-top-right{
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.menu-wrapper1 .menu-btm-right{
    position:absolute;
    right:0;
    bottom:0;
    z-index:-1
}
.menu-wrapper1 .menu-btm-left{
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1
}
.menu-wrapper1 .menu-list ul{
    padding:0 50px;
    margin:0
}
@media(max-width:576px){
    .menu-wrapper1 .menu-list ul{
        padding:60px 20px
    }
}
.menu-wrapper1 .menu-list ul li{
    display:flex;
    margin-bottom:15px
}
.menu-wrapper1 .menu-list ul li .sl{
    margin-right:10px
}
.menu-wrapper1 .menu-list ul li .sl span{
    display:inline-block;
    font-size:1.125rem;
    font-weight:600;
    color:#000;
    font-family:var(--font-Jost)
}
.menu-wrapper1 .menu-list ul li .menu-content{
    width:100%
}
.menu-wrapper1 .menu-list ul li .menu-content p{
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    line-height:1.438rem
}
.menu-wrapper1 .menu-list ul li .menu-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:5px
}
.menu-wrapper1 .menu-list ul li .menu-title h4{
    margin-bottom:0;
    font-size:1.5rem;
    font-weight:700;
    color:#000;
    line-height:29px;
    font-family:var(--font-cormorant)
}
@media(min-width:992px) and (max-width:1199px){
    .menu-wrapper1 .menu-list ul li .menu-title .dot img{
        max-width:120px
    }
}
@media(max-width:576px){
    .menu-wrapper1 .menu-list ul li .menu-title .dot img{
        max-width:112px
    }
}
.menu-wrapper1 .menu-list ul li .menu-title .price{
    font-size:1.125rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
.menu-wrapper1 .menu-list .notice-location{
    padding:40px 50px;
    text-align:center
}
@media(max-width:576px){
    .menu-wrapper1 .menu-list .notice-location{
        padding:0 20px 20px
    }
}
.menu-wrapper1 .menu-list .notice-location h4{
    font-size:1rem;
    font-weight:500;
    color:#000;
    font-family:var(--font-Jost)
}
.menu-wrapper1 .menu-list .notice-location h4 span{
    font-style:1.25rem;
    font-weight:700;
    color:#e00000
}
.food-orgin{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    height:100%;
    background-image:url(../images/bg/indian-menu-bg.html);
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:1;
    padding:150px 0
}
.food-orgin.two{
    background-image:url(../images/bg/italian-menu-bg.html)
}
.food-orgin.three{
    background-image:url(../images/bg/regular-menu-bg.html)
}
.food-orgin .resturent-name{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:75px
}
.food-orgin .resturent-name h2{
    -webkit-text-stroke:1px rgba(255,255,255,.25);
    color:transparent;
    letter-spacing:0 .5rem;
    padding:0
}
.food-orgin::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(9,22,29,.6);
    z-index:-1
}
.food-orgin h2{
    margin-bottom:0;
    font-size:3.75rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    padding:40px 0
}
.menu-divider{
    width:85%;
    display:flex;
    padding:55px 0;
    align-items:center;
    margin:0 auto
}
@media(max-width:1399px){
    .menu-divider{
        width:97%
    }
}
.menu-divider span{
    display:inline-block;
    width:100%;
    height:1px;
    background-color:#eee
}
.best-offer-area1 .best-offer-wrap{
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:5px;
    padding:40px
}
@media(max-width:576px){
    .best-offer-area1 .best-offer-wrap{
        padding:20px
    }
}
.best-offer-area1 .best-offer-wrap::after{
    content:"";
    clear:both;
    display:table
}
.best-offer-area1 .best-offer-wrap .best-offer-content{
    padding-top:10px
}
.best-offer-area1 .best-offer-wrap .best-offer-content h3{
    margin-bottom:5px;
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:2.25rem;
    transition:.35s
}
.best-offer-area1 .best-offer-wrap .best-offer-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.875rem;
    margin-bottom:20px
}
.best-offer-area1 .best-offer-wrap .best-offer-content .features{
    margin:0;
    padding-left:1rem;
    padding-top:15px
}
.best-offer-area1 .best-offer-wrap .best-offer-content .features li{
    font-size:1rem;
    font-weight:500;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.875rem
}
.best-offer-area1 .best-offer-wrap .best-offer-img{
    float:right;
    position:relative
}
@media(min-width:768px) and (max-width:991px){
    .best-offer-area1 .best-offer-wrap .best-offer-img{
        float:unset;
        margin-bottom:20px
    }
}
@media(max-width:576px){
    .best-offer-area1 .best-offer-wrap .best-offer-img{
        float:unset;
        margin-bottom:20px
    }
}
@media(max-width:1399px){
    .best-offer-area1 .best-offer-wrap .best-offer-img img{
        max-width:200px
    }
}
@media(max-width:1199px){
    .best-offer-area1 .best-offer-wrap .best-offer-img img{
        max-width:180px
    }
}
.best-offer-area1 .best-offer-wrap .best-offer-img .price-tag{
    height:64px;
    width:64px;
    line-height:64px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    border-width:1px;
    border-style:dashed;
    border-color:var(--primary-color1);
    border-radius:50%;
    background-color:var(--white)
}
.best-offer-area1 .best-offer-wrap .best-offer-img .price-tag span{
    font-size:1.5rem;
    font-weight:600;
    color:var(--primary-color1);
    line-height:1.875rem;
    display:inline-block;
    position:relative;
    z-index:1
}
.testimonial-area1{
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%);
    padding:110px 10px 370px
}
@media(max-width:991px){
    .testimonial-area1{
        padding:80px 0 250px
    }
}
.testimonial-area1 .testimonial-img-slider{
    margin-right:40px;
    margin-left:-40px;
    height:290px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    padding:10px
}
@media(max-width:767px){
    .testimonial-area1 .testimonial-img-slider{
        position:relative;
        top:0;
        transform:translateY(0%);
        height:unset;
        margin-left:auto;
        height:unset;
        margin-bottom:30px;
        margin-right:auto;
        max-width:280px
    }
}
@media(max-width:576px){
    .testimonial-area1 .testimonial-img-slider{
        position:relative
    }
}
.testimonial-area1 .testimonial-img-slider .testimonial-img img{
    border-radius:50%
}
.testimonial-area1 .testimonial-img-slider .swiper-slide-thumb-active{
    position:relative
}
.testimonial-area1 .testimonial-img-slider .swiper-slide-thumb-active::after{
    content:"";
    height:84px;
    width:84px;
    border-radius:50%;
    border:1px dashed #bf9444;
    position:absolute;
    left:-5px;
    top:-5px;
    -webkit-animation:CSS22right 20s linear infinite running;
    animation:CSS22right 20s linear infinite running
}
.testimonial-area1 .testimonial-content-slider{
    padding-right:40px;
    margin-right:-40px;
    margin-left:70px
}
@media(min-width:768px) and (max-width:991px){
    .testimonial-area1 .testimonial-content-slider{
        margin-right:0
    }
}
@media(max-width:767px){
    .testimonial-area1 .testimonial-content-slider{
        padding:0 10px;
        margin:0;
        padding-bottom:35px
    }
}
.testimonial-area1 .testimonial-content-slider .testimonial-content{
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:10px;
    padding:50px 35px;
    position:relative
}
@media(max-width:576px){
    .testimonial-area1 .testimonial-content-slider .testimonial-content{
        padding:50px 15px
    }
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review .author-name h4{
    font-size:1.5rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:35px;
    margin-bottom:0
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review .author-name span{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8);
    font-family:var(--font-Jost);
    line-height:35px;
    display:inline-block;
    position:relative
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review .author-name span::after{
    content:"";
    width:65px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    right:-75px;
    top:18px
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review .review ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .author-name-review .review ul li i{
    color:var(--primary-color1)
}
.testimonial-area1 .testimonial-content-slider .testimonial-content p{
    font-size:1.5rem;
    font-weight:300;
    color:var(--white);
    font-family:var(--font-Jost);
    line-height:36px;
    margin-bottom:0
}
.testimonial-area1 .testimonial-content-slider .testimonial-content .quoat{
    height:70px;
    width:70px;
    line-height:70;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#050504;
    border:1px solid rgba(238,238,238,.25);
    border-radius:50%;
    position:absolute;
    bottom:25px;
    right:-35px
}
@media(max-width:767px){
    .testimonial-area1 .testimonial-content-slider .testimonial-content .quoat{
        right:0;
        bottom:-35px
    }
}
.testimonial-area1 .swiper-slide{
    transition:.5s
}
.testimonial-area1 .section-title{
    margin-left:22px
}
@media(max-width:991px){
    .testimonial-area1 .section-title{
        margin-left:0;
        margin-bottom:60px;
        text-align:center
    }
}
.testimonial-area1 .section-title h2{
    color:var(--white)
}
.testimonial-area1 .section-title p{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8);
    margin-bottom:0;
    padding-top:5px
}
.testimonial-video-area{
    margin-top:-270px
}
@media(max-width:991px){
    .testimonial-video-area{
        margin-top:-140px
    }
}
@media(max-width:576px){
    .testimonial-video-area{
        margin-top:-170px
    }
}
.testimonial-video-area .testi-video-wrap{
    position:relative
}
@media(max-width:767px){
    .testimonial-video-area .testi-video-wrap img{
        min-height:300px
    }
}
.testimonial-video-area .testi-video-wrap .video-icon{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.testimonial-video-area .testi-video-wrap .video-icon a i{
    font-size:80px;
    color:#fff;
    transition:.35s
}
.testimonial-video-area .testi-video-wrap .video-icon a i:hover{
    color:var(--primary-color1)
}
@-webkit-keyframes CSS22right{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes CSS22right{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@media(max-width:576px){
    .cooking-expert-area .cooking-expart-wrap{
        max-width:350px;
        margin:0 auto
    }
}
.cooking-expert-area .cooking-expart-wrap .exparts-img{
    position:relative;
    border-radius:10px
}
.cooking-expert-area .cooking-expart-wrap .exparts-img img{
    border-radius:10px;
    width:100%
}
.cooking-expert-area .cooking-expart-wrap .exparts-img::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    border-radius:10px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(100% 5%,100% 100%,5% 100%,94% 94%);
    clip-path:polygon(100% 5%,100% 100%,5% 100%,94% 94%);
    transition:.5s
}
.cooking-expert-area .cooking-expart-wrap .exparts-img::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(95% 0,0 0,0 95%,6% 6%);
    clip-path:polygon(95% 0,0 0,0 95%,6% 6%);
    transition:.5s
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area{
    position:absolute;
    top:40px;
    right:40px
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area .share-icon{
    height:36px;
    width:36px;
    line-height:36px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    margin-bottom:10px;
    transition:.5s;
    cursor:pointer
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area .share-icon i{
    color:var(--primary-color1);
    font-size:20px
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area ul{
    margin:0;
    padding:0;
    list-style:none;
    transition:.5s;
    transform:scaleY(0);
    transform-origin:top;
    visibility:hidden;
    margin-top:-45px;
    opacity:0
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area ul li{
    margin-bottom:10px
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area ul li a{
    height:36px;
    width:36px;
    line-height:36px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    transition:.5s
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area ul li a i{
    color:rgba(94,94,94,.5);
    font-size:20px;
    transition:.5s
}
.cooking-expert-area .cooking-expart-wrap .exparts-img .social-area ul li a i:hover{
    color:var(--primary-color1)
}
.cooking-expert-area .cooking-expart-wrap .exparts-img:hover::after{
    opacity:0
}
.cooking-expert-area .cooking-expart-wrap .exparts-img:hover::before{
    opacity:0
}
.cooking-expert-area .cooking-expart-wrap .exparts-img:hover ul{
    transform:scale(1);
    visibility:visible;
    opacity:1;
    margin-top:0
}
.cooking-expert-area .cooking-expart-wrap .exparts-img:hover .share-icon{
    background-color:var(--primary-color1)
}
.cooking-expert-area .cooking-expart-wrap .exparts-img:hover .share-icon i{
    color:var(--white)
}
.cooking-expert-area .cooking-expart-wrap .exparts-content{
    padding:20px 0 0
}
.cooking-expert-area .cooking-expart-wrap .exparts-content h3{
    margin-bottom:5px
}
.cooking-expert-area .cooking-expart-wrap .exparts-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.cooking-expert-area .cooking-expart-wrap .exparts-content h3 a:hover{
    color:var(--primary-color1)
}
.cooking-expert-area .cooking-expart-wrap .exparts-content p{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.gallery-slider1{
    cursor:-webkit-grab
}
.gallery-slider1 .gallery2-img{
    z-index:99
}
.gallery-slider1 .swiper-slide:nth-child(odd){
    transform:scaleX(1.1)
}
.gallery-slider1 .swiper-slide:nth-child(even){
    transform:scaleX(.9)
}
.gallery-slider1 .gallery-wrap img{
    border-radius:10px
}
.gallery-slider1 .gallery-wrap .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(9,22,29,.6);
    border-radius:10px;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-in
}
.gallery-slider1 .gallery-wrap .overlay .items-content{
    padding:0 10px
}
.gallery-slider1 .gallery-wrap .overlay .items-content>span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:10px
}
.gallery-slider1 .gallery-wrap .overlay .items-content>span .left-vec{
    margin-right:6px
}
.gallery-slider1 .gallery-wrap .overlay .items-content>span .right-vec{
    margin-left:6px
}
.gallery-slider1 .gallery-wrap .overlay .items-content h3{
    margin-bottom:30px;
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:36px;
    transition:.35s
}
.gallery-slider1 .gallery-wrap:hover .overlay{
    transform:scaleX(1);
    transform-origin:left
}
.news-wrap .post-thum{
    border-radius:10px;
    position:relative;
    overflow:hidden
}
.news-wrap .post-thum img{
    border-radius:10px;
    transition:.35s
}
@media(max-width:767px){
    .news-wrap .post-thum img{
        width:100%
    }
}
.news-wrap .post-thum .batch{
    position:absolute;
    left:0;
    top:20px
}
.news-wrap .post-thum .batch a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    background-color:var(--primary-color1);
    border-radius:5px 0;
    padding:4px 13px;
    display:inline-block;
    transition:.35s ease all
}
.news-wrap .post-thum .batch a:hover{
    color:var(--primary-color1);
    background-color:var(--white)
}
.news-wrap .news-content{
    padding-top:25px
}
.news-wrap .news-content .news-meta{
    display:flex;
    align-items:center;
    gap:90px;
    margin-bottom:15px
}
@media(min-width:992px) and (max-width:1199px){
    .news-wrap .news-content .news-meta{
        gap:50px
    }
}
.news-wrap .news-content .news-meta .publisher a,.news-wrap .news-content .news-meta .comment a{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(var(--text-color1),0.7);
    transition:.35s;
    display:flex;
    align-items:center
}
.news-wrap .news-content .news-meta .publisher a img,.news-wrap .news-content .news-meta .comment a img{
    vertical-align:text-top;
    margin-right:5px
}
.news-wrap .news-content .news-meta .publisher a:hover,.news-wrap .news-content .news-meta .comment a:hover{
    color:var(--primary-color1)
}
.news-wrap .news-content .news-meta .publisher{
    position:relative
}
.news-wrap .news-content .news-meta .publisher::after{
    content:"";
    width:56px;
    height:2px;
    background-color:#eee;
    position:absolute;
    right:-70px;
    top:12px
}
@media(min-width:992px) and (max-width:1199px){
    .news-wrap .news-content .news-meta .publisher::after{
        width:30px;
        right:-40px
    }
}
.news-wrap .news-content h3{
    margin-bottom:0
}
.news-wrap .news-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.news-wrap .news-content h3 a:hover{
    color:var(--primary-color1);
    text-decoration:underline
}
.news-wrap:hover .post-thum img{
    transform:scale(1.05)
}
footer{
    background-image:linear-gradient(rgba(9,22,29,0.9),rgba(9,22,29,0.9)),url(../images/bg/footer-bg.html);
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
footer .footer-top{
    padding-top:100px;
    padding-bottom:100px
}
@media(max-width:767px){
    footer .footer-top .footer-widget{
        text-align:center
    }
}
footer .footer-top .footer-widget .widget-title{
    margin-bottom:25px
}
footer .footer-top .footer-widget .widget-title h3{
    font-size:1.875;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant)
}
footer .footer-top .footer-widget .menu-container{
    display:flex;
    gap:50px
}
@media(max-width:767px){
    footer .footer-top .footer-widget .menu-container{
        justify-content:center
    }
}
footer .footer-top .footer-widget .menu-container ul{
    list-style:none;
    margin:0;
    padding:0
}
footer .footer-top .footer-widget .menu-container ul li{
    margin-bottom:10px;
    margin-left:30px;
    transition:.35s;
    position:relative;
    transform:translateX(-30px)
}
footer .footer-top .footer-widget .menu-container ul li a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--light-text);
    font-family:var(--font-jost);
    transition:.35s
}
footer .footer-top .footer-widget .menu-container ul li:last-child{
    margin-bottom:0
}
footer .footer-top .footer-widget .menu-container ul li::after{
    content:"";
    width:20px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    left:-30px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    transition:.35s
}
footer .footer-top .footer-widget .menu-container ul li:hover{
    transform:translateX(0)
}
footer .footer-top .footer-widget .menu-container ul li:hover::after{
    opacity:1
}
footer .footer-top .footer-widget .menu-container ul li:hover a{
    color:var(--primary-color1)
}
footer .footer-top .social-area{
    width:300px;
    height:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    border-radius:50%;
    border:1px solid;
    border-color:rgba(255,255,255,.15)
}
@media(max-width:767px){
    footer .footer-top .social-area{
        margin:0 auto
    }
}
footer .footer-top .social-area .footer-logo p{
    font-family:var(--font-Jost);
    font-weight:700;
    font-size:1.125rem;
    letter-spacing:.2em;
    color:var(--white);
    opacity:.8;
    margin-bottom:0;
    padding-top:17px
}
footer .footer-top .social-area .footer-logo span{
    display:inline-block;
    position:relative
}
footer .footer-top .social-area .footer-logo span::before{
    content:"";
    width:84px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    left:-95px;
    top:13px
}
footer .footer-top .social-area .footer-logo span::after{
    content:"";
    width:84px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    right:-95px;
    top:13px
}
footer .footer-top .social-area .footer-social{
    padding-top:20px
}
footer .footer-top .social-area .footer-social ul{
    margin:0;
    padding:0;
    list-style:none;
    gap:15px
}
footer .footer-top .social-area .footer-social ul li a{
    height:30px;
    width:30px;
    line-height:30;
    border-radius:50%;
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #bf9444;
    transition:.35s
}
footer .footer-top .social-area .footer-social ul li a i{
    color:var(--white)
}
footer .footer-top .social-area .footer-social ul li a:hover{
    background-color:var(--primary-color1)
}
footer .footer-top .contact-info .single-contact{
    margin-bottom:13px;
    display:flex
}
@media(max-width:767px){
    footer .footer-top .contact-info .single-contact{
        justify-content:center
    }
}
footer .footer-top .contact-info .single-contact .title{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    display:inline-block;
    margin-right:10px
}
footer .footer-top .contact-info .single-contact .content a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--light-text);
    font-family:var(--font-Jost);
    display:inline-block;
    transition:.35s;
    text-align:start
}
footer .footer-top .contact-info .single-contact .content a:hover{
    color:var(--primary-color1)
}
footer .footer-btm .border-ttop{
    border-top:1px solid rgba(255,255,255,.15);
    padding:10px 0
}
@media(max-width:767px){
    footer .footer-btm .copyright-area{
        text-align:center
    }
}
footer .footer-btm .copyright-area p{
    margin:0;
    font-size:1rem;
    font-weight:400;
    color:var(--light-text);
    font-family:var(--font-Jost)
}
footer .footer-btm .copyright-area p a{
    font-size:1rem;
    font-weight:400;
    color:var(--light-text);
    transition:.35s
}
footer .footer-btm .copyright-area p a:hover{
    color:var(--primary-color1)
}
footer .footer-btm .privacy-policy p{
    font-size:1rem;
    font-weight:400;
    color:var(--light-text);
    margin:0
}
footer .footer-btm .privacy-policy p a{
    font-size:1rem;
    font-weight:400;
    color:var(--light-text);
    font-family:var(--font-Jost);
    transition:.35s
}
footer .footer-btm .privacy-policy p a:hover{
    color:var(--primary-color1)
}
.h2-product-area{
    width:85%;
    margin:0 auto
}
.h2-product-area .product-wrap{
    display:flex;
    align-items:center;
    justify-content:center
}
.h2-product-area .product-wrap .product-img{
    z-index:9
}
.h2-product-area .product-wrap .product-img img{
    -webkit-animation:CSSright 60s linear infinite running;
    animation:CSSright 60s linear infinite running
}
.h2-product-area .product-wrap .product-img img:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
.h2-product-area .product-wrap .product-content{
    max-width:270px;
    width:100%;
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    border-radius:5px;
    padding:20px 15px 20px 110px;
    margin-left:-90px;
    z-index:4
}
.h2-product-area .product-wrap .product-content h4{
    margin-bottom:0
}
.h2-product-area .product-wrap .product-content h4 a{
    font-size:1.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.h2-product-area .product-wrap .product-content h4 a:hover{
    color:var(--primary-color1)
}
.h2-product-area .product-wrap .product-content p{
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.h2-about-area{
    width:85%;
    margin:0 auto;
    display:flex;
    align-items:center
}
@media(max-width:1199px){
    .h2-about-area{
        width:95%
    }
}
@media(max-width:991px){
    .h2-about-area{
        display:block;
        width:85%
    }
}
.h2-about-area .about-left{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:-50px;
    max-width:620px;
    width:100%;
    margin-right:30px
}
@media(max-width:991px){
    .h2-about-area .about-left{
        display:none;
        visibility:hidden
    }
}
@media(max-width:1500px){
    .h2-about-area .about-left img{
        width:240px
    }
}
@media(max-width:1199px){
    .h2-about-area .about-left img{
        width:200px
    }
}
.h2-about-area .about-left .h2-about-img3{
    margin-top:20px
}
.h2-about-area .about-left .h2-about-img2{
    position:absolute;
    left:258px;
    top:-64px
}
@media(max-width:1500px){
    .h2-about-area .about-left .h2-about-img2{
        left:132px;
        top:-115px
    }
}
@media(max-width:1199px){
    .h2-about-area .about-left .h2-about-img2{
        left:113px;
        top:-95px
    }
}
.h2-about-area .about-left .h2-about-img4{
    position:absolute;
    left:225px;
    bottom:-120px
}
@media(max-width:1500px){
    .h2-about-area .about-left .h2-about-img4{
        left:122px;
        bottom:-124px
    }
}
@media(max-width:1199px){
    .h2-about-area .about-left .h2-about-img4{
        left:102px;
        bottom:-106px
    }
}
.h2-about-area .about-left2{
    display:none;
    visibility:hidden;
    margin-bottom:50px
}
@media(max-width:991px){
    .h2-about-area .about-left2{
        display:block;
        visibility:visible
    }
}
.h2-about-area .about-right{
    max-width:710px;
    width:100%;
    margin-left:auto;
    margin-right:200px
}
@media(max-width:1700px){
    .h2-about-area .about-right{
        margin-right:50px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .h2-about-area .about-right{
        margin-right:0
    }
}
@media(max-width:991px){
    .h2-about-area .about-right{
        margin:0
    }
}
.h2-about-area .about-right .section-title h2{
    line-height:1.1
}
@media(min-width:1400px) and (max-width:1599px){
    .h2-about-area .about-right .section-title h2{
        font-size:3.5rem
    }
}
@media(max-width:1500px){
    .h2-about-area .about-right .section-title h2{
        font-size:3.2rem
    }
}
@media(max-width:1399px){
    .h2-about-area .about-right .section-title h2{
        font-size:2.5rem
    }
}
.h2-about-area .about-right .section-title p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0;
    line-height:30px;
    padding-top:10px
}
.h2-about-area .about-right .about-featurs{
    padding-top:30px;
    margin-bottom:25px
}
.h2-about-area .about-right .about-featurs ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:50px
}
@media(max-width:1399px){
    .h2-about-area .about-right .about-featurs ul{
        flex-wrap:wrap;
        gap:0
    }
}
.h2-about-area .about-right .about-featurs ul li{
    display:flex;
    align-items:flex-start
}
@media(max-width:1399px){
    .h2-about-area .about-right .about-featurs ul li{
        margin-right:20px
    }
}
.h2-about-area .about-right .about-featurs ul li .features-img{
    height:60px;
    width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #bf9444;
    border-radius:5px;
    margin-right:20px;
    margin-top:2px
}
.h2-about-area .about-right .about-featurs ul li .features-content{
    max-width:180px
}
.h2-about-area .about-right .about-featurs ul li .features-content h4{
    font-size:1.563rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:5px;
    line-height:1
}
.h2-about-area .about-right .about-featurs ul li .features-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.h2-about-area .about-right .about-featurs ul li:last-child{
    margin-right:0
}
.h2-reguler-item{
    background-image:linear-gradient(rgba(9,22,29,0.8),rgba(9,22,29,0.8)),url(../images/bg/h2-regular-items-bg.html);
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding:80px 0
}
.h2-reguler-item .section-title h2{
    color:var(--white)
}
.h2-reguler-item .section-title p{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8);
    margin-bottom:0
}
.h2-reguler-item .reguler-items-wrap .item-img{
    position:relative
}
.h2-reguler-item .reguler-items-wrap .item-img img{
    border-radius:10px
}
.h2-reguler-item .reguler-items-wrap .item-img .price{
    position:absolute;
    left:48.3%;
    bottom:40px;
    transform:translateX(-50%)
}
@media(max-width:1399px){
    .h2-reguler-item .reguler-items-wrap .item-img .price{
        left:50%;
        bottom:37px
    }
}
.h2-reguler-item .reguler-items-wrap .item-img .price h5{
    position:relative;
    z-index:1;
    transition:.35s
}
.h2-reguler-item .reguler-items-wrap .item-img .price h5:after{
    content:"";
    height:60px;
    width:60px;
    background-color:var(--white);
    border-radius:10px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    z-index:-1;
    transition:.35s
}
.h2-reguler-item .reguler-items-wrap .item-img .price h5:hover{
    color:var(--white)
}
.h2-reguler-item .reguler-items-wrap .item-img .price h5:hover:after{
    background-color:var(--primary-color1)
}
.h2-reguler-item .reguler-items-wrap .reguler-items-content{
    max-width:280px;
    margin:0 auto;
    text-align:center;
    padding-top:15px
}
.h2-reguler-item .reguler-items-wrap .reguler-items-content h3{
    margin-bottom:10px
}
.h2-reguler-item .reguler-items-wrap .reguler-items-content h3 a{
    font-size:2rem;
    font-weight:700;
    color:var(--white);
    line-height:1.1;
    font-family:var(--font-cormorant);
    transition:.35s
}
.h2-reguler-item .reguler-items-wrap .reguler-items-content h3 a:hover{
    color:var(--primary-color1)
}
.h2-reguler-item .reguler-items-wrap .reguler-items-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    opacity:.8;
    font-family:var(--font-Jost);
    margin-bottom:0
}
.h2-reguler-item .slider-btn{
    position:absolute;
    left:0;
    top:35%
}
@media(min-width:992px) and (max-width:1199px){
    .h2-reguler-item .slider-btn{
        top:33%
    }
}
.h2-reguler-item .slider-btn .prev-btn-3,.h2-reguler-item .slider-btn .next-btn-3{
    height:34px;
    width:34px;
    background-color:var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.h2-reguler-item .slider-btn .prev-btn-3 i,.h2-reguler-item .slider-btn .next-btn-3 i{
    font-size:30px;
    color:var(--white);
    transition:.35s
}
.h2-reguler-item .slider-btn .prev-btn-3:hover,.h2-reguler-item .slider-btn .next-btn-3:hover{
    background-color:var(--white)
}
.h2-reguler-item .slider-btn .prev-btn-3:hover i,.h2-reguler-item .slider-btn .next-btn-3:hover i{
    color:var(--primary-color1)
}
@media(max-width:767px){
    .h2-reguler-item .slider-btn .prev-btn-3,.h2-reguler-item .slider-btn .next-btn-3{
        display:none;
        visibility:hidden
    }
}
.h2-reguler-item .slider-btn .next-btn-3{
    position:absolute;
    right:-80px
}
@media(max-width:1500px){
    .h2-reguler-item .slider-btn .next-btn-3{
        right:-30px
    }
}
@media(max-width:1399px){
    .h2-reguler-item .slider-btn .next-btn-3{
        right:-40px
    }
}
@media(max-width:1199px){
    .h2-reguler-item .slider-btn .next-btn-3{
        right:-30px
    }
}
@media(max-width:991px){
    .h2-reguler-item .slider-btn .next-btn-3{
        right:-50px
    }
}
.h2-reguler-item .slider-btn .prev-btn-3{
    position:absolute;
    left:-80px
}
@media(max-width:1500px){
    .h2-reguler-item .slider-btn .prev-btn-3{
        left:-30px
    }
}
@media(max-width:1399px){
    .h2-reguler-item .slider-btn .prev-btn-3{
        left:-40px
    }
}
@media(max-width:1199px){
    .h2-reguler-item .slider-btn .prev-btn-3{
        left:-30px
    }
}
@media(max-width:991px){
    .h2-reguler-item .slider-btn .prev-btn-3{
        left:-50px
    }
}
.mb-sm-25{
    margin-bottom:25px
}
.food-items2-wrap .food-img{
    position:relative;
    border-radius:10px 10px 0 0
}
.food-items2-wrap .food-img img{
    border-radius:10px 10px 0 0;
    transition:.35s
}
@media(max-width:576px){
    .food-items2-wrap .food-img img{
        width:100%
    }
}
.food-items2-wrap .food-img .cart-icon{
    position:absolute;
    top:20px;
    right:0;
    transition:transform .4s ease-in;
    transform:scaleX(0);
    transform-origin:right
}
.food-items2-wrap .food-img .cart-icon a{
    background-color:var(--white);
    border-radius:50px 0 0 50px;
    padding:6px 20px;
    transition:.35s
}
.food-items2-wrap .food-img .cart-icon a i{
    transition:.35s;
    color:var(--title-color-dark)
}
.food-items2-wrap .food-img .cart-icon a:hover{
    background-color:var(--primary-color1)
}
.food-items2-wrap .food-img .cart-icon a:hover i{
    color:var(--white)
}
.food-items2-wrap .food-img .batch{
    position:absolute;
    top:20px;
    right:0
}
.food-items2-wrap .food-img .batch a{
    font-size:1.375rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    background-color:var(--white);
    border-radius:50px 0 0 50px;
    padding:6px 20px
}
.food-items2-wrap .food-img .pric-tag{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-18px
}
.food-items2-wrap .food-img .pric-tag span{
    display:inline-block;
    font-size:1.375rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    padding:0 35px;
    background:var(--white);
    border:1px solid #eee;
    border-radius:50px
}
.food-items2-wrap .food-img::before{
    content:"";
    background:rgba(255,255,255,.2);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-in
}
.food-items2-wrap .food-content{
    padding-top:45px;
    padding-bottom:25px;
    text-align:center;
    border:1px solid #eee;
    border-radius:0 0 10px 10px
}
.food-items2-wrap .food-content ul{
    list-style:none;
    margin-bottom:10px
}
.food-items2-wrap .food-content ul li i{
    color:var(--primary-color1)
}
.food-items2-wrap .food-content h3{
    margin-bottom:10px
}
.food-items2-wrap .food-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:1.1;
    max-width:300px;
    margin:0 auto;
    transition:.35s
}
.food-items2-wrap .food-content h3 a:hover{
    color:var(--primary-color1)
}
.food-items2-wrap .food-content p{
    font-size:1.125;
    font-weight:400;
    color:var(--text-color1);
    line-height:1.8;
    max-width:250px;
    margin:0 auto
}
.food-items2-wrap:hover .food-img::before{
    transform:scaleX(1);
    transform-origin:left
}
.food-items2-wrap:hover .food-img .cart-icon{
    transform:scaleX(1)
}
.h2-special-gallery .h2-gallery{
    padding:15px 0 0
}
.h2-special-gallery .portfolio-img .gallery-img{
    position:relative
}
.h2-special-gallery .portfolio-img .gallery-img .overlay{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(359.58deg,#002133 0.39%,rgba(0,33,51,0) 51.47%);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .4s ease-in
}
.h2-special-gallery .portfolio-img .gallery-img:hover .overlay{
    transform:scaleX(1);
    transform-origin:left
}
.h2-special-gallery .swiper-slide:nth-child(odd) .portfolio-img{
    transform:scaleX(.9)
}
.h2-special-gallery .swiper-slide:nth-child(odd) .portfolio-img .gallery-img{
    transform:scaleX(.9);
    overflow:hidden
}
.h2-special-gallery .swiper-slide:nth-child(odd) .portfolio-img .gallery-img>img{
    min-height:270px
}
.h2-special-gallery .swiper-slide:nth-child(even) .portfolio-img{
    transform:scaleX(1.2)
}
.h2-special-gallery .swiper-slide:nth-child(even) .portfolio-img .gallery-img{
    margin-top:-15px;
    transform:scaleX(1.2)
}
.h2-special-gallery .swiper-slide:nth-child(even) .portfolio-img .gallery-img>img{
    min-height:300px
}
.best-chef-wrap .chef-img{
    overflow:hidden;
    border-radius:10px 10px 0 0
}
.best-chef-wrap .chef-img img{
    border-radius:10px 10px 0 0;
    transition:.35s
}
@media(max-width:767px){
    .best-chef-wrap .chef-img img{
        width:100%
    }
}
.best-chef-wrap .Chef-content{
    border:1px solid #eee;
    border-radius:0 0 10px 10px;
    padding:20px 25px 25px
}
.best-chef-wrap .Chef-content h3{
    margin-bottom:5px
}
.best-chef-wrap .Chef-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.best-chef-wrap .Chef-content h3 a:hover{
    color:var(--primary-color1)
}
.best-chef-wrap .Chef-content p{
    margin-bottom:10px;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-jost)
}
.best-chef-wrap .Chef-content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:45px
}
.best-chef-wrap .Chef-content ul li{
    position:relative
}
.best-chef-wrap .Chef-content ul li::after{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:rgba(191,148,68,.3);
    position:absolute;
    left:-25px;
    top:50%;
    transform:translateY(-50%);
    transform:.35s
}
.best-chef-wrap .Chef-content ul li a i{
    font-size:20px;
    color:var(--text-color1);
    transform:.35s
}
.best-chef-wrap .Chef-content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.best-chef-wrap .Chef-content ul li:hover::after{
    background-color:#bf9444
}
.best-chef-wrap .Chef-content ul li:hover a i{
    color:var(--primary-color1)
}
.best-chef-wrap:hover .chef-img img{
    transform:scale(1.05)
}
.h2-reservarion-area{
    background-image:linear-gradient(rgba(9,22,29,0.75),rgba(9,22,29,0.75)),url(../images/bg/h2-reservation-bg.html);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    padding:80px 0;
    position:relative;
    z-index:1
}
@media(max-width:991px){
    .h2-reservarion-area{
        background-position:right
    }
}
.h2-reservarion-area .bg-vector{
    position:absolute;
    left:0;
    top:0;
    z-index:-1
}
@media(max-width:767px){
    .h2-reservarion-area .sm-mb-25{
        margin-bottom:25px
    }
}
.h2-reservarion-area .section-title h2{
    color:var(--white)
}
.h2-reservarion-area form .form-inner input{
    width:100%;
    background:#09161d;
    border:1px solid rgba(238,238,238,.2);
    border-radius:50px;
    height:55px;
    padding:20px;
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5);
    font-family:var(--font-Jost)
}
.h2-reservarion-area form .form-inner input::-moz-placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.h2-reservarion-area form .form-inner input:-ms-input-placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.h2-reservarion-area form .form-inner input::placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.h2-reservarion-area form .form-inner input:focus{
    border:1px solid rgba(191,148,68,.5)
}
.h2-reservarion-area form .form-inner button{
    width:100%;
    border-radius:50px;
    background-color:var(--primary-color1);
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-Jost);
    height:55px;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.h2-reservarion-area form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--white);
    z-index:-1
}
.h2-reservarion-area form .form-inner button:hover{
    color:var(--primary-color1)
}
.h2-reservarion-area form .form-inner button:hover i::before{
    content:"\f134"
}
.h2-reservarion-area form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.h2-reservarion-area form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.h2-reservarion-area form .form-inner.date-icon{
    position:relative
}
.h2-reservarion-area form .form-inner.date-icon::after{
    content:url(../images/icon/date.svg);
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    line-height:1
}
.h2-reservarion-area form .form-inner .time-select{
    border-radius:50px
}
.h2-blog-card .blog-img{
    padding:0 22px;
    position:relative;
    transition:.35s
}
.h2-blog-card .blog-img img{
    border-radius:10px
}
@media(max-width:767px){
    .h2-blog-card .blog-img img{
        width:100%
    }
}
.h2-blog-card .blog-img .batch{
    height:60px;
    width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--white);
    border-radius:10px;
    position:absolute;
    top:15px;
    right:37px;
    transition:.35s
}
.h2-blog-card .blog-img .batch a{
    font-size:1rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    text-align:center;
    line-height:1;
    transition:.35s
}
.h2-blog-card .blog-img .batch a span{
    font-size:1.5rem;
    font-weight:600;
    line-height:1
}
.h2-blog-card .blog-img:hover .batch{
    background-color:var(--primary-color1)
}
.h2-blog-card .blog-img:hover .batch a{
    color:var(--white)
}
.h2-blog-card .blog-content{
    border:1px solid #eee;
    border-radius:10px;
    padding:95px 30px 30px;
    text-align:center;
    margin-top:-65px
}
@media(max-width:576px){
    .h2-blog-card .blog-content{
        padding:95px 20px 30px
    }
}
.h2-blog-card .blog-content .blog-meta{
    margin-bottom:10px
}
.h2-blog-card .blog-content .blog-meta a{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    margin-left:35px;
    position:relative;
    transition:.35s
}
.h2-blog-card .blog-content .blog-meta a::after{
    content:"";
    width:25px;
    height:1px;
    background-color:var(--text-color1);
    position:absolute;
    left:-35px;
    top:50%;
    transform:translateY(-50%);
    transition:.35s
}
.h2-blog-card .blog-content .blog-meta a:hover{
    color:var(--primary-color1)
}
.h2-blog-card .blog-content .blog-meta a:hover::after{
    background-color:var(--primary-color1)
}
.h2-blog-card .blog-content h3{
    margin-bottom:25px
}
.h2-blog-card .blog-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.h2-blog-card .blog-content h3 a:hover{
    color:var(--primary-color1)
}
.h2-blog-card .blog-content .read-more-btn{
    display:inline-block
}
.h2-blog-card .blog-content .read-more-btn a{
    border:1px solid #bf9444;
    border-radius:50px;
    padding:0 20px;
    display:inline-block;
    min-width:80px;
    transition:.35s;
    overflow:hidden;
    font-size:1rem;
    font-weight:500;
    color:var(--primary-color1)
}
.h2-blog-card .blog-content .read-more-btn a span{
    display:inline-block;
    transform:translateX(-40px);
    transition:.35s;
    padding-top:2px
}
.h2-blog-card .blog-content .read-more-btn a span:first-child{
    opacity:0;
    transition:.35s
}
.h2-blog-card .blog-content .read-more-btn a i{
    font-size:25px;
    color:var(--primary-color1);
    vertical-align:middle;
    transform:translateX(-100px)
}
.h2-blog-card .blog-content .read-more-btn a:hover span{
    transform:translateX(13px)
}
.h2-blog-card .blog-content .read-more-btn a:hover span:first-child{
    opacity:1
}
.h2-blog-card .blog-content .read-more-btn a:hover span:last-child{
    opacity:0
}
.h2-blog-card:hover .read-more-btn{
    display:inline-block
}
.h2-blog-card:hover .read-more-btn a span{
    transform:translateX(13px)
}
.h2-blog-card:hover .read-more-btn a span:first-child{
    opacity:1
}
.h2-blog-card:hover .read-more-btn a span:last-child{
    opacity:0
}
.home3-banner{
    position:relative
}
.home3-banner .social-area{
    background-image:url(../images/icon/h3-social-bg.svg);
    background-repeat:no-repeat;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:9;
    width:66px
}
@media(max-width:767px){
    .home3-banner .social-area{
        display:none;
        visibility:hidden
    }
}
.home3-banner .social-area ul{
    margin:0;
    padding:100px 0;
    list-style:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:15px
}
.home3-banner .social-area ul li a{
    color:var(--white);
    height:26px;
    width:26px;
    line-height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #bf9444;
    border-radius:50%;
    transition:.35s
}
.home3-banner .social-area ul li a i{
    font-size:16px
}
.home3-banner .social-area ul li a:hover{
    background-color:var(--primary-color1)
}
.home3-banner .open-time{
    background-color:var(--title-color-dark);
    background-repeat:no-repeat;
    display:flex;
    justify-content:center;
    max-width:1107px;
    width:100%;
    margin:0 auto;
    position:absolute;
    bottom:0;
    z-index:9;
    left:50%;
    transform:translateX(-50%);
    height:50px
}
@media(max-width:1399px){
    .home3-banner .open-time{
        max-width:750px
    }
}
@media(max-width:991px){
    .home3-banner .open-time{
        max-width:650px
    }
}
@media(max-width:767px){
    .home3-banner .open-time{
        display:none;
        visibility:hidden
    }
}
.home3-banner .open-time .left-vect{
    position:absolute;
    left:-103px
}
@media(max-width:991px){
    .home3-banner .open-time .left-vect{
        display:none;
        visibility:hidden
    }
}
.home3-banner .open-time .right-vect{
    position:absolute;
    right:-103px
}
@media(max-width:991px){
    .home3-banner .open-time .right-vect{
        display:none;
        visibility:hidden
    }
}
.home3-banner .open-time p{
    padding:4px 0;
    font-size:1.5rem;
    font-weight:600;
    color:#6d6f70;
    font-family:var(--font-cormorant)
}
@media(max-width:991px){
    .home3-banner .open-time p{
        font-size:1.3rem
    }
}
.home3-banner .open-time .left-vec{
    margin-right:8px
}
.home3-banner .open-time .right-vec{
    margin-left:8px
}
.home3-banner .video-wrap{
    position:relative
}
.home3-banner .video-wrap::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(9,22,29,.6);
    z-index:1
}
.home3-banner .video-wrap video{
    width:100%;
    position:relative
}
@media(max-width:991px){
    .home3-banner .video-wrap video{
        min-height:600px;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
.home3-banner .banner-content{
    max-width:870px;
    width:100%;
    margin:0 auto;
    position:absolute;
    z-index:9;
    padding:0 20px
}
.home3-banner .banner-content span{
    font-size:1.25;
    font-weight:400;
    color:var(--primary-color1);
    display:inline-block
}
.home3-banner .banner-content span .left-vec{
    margin-right:8px
}
.home3-banner .banner-content span .right-vec{
    margin-left:8px
}
.home3-banner .banner-content h1{
    font-size:5.313rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    padding-top:10px;
    margin-bottom:30px
}
@media(max-width:576px){
    .home3-banner .banner-content h1{
        font-size:3.3rem;
        line-height:1.1
    }
}
.introduction-area .introduction-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    padding-top:10px
}
.introduction-area .introduction-content .about-features{
    max-width:450px;
    width:100%;
    padding-top:20px;
    margin-bottom:25px;
    display:flex;
    justify-content:space-between
}
@media(max-width:576px){
    .introduction-area .introduction-content .about-features{
        display:block;
        justify-content:start
    }
}
.introduction-area .introduction-content .about-features ul{
    margin:0;
    padding:0;
    list-style:none
}
.introduction-area .introduction-content .about-features ul li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:26px;
    margin-bottom:10px
}
.introduction-area .introduction-content .about-features ul li:nth-child(odd){
    margin-right:60px
}
.introduction-area .introduction-content .about-features ul li i{
    color:var(--primary-color1);
    font-size:14px;
    margin-right:10px
}
.introduction-area .introduction-content .achievement{
    margin-bottom:35px
}
.introduction-area .introduction-content .achievement h5{
    font-size:1.125rem;
    font-weight:500;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:10px
}
.introduction-area .introduction-content .achievement ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:15px
}
.introduction-area .introduction-content .achievement ul li{
    opacity:.5;
    position:relative;
    transition:.35s
}
.introduction-area .introduction-content .achievement ul li img{
    margin-bottom:14px
}
.introduction-area .introduction-content .achievement ul li .award-name{
    position:absolute;
    left:50%;
    transform:translateX(-50%)
}
.introduction-area .introduction-content .achievement ul li .award-name a{
    font-size:1rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-jost);
    border:1px solid #eee;
    padding:1px 10px;
    display:inline-block;
    position:relative;
    opacity:0;
    transition:.35s;
    white-space:nowrap
}
.introduction-area .introduction-content .achievement ul li .award-name a::after{
    content:"\f235";
    font-family:bootstrap-icons;
    color:#d9d9d9;
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%)
}
.introduction-area .introduction-content .achievement ul li:hover{
    opacity:1
}
.introduction-area .introduction-content .achievement ul li:hover .award-name a{
    opacity:1
}
.introduction-area .h3-into-img-big{
    position:relative
}
@media(max-width:991px){
    .introduction-area .h3-into-img-big{
        display:flex;
        justify-content:center
    }
}
.introduction-area .h3-into-img-big .h3-into-img-sm{
    position:absolute;
    bottom:60px;
    left:-38%
}
@media(max-width:1399px){
    .introduction-area .h3-into-img-big .h3-into-img-sm{
        left:-30%
    }
}
@media(max-width:991px){
    .introduction-area .h3-into-img-big .h3-into-img-sm{
        display:none;
        visibility:hidden
    }
}
.h3-facilities .h3-facilities-card{
    border:1px solid #eee;
    padding:32px 30px;
    position:relative;
    transition:.5s;
    overflow:hidden
}
.h3-facilities .h3-facilities-card>h3{
    font-size:1.875rem;
    font-weight:600;
    color:#000;
    font-family:var(--font-cormorant);
    margin-bottom:35px;
    padding-top:3px
}
.h3-facilities .h3-facilities-card .facilities-img{
    border-radius:50%;
    position:relative;
    max-width:130px;
    margin:0 auto
}
.h3-facilities .h3-facilities-card .facilities-img::after{
    content:"";
    border:2px dashed #bf9444;
    width:130px;
    height:130px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:-7px;
    -webkit-animation:CSS22right 30s linear infinite running;
    animation:CSS22right 30s linear infinite running
}
.h3-facilities .h3-facilities-card .facilities-img img{
    border-radius:50%
}
.h3-facilities .h3-facilities-card p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:30px;
    padding-top:25px;
    margin-bottom:0
}
.h3-facilities .h3-facilities-card .overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:0;
    transition:.35s ease-in-out;
    transform:rotateY(-180deg)
}
.h3-facilities .h3-facilities-card .overlay .overlay-img{
    position:relative;
    height:100%
}
.h3-facilities .h3-facilities-card .overlay .overlay-img img{
    width:100%;
    height:100%
}
.h3-facilities .h3-facilities-card .overlay .overlay-img::after{
    content:"";
    background-color:rgba(9,22,29,.85);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.h3-facilities .h3-facilities-card .overlay .overlay-content{
    position:absolute;
    z-index:9;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align:start;
    padding:30px 20px;
    flex-direction:column;
    display:flex;
    justify-content:center
}
.h3-facilities .h3-facilities-card .overlay .overlay-content>h3{
    font-size:1.875rem;
    font-weight:600;
    color:#fff;
    font-family:var(--font-cormorant);
    margin-bottom:0;
    padding-top:3px
}
.h3-facilities .h3-facilities-card .overlay .overlay-content>p{
    font-size:1.125rem;
    font-weight:500;
    color:#fff;
    font-family:var(--font-Jost);
    line-height:30px;
    padding-top:20px;
    margin-bottom:0;
    position:relative
}
.h3-facilities .h3-facilities-card .overlay .overlay-content>p::after{
    content:"";
    width:17px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    right:27px;
    top:72%;
    transform:translateY(-50%)
}
.h3-facilities .h3-facilities-card .overlay .overlay-content ul{
    margin:0;
    padding:0;
    list-style:none;
    padding-top:10px
}
.h3-facilities .h3-facilities-card .overlay .overlay-content ul li{
    font-size:1.125rem;
    font-weight:400;
    color:#fff;
    font-family:var(--font-Jost);
    line-height:30px;
    padding-top:6px;
    margin-left:18px;
    position:relative
}
.h3-facilities .h3-facilities-card .overlay .overlay-content ul li::after{
    content:"";
    height:10px;
    width:10px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    position:absolute;
    left:-18px;
    top:15px
}
.h3-facilities .h3-facilities-card:hover .overlay{
    opacity:1;
    transform:rotateY(0deg)
}
.h3-spacial-offer-area{
    background-image:linear-gradient(rgba(9,22,29,0.85),rgba(9,22,29,0.85)),url(../images/bg/h3-spacial-offer-bg.html);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    padding:80px 0
}
.h3-spacial-offer-area .section-title3 h2{
    color:var(--white)
}
.h3-spacial-offer-area .divider{
    position:absolute;
    left:48%;
    top:45%;
    transform:translate(-50%,-50%);
    width:1px;
    border-right:1px dashed var(--primary-color1);
    height:75%
}
@media(max-width:991px){
    .h3-spacial-offer-area .divider{
        display:none;
        visibility:hidden
    }
}
.h3-spacial-offer-area .divider::after{
    content:url(../images/icon/Shape.svg);
    position:absolute;
    right:-4px;
    top:-40px
}
.h3-spacial-offer-area .divider::before{
    content:url(../images/icon/Shape.svg);
    position:absolute;
    right:-4px;
    bottom:-45px
}
.h3-spacial-offer-area .single-offer-card{
    display:flex;
    align-items:center;
    position:relative
}
@media(max-width:576px){
    .h3-spacial-offer-area .single-offer-card{
        flex-wrap:wrap;
        justify-content:center;
        text-align:center;
        padding:0 10px
    }
}
.h3-spacial-offer-area .single-offer-card .offer-img{
    padding:15px;
    position:relative;
    margin-right:25px
}
@media(max-width:576px){
    .h3-spacial-offer-area .single-offer-card .offer-img{
        margin-right:0;
        margin-bottom:25px
    }
}
.h3-spacial-offer-area .single-offer-card .offer-img img{
    border-radius:50%;
    max-width:100%;
    height:100%
}
.h3-spacial-offer-area .single-offer-card .offer-img::after{
    content:"";
    border:2px dashed #bf9444;
    width:212px;
    height:212px;
    border-radius:50%;
    position:absolute;
    left:7px;
    top:7px;
    z-index:-1;
    -webkit-animation:CSS22right 40s linear infinite running;
    animation:CSS22right 40s linear infinite running
}
@media(max-width:1399px){
    .h3-spacial-offer-area .single-offer-card .offer-img::after{
        width:187px;
        height:187px
    }
}
@media(max-width:1199px){
    .h3-spacial-offer-area .single-offer-card .offer-img::after{
        width:138px;
        height:138px;
        left:6px;
        top:6px
    }
}
@media(max-width:991px){
    .h3-spacial-offer-area .single-offer-card .offer-img::after{
        width:212px;
        height:212px;
        left:7px;
        top:7px
    }
}
@media(max-width:767px){
    .h3-spacial-offer-area .single-offer-card .offer-img::after{
        width:180px;
        height:180px
    }
}
@media(max-width:576px){
    .h3-spacial-offer-area .single-offer-card .offer-img::after{
        width:212px;
        height:212px;
        left:7px;
        top:7px
    }
}
.h3-spacial-offer-area .single-offer-card .offer-img .sm-img{
    position:absolute;
    bottom:0;
    right:0
}
.h3-spacial-offer-area .single-offer-card .offer-content{
    max-width:320px;
    width:100%
}
.h3-spacial-offer-area .single-offer-card .offer-content .price-sl{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:5px
}
.h3-spacial-offer-area .single-offer-card .offer-content .price-sl .price-tag span{
    font-size:1.5rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
.h3-spacial-offer-area .single-offer-card .offer-content .price-sl .price-tag span del{
    color:var(--white);
    margin-left:10px
}
.h3-spacial-offer-area .single-offer-card .offer-content .price-sl .sl-no{
    margin-right:20px
}
@media(max-width:576px){
    .h3-spacial-offer-area .single-offer-card .offer-content .price-sl .sl-no{
        margin-right:0
    }
}
.h3-spacial-offer-area .single-offer-card .offer-content .price-sl .sl-no span{
    font-size:1.875rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    -webkit-text-stroke:1px var(--primary-color1);
    color:transparent;
    opacity:.8
}
.h3-spacial-offer-area .single-offer-card .offer-content h3{
    margin-bottom:13px
}
.h3-spacial-offer-area .single-offer-card .offer-content h3 a{
    font-size:2.188rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    transition:.35s
}
.h3-spacial-offer-area .single-offer-card .offer-content h3 a:hover{
    color:var(--primary-color1)
}
.h3-spacial-offer-area .single-offer-card .offer-content p{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8)
}
.h3-spacial-offer-area .single-offer-card:hover .offer-img::after{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
.swiper-pagination-i{
    width:unset!important
}
.swiper-pagination-i .swiper-pagination-bullet{
    height:12px;
    width:12px;
    border-radius:50%;
    background-color:var(--text-color1);
    opacity:1;
    position:relative;
    margin:0 7px!important
}
.swiper-pagination-i .swiper-pagination-bullet::after{
    content:"";
    height:16px;
    width:16px;
    border:1px solid var(--text-color1);
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:-2px;
    top:-2px
}
.swiper-pagination-i .swiper-pagination-bullet-active{
    background-color:var(--primary-color1)
}
.swiper-pagination-i .swiper-pagination-bullet-active::after{
    border-color:var(--primary-color1)
}
.h3-menu-area .home3-menu-wrap{
    border:1px solid #eee;
    padding:50px 40px;
    position:relative
}
@media(max-width:1199px){
    .h3-menu-area .home3-menu-wrap{
        padding:50px 20px
    }
}
.h3-menu-area .home3-menu-wrap .menu-title{
    margin-bottom:25px
}
.h3-menu-area .home3-menu-wrap .menu-title h2{
    font-size:2.813rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.h3-menu-area .home3-menu-wrap .menu-title img{
    vertical-align:text-top
}
.h3-menu-area .home3-menu-wrap .left-vector{
    position:absolute;
    left:0;
    top:0
}
.h3-menu-area .home3-menu-wrap .right-vector{
    position:absolute;
    right:0;
    top:0
}
.h3-menu-area .home3-menu-wrap ul{
    margin:0;
    padding:0
}
.h3-menu-area .home3-menu-wrap ul li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px
}
.h3-menu-area .home3-menu-wrap ul li:last-child{
    margin-bottom:0
}
@media(max-width:576px){
    .h3-menu-area .home3-menu-wrap ul li{
        margin-bottom:35px
    }
}
.h3-menu-area .home3-menu-wrap ul li .item-name{
    display:flex;
    align-items:center
}
@media(max-width:576px){
    .h3-menu-area .home3-menu-wrap ul li .item-name{
        display:block
    }
}
.h3-menu-area .home3-menu-wrap ul li .item-name .item-img{
    border-radius:50%;
    position:relative;
    margin-right:15px
}
.h3-menu-area .home3-menu-wrap ul li .item-name .item-img::after{
    content:"";
    height:110%;
    width:110%;
    border:1px dashed var(--primary-color1);
    position:absolute;
    left:-3px;
    top:-3px;
    border-radius:50%
}
@media(max-width:576px){
    .h3-menu-area .home3-menu-wrap ul li .item-name .item-img::after{
        left:-8px;
        top:-8px
    }
}
.h3-menu-area .home3-menu-wrap ul li .item-name .item-img img{
    border-radius:50%
}
@media(max-width:576px){
    .h3-menu-area .home3-menu-wrap ul li .item-name .item-img{
        width:75px;
        height:75px
    }
}
.h3-menu-area .home3-menu-wrap ul li .item-name .content h3{
    font-size:1.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.h3-menu-area .home3-menu-wrap ul li .item-name .content p{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0;
    max-width:190px
}
.h3-menu-area .home3-menu-wrap ul li .price{
    height:52px;
    width:52px;
    line-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    position:relative;
    transition:.35s
}
.h3-menu-area .home3-menu-wrap ul li .price::after{
    content:"";
    height:100%;
    width:100%;
    left:0;
    top:0;
    position:absolute;
    border:1px dashed var(--primary-color1);
    border-radius:50%;
    -webkit-animation:CSS22right 30s linear infinite running;
    animation:CSS22right 30s linear infinite running;
    transition:.35s
}
.h3-menu-area .home3-menu-wrap ul li .price span{
    display:inline-block;
    font-size:1.375rem;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-jost);
    transition:.35s
}
.h3-menu-area .home3-menu-wrap ul li:hover .item-name .item-img::after{
    -webkit-animation:CSS22right 20s linear infinite running;
    animation:CSS22right 20s linear infinite running
}
.h3-menu-area .home3-menu-wrap ul li:hover .price{
    background:#fff3dd
}
.h3-menu-area .home3-menu-wrap ul li:hover .price::after{
    border:1px dashed transparent
}
.h3-menu-area .home3-menu-wrap ul li:hover .price span{
    color:var(--primary-color1)
}
.populer-food-area{
    background-image:linear-gradient(rgba(9,22,29,0.85),rgba(9,22,29,0.85)),url(../images/bg/h3-popular-item-bg.html);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    padding:0 0 100px
}
.populer-food-area .section-title3{
    padding:100px 0 0
}
.populer-food-area .section-title3 h2{
    color:var(--white)
}
.populer-food-area .counter-area{
    background:var(--title-color-dark);
    padding:70px 65px;
    margin-top:-120px
}
@media(max-width:576px){
    .populer-food-area .counter-area{
        padding:50px 30px
    }
}
.populer-food-area .counter-area .counter-single{
    display:flex;
    align-items:center
}
@media(max-width:767px){
    .populer-food-area .counter-area .counter-single{
        flex-direction:column;
        text-align:center;
        justify-content:center
    }
}
.populer-food-area .counter-area .counter-single .counter-icon{
    margin-right:20px
}
@media(max-width:767px){
    .populer-food-area .counter-area .counter-single .counter-icon{
        margin-right:0;
        margin-bottom:10px
    }
}
@media(max-width:767px){
    .populer-food-area .counter-area .counter-single .coundown{
        text-align:center
    }
}
@media(max-width:767px){
    .populer-food-area .counter-area .counter-single .coundown div{
        justify-content:center
    }
}
.populer-food-area .counter-area .counter-single .coundown div h3{
    font-size:2.25rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.populer-food-area .counter-area .counter-single .coundown div span{
    font-size:2.25rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-Jost)
}
.populer-food-area .counter-area .counter-single .coundown p{
    font-size:1.25rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.populer-food-area .h3-popular-food-card .food-img{
    position:relative;
    display:flex;
    justify-content:center
}
.populer-food-area .h3-popular-food-card .food-img img{
    border-radius:50%
}
.populer-food-area .h3-popular-food-card .food-img .food-price{
    background-image:url(../images/icon/price-bg-2.svg);
    position:absolute;
    top:0;
    left:35%;
    height:49px;
    width:132px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(max-width:1399px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        left:32%
    }
}
@media(max-width:1199px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        left:29%
    }
}
@media(max-width:991px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        left:31%
    }
}
@media(max-width:767px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        left:25%
    }
}
@media(max-width:767px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        left:25%
    }
}
@media(max-width:576px){
    .populer-food-area .h3-popular-food-card .food-img .food-price{
        display:none;
        visibility:hidden
    }
}
.populer-food-area .h3-popular-food-card .food-img .food-price span{
    font-size:1.5rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    text-align:center
}
.populer-food-area .h3-popular-food-card .food-content{
    text-align:center;
    max-width:310px;
    width:100%;
    margin:0 auto
}
.populer-food-area .h3-popular-food-card .food-content .food-cetagory{
    margin-bottom:20px
}
.populer-food-area .h3-popular-food-card .food-content .food-cetagory a{
    font-size:1.25rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-cormorant);
    border:1px solid var(--primary-color1);
    border:1px solid #bf9444;
    border-radius:30px 30px 0 0;
    padding:7px 60px;
    display:inline-block;
    transition:.35s
}
.populer-food-area .h3-popular-food-card .food-content .food-cetagory a:hover{
    background-color:var(--primary-color1);
    color:var(--white)
}
.populer-food-area .h3-popular-food-card .food-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    transition:.35s
}
.populer-food-area .h3-popular-food-card .food-content h3 a:hover{
    color:var(--primary-color1)
}
.populer-food-area .h3-popular-food-card .food-content p{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8);
    font-family:var(--font-jost)
}
.populer-food-area .h3-popular-food-card:hover .food-content .food-cetagory a{
    background-color:var(--primary-color1);
    color:var(--white)
}
.populer-food-area .slider-btn{
    position:absolute;
    left:0;
    top:35%
}
.populer-food-area .slider-btn .prev-btn-3,.populer-food-area .slider-btn .next-btn-3{
    height:34px;
    width:34px;
    background-color:transparent;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.populer-food-area .slider-btn .prev-btn-3 i,.populer-food-area .slider-btn .next-btn-3 i{
    font-size:30px;
    color:var(--primary-color1);
    transition:.35s
}
.populer-food-area .slider-btn .prev-btn-3:hover,.populer-food-area .slider-btn .next-btn-3:hover{
    background-color:var(--primary-color1)
}
.populer-food-area .slider-btn .prev-btn-3:hover i,.populer-food-area .slider-btn .next-btn-3:hover i{
    color:var(--white)
}
@media(max-width:767px){
    .populer-food-area .slider-btn .prev-btn-3,.populer-food-area .slider-btn .next-btn-3{
        display:none;
        visibility:hidden
    }
}
.populer-food-area .slider-btn .next-btn-3{
    position:absolute;
    right:-80px
}
@media(max-width:1500px){
    .populer-food-area .slider-btn .next-btn-3{
        right:-30px
    }
}
@media(max-width:991px){
    .populer-food-area .slider-btn .next-btn-3{
        right:-50px
    }
}
.populer-food-area .slider-btn .prev-btn-3{
    position:absolute;
    left:-80px
}
@media(max-width:1500px){
    .populer-food-area .slider-btn .prev-btn-3{
        left:-30px
    }
}
@media(max-width:991px){
    .populer-food-area .slider-btn .prev-btn-3{
        left:-50px
    }
}
.home3-testimonial .home3-testimonial-slider{
    padding:0 10px
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap{
    border:1px solid #eee;
    padding:40px 35px;
    text-align:center;
    position:relative
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testimonial-content{
    margin-bottom:22px
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testimonial-content .quoat-icon{
    position:absolute;
    left:22px;
    top:22px;
    z-index:-1
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testimonial-content p{
    font-size:1.5rem;
    font-weight:300;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.5;
    margin-bottom:0
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testi-author-area .author-img{
    border-radius:50%;
    position:relative;
    display:inline-block;
    margin-bottom:15px
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testi-author-area .author-img::after{
    content:"";
    height:110%;
    width:110%;
    border:1px dashed var(--primary-color1);
    position:absolute;
    left:-3px;
    top:-3px;
    border-radius:50%;
    -webkit-animation:CSS22right 30s linear infinite running;
    animation:CSS22right 30s linear infinite running
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testi-author-area .author-img img{
    border-radius:50%
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testi-author-area .name-review h5{
    font-size:1.25rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.home3-testimonial .home3-testimonial-slider .testimonial-wrap .testi-author-area .name-review ul{
    margin:0;
    padding:0;
    list-style:none;
    gap:5px;
    display:flex;
    align-items:center;
    justify-content:center
}
.home3-testimonial .slider-btn{
    display:flex;
    justify-content:center;
    gap:15px
}
.home3-testimonial .slider-btn .prev-btn-4,.home3-testimonial .slider-btn .next-btn-4{
    height:34px;
    width:34px;
    background-color:transparent;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.home3-testimonial .slider-btn .prev-btn-4 i,.home3-testimonial .slider-btn .next-btn-4 i{
    font-size:30px;
    color:var(--primary-color1);
    transition:.35s
}
.home3-testimonial .slider-btn .prev-btn-4:hover,.home3-testimonial .slider-btn .next-btn-4:hover{
    background-color:var(--primary-color1)
}
.home3-testimonial .slider-btn .prev-btn-4:hover i,.home3-testimonial .slider-btn .next-btn-4:hover i{
    color:var(--white)
}
@media(max-width:767px){
    .home3-testimonial .slider-btn .prev-btn-4,.home3-testimonial .slider-btn .next-btn-4{
        display:none;
        visibility:hidden
    }
}
.home3-chef .cooking-expart-wrap .exparts-img{
    position:relative;
    overflow:hidden
}
.home3-chef .cooking-expart-wrap .exparts-img img{
    transition:.35s
}
@media(max-width:767px){
    .home3-chef .cooking-expart-wrap .exparts-img img{
        width:100%
    }
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area{
    position:absolute;
    top:40px;
    right:40px
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area .share-icon{
    height:40px;
    width:40px;
    line-height:40px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    margin-bottom:10px;
    transition:.5s;
    cursor:pointer
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area .share-icon i{
    color:var(--primary-color1);
    font-size:18px
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul{
    margin:0;
    padding:0;
    list-style:none;
    transition:.5s;
    transform:scaleY(0);
    transform-origin:top;
    visibility:hidden;
    margin-top:-45px;
    opacity:0
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul li{
    margin-bottom:10px
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul li a{
    height:40px;
    width:40px;
    line-height:40px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    transition:.5s
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul li a i{
    color:rgba(94,94,94,.5);
    font-size:20px;
    transition:.5s
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul li a:hover{
    background-color:var(--primary-color1)
}
.home3-chef .cooking-expart-wrap .exparts-img .social-area ul li a:hover i{
    color:var(--white)
}
.home3-chef .cooking-expart-wrap .exparts-img:hover::after{
    opacity:0
}
.home3-chef .cooking-expart-wrap .exparts-img:hover::before{
    opacity:0
}
.home3-chef .cooking-expart-wrap .exparts-img:hover ul{
    transform:scale(1);
    visibility:visible;
    opacity:1;
    margin-top:0
}
.home3-chef .cooking-expart-wrap .exparts-img:hover .share-icon{
    background-color:var(--primary-color1)
}
.home3-chef .cooking-expart-wrap .exparts-img:hover .share-icon i{
    color:var(--white)
}
.home3-chef .cooking-expart-wrap .exparts-content{
    padding:20px 0 25px;
    background-color:var(--white);
    box-shadow:2px 2px 15px rgba(191,148,68,.1);
    max-width:290px;
    width:100%;
    margin:-50px auto 0;
    position:relative;
    z-index:1
}
.home3-chef .cooking-expart-wrap .exparts-content h3{
    margin-bottom:5px
}
.home3-chef .cooking-expart-wrap .exparts-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.home3-chef .cooking-expart-wrap .exparts-content h3 a:hover{
    color:var(--primary-color1)
}
.home3-chef .cooking-expart-wrap .exparts-content p{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    margin-bottom:0
}
.home3-chef .cooking-expart-wrap:hover .exparts-img img{
    transform:scale(1.05)
}
.home3-blog-area .h3-blog-wrap-1 .blog-img{
    position:relative;
    margin-bottom:30px;
    overflow:hidden
}
.home3-blog-area .h3-blog-wrap-1 .blog-img img{
    transition:.35s
}
@media(min-width:992px) and (max-width:1199px){
    .home3-blog-area .h3-blog-wrap-1 .blog-img img{
        width:100%
    }
}
.home3-blog-area .h3-blog-wrap-1 .blog-img .batch{
    position:absolute;
    top:25px;
    right:0
}
.home3-blog-area .h3-blog-wrap-1 .blog-img .batch a{
    font-size:1.125rem;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    border-radius:30px 0 0 30px;
    background-color:var(--white);
    padding:10px 28px;
    display:inline-block;
    transition:.35s
}
.home3-blog-area .h3-blog-wrap-1 .blog-img .batch a:hover{
    color:var(--title-color-dark)
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta{
    margin-bottom:22px
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li{
    margin-right:105px;
    position:relative
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li::after{
    content:"";
    height:1px;
    width:56px;
    background-color:#eee;
    position:absolute;
    right:-80px;
    top:50%;
    transform:translateY(-50%)
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li a{
    font-size:.875rem;
    font-weight:500;
    color:rgba(94,94,94,.7);
    font-family:var(--font-Jost);
    display:flex;
    align-items:center;
    transition:.35s
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li a:hover{
    color:var(--primary-color1)
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li a img{
    margin-right:8px
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li:last-child{
    margin-right:0
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .blog-meta ul li:last-child::after{
    display:none;
    visibility:hidden
}
.home3-blog-area .h3-blog-wrap-1 .blog-content h3{
    margin-bottom:13px
}
.home3-blog-area .h3-blog-wrap-1 .blog-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.home3-blog-area .h3-blog-wrap-1 .blog-content h3 a:hover{
    color:var(--primary-color1)
}
.home3-blog-area .h3-blog-wrap-1 .blog-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .continue-btn{
    padding-top:20px
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .continue-btn a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    display:flex;
    align-items:end;
    transition:.35s
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .continue-btn a i{
    margin-left:8px;
    font-size:18px
}
.home3-blog-area .h3-blog-wrap-1 .blog-content .continue-btn a:hover{
    color:var(--title-color-dark)
}
.home3-blog-area .h3-blog-wrap-1:hover .blog-img img{
    transform:scale(1.05)
}
.home3-blog-area .blog-card-alfa{
    border:1px solid #eee;
    margin-bottom:25px;
    display:flex;
    align-items:center
}
@media(max-width:1399px){
    .home3-blog-area .blog-card-alfa{
        display:block
    }
}
.home3-blog-area .blog-card-alfa .blog-img{
    overflow:hidden
}
.home3-blog-area .blog-card-alfa .blog-img img{
    transition:.35s
}
@media(max-width:1199px){
    .home3-blog-area .blog-card-alfa .blog-img img{
        height:100%;
        max-width:100%
    }
}
@media(min-width:992px) and (max-width:1199px){
    .home3-blog-area .blog-card-alfa .blog-img img{
        width:100%
    }
}
@media(max-width:991px){
    .home3-blog-area .blog-card-alfa .blog-img img{
        width:100%
    }
}
.home3-blog-area .blog-card-alfa .blog-content{
    padding:35px
}
.home3-blog-area .blog-card-alfa .blog-content h3{
    margin-bottom:10px
}
.home3-blog-area .blog-card-alfa .blog-content h3 a{
    font-size:1.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.home3-blog-area .blog-card-alfa .blog-content h3 a:hover{
    color:var(--primary-color1)
}
.home3-blog-area .blog-card-alfa .blog-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.home3-blog-area .blog-card-alfa .blog-content .continue-btn{
    padding-top:15px
}
.home3-blog-area .blog-card-alfa .blog-content .continue-btn a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    display:flex;
    align-items:end;
    transition:.35s
}
.home3-blog-area .blog-card-alfa .blog-content .continue-btn a i{
    margin-left:8px;
    font-size:18px
}
.home3-blog-area .blog-card-alfa .blog-content .continue-btn a:hover{
    color:var(--title-color-dark)
}
.home3-blog-area .blog-card-alfa:hover .blog-img img{
    transform:scale(1.05)
}
.home3-blog-area .view-btn{
    padding-top:20px;
    display:flex;
    justify-content:center
}
@media(max-width:991px){
    .home3-blog-area .view-btn{
        display:block
    }
}
.breadcrumb-section{
    min-height:500px;
    position:relative;
    z-index:9;
    display:flex;
    align-items:center;
    background-image:url(../images/bg/bredcumb-bg.html);
    background-size:cover;
    padding:260px 0 140px
}
.breadcrumb-section::after{
    content:"";
    background:linear-gradient(98.42deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 101.78%),#09161D;
    opacity:.8;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1
}
.breadcrumb-section .breadcrumb-left-vec{
    position:absolute;
    left:0;
    bottom:0;
    z-index:1
}
.breadcrumb-section .breadcrumb-left-vec img{
    width:200px
}
@media(max-width:1199px){
    .breadcrumb-section .breadcrumb-left-vec img{
        width:150px
    }
}
.breadcrumb-section .breadcrumb-right-vec{
    position:absolute;
    right:0;
    bottom:0;
    z-index:1
}
.breadcrumb-section .breadcrumb-right-vec img{
    width:200px
}
@media(max-width:1199px){
    .breadcrumb-section .breadcrumb-right-vec img{
        width:150px
    }
}
.breadcrumb-section .breadcrumb-title{
    font-size:4.375rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant)
}
.breadcrumb-section nav ol{
    margin-bottom:0
}
.breadcrumb-section nav ol li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost)
}
.breadcrumb-section nav ol li a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost)
}
.breadcrumb-section nav ol li a:hover{
    color:var(--primary-color1)
}
.breadcrumb-section nav ol li.active{
    color:var(--primary-color1);
    position:relative;
    margin-left:35px
}
.breadcrumb-section .breadcrumb-item+.breadcrumb-item::before{
    padding-right:.5rem;
    color:var(--primary-color1);
    content:"\f280";
    font-family:bootstrap-icons;
    font-size:13px;
    position:absolute;
    top:4px;
    left:-18px
}
.about-introduction-area{
    max-width:80%;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
@media(max-width:1700px){
    .about-introduction-area{
        max-width:90%
    }
}
@media(max-width:576px){
    .about-introduction-area{
        max-width:100%
    }
}
.about-introduction-area .margin-left{
    margin-left:87px
}
@media(max-width:1399px){
    .about-introduction-area .margin-left{
        margin-left:0
    }
}
.about-introduction-area .our-mission{
    display:flex;
    align-items:center;
    margin-top:-15px;
    margin-bottom:30px
}
@media(max-width:1199px){
    .about-introduction-area .our-mission{
        flex-wrap:wrap
    }
}
@media(max-width:991px){
    .about-introduction-area .our-mission{
        margin-top:0
    }
}
@media(max-width:576px){
    .about-introduction-area .our-mission{
        display:block
    }
}
.about-introduction-area .our-mission .icon{
    max-width:190px;
    width:100%;
    border:1px solid #eee;
    border-radius:10px 0;
    padding:20px 30px;
    position:relative;
    margin-right:24px
}
@media(max-width:1700px){
    .about-introduction-area .our-mission .icon{
        margin-bottom:15px
    }
}
@media(max-width:576px){
    .about-introduction-area .our-mission .icon{
        margin-bottom:20px
    }
}
.about-introduction-area .our-mission .icon::after{
    content:"";
    width:61px;
    height:1px;
    background-color:#eee;
    position:absolute;
    left:64px;
    top:32px
}
.about-introduction-area .our-mission .icon h4{
    font-size:1.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0;
    padding-top:10px
}
.about-introduction-area .our-mission .description{
    max-width:630px;
    width:100%
}
.about-introduction-area .our-mission .description p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.about-introduction-area .intro-right{
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:767px){
    .about-introduction-area .intro-right{
        display:block
    }
}
.about-introduction-area .intro-right .intro-right-img{
    border-radius:10px 0
}
@media(max-width:767px){
    .about-introduction-area .intro-right .intro-right-img{
        display:none;
        visibility:hidden
    }
}
.about-introduction-area .intro-right .intro-right-img img{
    border-radius:10px 0
}
.about-introduction-area .intro-right .features-author{
    margin-right:20px
}
@media(max-width:767px){
    .about-introduction-area .intro-right .features-author{
        margin-right:0
    }
}
.about-introduction-area .intro-right .features-author .intro-features{
    display:flex;
    align-items:center;
    gap:70px
}
@media(max-width:767px){
    .about-introduction-area .intro-right .features-author .intro-features{
        gap:40px
    }
}
@media(max-width:576px){
    .about-introduction-area .intro-right .features-author .intro-features{
        display:block
    }
}
.about-introduction-area .intro-right .features-author .intro-features ul{
    margin:0;
    padding:0;
    list-style:none
}
.about-introduction-area .intro-right .features-author .intro-features ul li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:10px
}
.about-introduction-area .intro-right .features-author .intro-features ul li i{
    margin-right:10px;
    font-size:16px;
    color:var(--primary-color1)
}
.about-introduction-area .intro-right .features-author .author-area{
    padding-top:30px
}
.about-introduction-area .intro-right .features-author .author-area .author-content{
    border:1px solid #eee;
    max-width:650px;
    padding:20px 45px;
    border-radius:10px;
    margin-bottom:25px;
    position:relative
}
@media(max-width:576px){
    .about-introduction-area .intro-right .features-author .author-area .author-content{
        padding:20px
    }
}
.about-introduction-area .intro-right .features-author .author-area .author-content::after{
    content:"";
    height:35px;
    width:35px;
    background-color:var(--white);
    border:1px solid #eee;
    position:absolute;
    bottom:-18px;
    left:83px;
    transform:rotate(45deg);
    border-left:none;
    border-top:none
}
@media(max-width:576px){
    .about-introduction-area .intro-right .features-author .author-area .author-content::after{
        left:15px
    }
}
.about-introduction-area .intro-right .features-author .author-area .author-content p{
    margin-bottom:0;
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    line-height:30px
}
.about-introduction-area .intro-right .features-author .author-area .author-img-name{
    margin-left:70px;
    display:flex;
    align-items:center
}
@media(max-width:576px){
    .about-introduction-area .intro-right .features-author .author-area .author-img-name{
        margin-left:0
    }
}
.about-introduction-area .intro-right .features-author .author-area .author-img-name .author-img{
    border-radius:50%;
    margin-right:20px
}
.about-introduction-area .intro-right .features-author .author-area .author-img-name .author-img img{
    border-radius:50%
}
.about-introduction-area .intro-right .features-author .author-area .author-img-name .author-name h4{
    margin-bottom:5px;
    font-size:1.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
.about-introduction-area .intro-right .features-author .author-area .author-img-name .author-name span{
    font-size:.875rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-jost)
}
.about-introduction-area .intro-right-img1{
    position:relative;
    padding-top:30px;
    float:right
}
@media(max-width:1800px){
    .about-introduction-area .intro-right-img1{
        padding-left:50px
    }
}
@media(max-width:991px){
    .about-introduction-area .intro-right-img1{
        display:none;
        visibility:hidden
    }
}
.about-introduction-area .intro-right-img1 img{
    border-radius:10px 0
}
@media(max-width:1800px){
    .about-introduction-area .intro-right-img1 img{
        max-width:350px
    }
}
@media(max-width:1600px){
    .about-introduction-area .intro-right-img1 img{
        max-width:400px
    }
}
@media(max-width:1199px){
    .about-introduction-area .intro-right-img1 img{
        max-width:350px
    }
}
.about-introduction-area .intro-right-img1::after{
    content:"";
    height:215px;
    width:205px;
    background:#eee;
    border-radius:10px;
    position:absolute;
    right:-50px;
    bottom:-100px;
    z-index:-1
}
.about-introduction-area .intro-right-img1 .intro-sm-img{
    position:absolute;
    left:-200px;
    bottom:-120px
}
@media(max-width:1800px){
    .about-introduction-area .intro-right-img1 .intro-sm-img{
        left:-100px;
        bottom:-100px
    }
}
@media(max-width:1600px){
    .about-introduction-area .intro-right-img1 .intro-sm-img{
        left:10px;
        bottom:-50px
    }
}
@media(max-width:1200px){
    .about-introduction-area .intro-right-img1 .intro-sm-img{
        display:none;
        visibility:hidden
    }
}
.about-introduction-area .intro-right-img1 .intro-sm-img img{
    width:340px;
    border-radius:10px 0
}
@media(max-width:1800px){
    .about-introduction-area .intro-right-img1 .intro-sm-img img{
        width:280px
    }
}
@media(max-width:1400px){
    .about-introduction-area .intro-right-img1 .intro-sm-img img{
        width:235px
    }
}
.about-counter .counter-single{
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:10px;
    padding:25px 30px;
    transition:.35s ease-in-out
}
@media(max-width:767px){
    .about-counter .counter-single{
        flex-direction:column;
        text-align:center;
        justify-content:center
    }
}
.about-counter .counter-single .counter-icon{
    margin-right:20px
}
@media(max-width:767px){
    .about-counter .counter-single .counter-icon{
        margin-right:0;
        margin-bottom:10px
    }
}
@media(max-width:767px){
    .about-counter .counter-single .coundown{
        text-align:center
    }
}
@media(max-width:767px){
    .about-counter .counter-single .coundown div{
        justify-content:center
    }
}
.about-counter .counter-single .coundown div h3{
    font-size:2.25rem;
    font-weight:600;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    margin-bottom:0;
    transition:.35s ease-in-out
}
.about-counter .counter-single .coundown div span{
    font-size:2.25rem;
    font-weight:600;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s ease-in-out
}
.about-counter .counter-single .coundown p{
    font-size:1.25rem;
    font-weight:700;
    color:var(--text-color1);
    font-family:var(--font-cormorant);
    margin-bottom:0;
    transition:.35s ease-in-out
}
.about-counter .counter-single:hover{
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%)
}
.about-counter .counter-single:hover .coundown div h3{
    color:var(--white)
}
.about-counter .counter-single:hover .coundown div span{
    color:var(--white)
}
.about-counter .counter-single:hover .coundown p{
    color:rgba(255,255,255,.8)
}
.reservation-1{
    background-image:url(../images/bg/reservation-1-bg.png);
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    padding:100px 30px;
    position:relative;
    z-index:1;
    border:1px solid #eee;
    border-radius:10px
}
@media(max-width:576px){
    .reservation-1{
        padding:100px 20px
    }
}
.reservation-1::after{
    content:"";
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,rgba(0,2,3,0.51) 0.28%,#09161D 99.7%);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1;
    border-radius:10px
}
.reservation-1 .section-title h2{
    color:var(--white)
}
.reservation-1 form .form-inner input{
    width:100%;
    background:#09161d;
    border:1px solid rgba(238,238,238,.2);
    border-radius:50px;
    height:55px;
    padding:20px;
    font-size:1rem;
    font-weight:400;
    color:#fff;
    font-family:var(--font-Jost)
}
.reservation-1 form .form-inner input::-moz-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-1 form .form-inner input:-ms-input-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-1 form .form-inner input::placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-1 form .form-inner input:focus{
    border:1px solid #bf9444
}
.reservation-1 form .form-inner button{
    width:100%;
    border-radius:50px;
    background-color:var(--primary-color1);
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-Jost);
    height:55px;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
@media(max-width:767px){
    .reservation-1 form .form-inner button{
        margin-top:25px
    }
}
.reservation-1 form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--white);
    z-index:-1
}
.reservation-1 form .form-inner button:hover{
    color:var(--primary-color1)
}
.reservation-1 form .form-inner button:hover i::before{
    content:"\f134"
}
.reservation-1 form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.reservation-1 form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.reservation-1 form .form-inner.date-icon{
    position:relative
}
.reservation-1 form .form-inner.date-icon::after{
    content:url(../images/icon/date.svg);
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    line-height:1
}
.reservation-1 form .form-inner .time-select{
    border-radius:50px
}
.reservation-2{
    background-image:url(../images/bg/reservation-1-bg.png);
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    padding:100px 30px;
    position:relative;
    z-index:1;
    border:1px solid #eee;
    border-radius:10px
}
@media(max-width:576px){
    .reservation-2{
        padding:100px 20px
    }
}
.reservation-2::after{
    content:"";
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,rgba(0,2,3,0.51) 0.28%,#09161D 99.7%);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1;
    border-radius:10px
}
.reservation-2 .section-title h2{
    color:var(--white)
}
.reservation-2 form .form-inner input{
    width:100%;
    background:rgba(9,22,29,.8);
    border:1px solid rgba(238,238,238,.1);
    border-radius:10px;
    height:55px;
    padding:20px;
    font-size:1rem;
    font-weight:400;
    color:#fff;
    font-family:var(--font-Jost)
}
.reservation-2 form .form-inner input::-moz-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-2 form .form-inner input:-ms-input-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-2 form .form-inner input::placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.reservation-2 form .form-inner input:focus{
    border:1px solid #bf9444
}
.reservation-2 form .form-inner button{
    width:100%;
    border-radius:10px 0;
    background-color:var(--primary-color1);
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-Jost);
    height:55px;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
@media(max-width:767px){
    .reservation-2 form .form-inner button{
        margin-top:25px
    }
}
.reservation-2 form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--white);
    z-index:-1
}
.reservation-2 form .form-inner button:hover{
    color:var(--primary-color1)
}
.reservation-2 form .form-inner button:hover i::before{
    content:"\f134"
}
.reservation-2 form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.reservation-2 form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.reservation-2 form .form-inner.date-icon{
    position:relative
}
.reservation-2 form .form-inner.date-icon::after{
    content:url(../images/icon/date.svg);
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    line-height:1
}
.time-select{
    width:100%;
    background:rgba(9,22,29,.8);
    border:1px solid rgba(238,238,238,.1);
    border-radius:10px;
    height:55px;
    padding:8px 20px;
    font-size:1rem;
    font-weight:400;
    color:#fff;
    font-family:var(--font-Jost)
}
.time-select::-moz-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.time-select:-ms-input-placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.time-select::placeholder{
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.time-select:focus{
    border:1px solid #bf9444
}
.time-select .list{
    width:100%;
    background:rgba(9,22,29,.8);
    border:1px solid rgba(238,238,238,.1);
    border-radius:10px;
    padding:8px 20px;
    font-size:.9rem;
    font-weight:400;
    color:#fff;
    font-family:var(--font-Jost);
    height:250px;
    overflow-y:scroll
}
.time-select .list::-webkit-scrollbar{
    width:5px;
    background-color:transparent
}
.time-select .list::-webkit-scrollbar-thumb{
    background-color:var(--primary-color1);
    border-radius:10px
}
.time-select .list:focus{
    border:1px solid #bf9444
}
.time-select .list li{
    padding-left:0;
    padding-right:0;
    line-height:36px
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    background-color:transparent;
    color:var(--primary-color1)
}
.nice-select:hover{
    border-color:rgba(238,238,238,.1)
}
.nice-select::after{
    height:8px;
    width:8px;
    right:30px;
    top:49%
}
.food-category-area .food-category-list .title{
    background-color:var(--primary-color1);
    padding:8px 30px;
    font-size:1.5rem;
    font-weight:700;
    color:#fff;
    font-family:var(--font-cormorant);
    border:1px solid var(--primary-color1);
    border-radius:10px 10px 0 0;
    margin-bottom:0
}
.food-category-area .food-category-list .nav{
    display:block;
    border:1px solid #eee;
    border-radius:0 0 10px 10px
}
.food-category-area .food-category-list .nav .nav-item .nav-link{
    margin:0;
    padding:3px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-width:100%;
    font-size:1.5rem;
    font-weight:700;
    color:#000;
    font-family:var(--font-cormorant);
    transition:.35s
}
.food-category-area .food-category-list .nav .nav-item .nav-link span{
    transition:.35s;
    text-transform:uppercase;
    font-size:17px;
    font-weight:500;
    font-family:jost
}
.food-category-area .food-category-list .nav .nav-item .nav-link span i{
    color:#000;
    font-size:20px;
    transition:.35s
}
.food-category-area .food-category-list .nav .nav-item .nav-link.active{
    color:var(--primary-color1);
    background-color:transparent;
    border-color:transparent;
    position:relative;
    z-index:1
}
.food-category-area .food-category-list .nav .nav-item .nav-link.active::after{
    content:"";
    background-color:#faf7f7;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}
.food-category-area .food-category-list .nav .nav-item .nav-link.active i{
    color:var(--primary-color1)
}
.food-category-area .food-category-list .nav .nav-item .nav-link:hover{
    border-color:transparent;
    color:var(--primary-color1)
}
.food-category-area .food-category-list .nav .nav-item .nav-link:hover i{
    color:var(--primary-color1)
}
.food-category-area .food-category-wrap{
    border:1px solid #eee;
    border-radius:10px;
    padding:55px 35px 35px;
    position:relative
}
.food-category-area .food-category-wrap .divider{
    position:absolute;
    left:48%;
    top:45%;
    transform:translate(-50%,-50%);
    width:1px;
    border-right:1px dashed var(--primary-color1);
    height:80%
}
@media(max-width:991px){
    .food-category-area .food-category-wrap .divider{
        display:none;
        visibility:hidden
    }
}
.food-category-area .food-category-wrap .divider::after{
    content:url(../images/icon/sub-title-vec.svg);
    position:absolute;
    right:-9px;
    top:-30px
}
.food-category-area .food-category-wrap .divider::before{
    content:url(../images/icon/sub-title-vec.svg);
    position:absolute;
    right:-9px;
    bottom:-35px
}
.food-category-area .food-category-wrap .category-item{
    display:flex;
    align-items:center;
    margin-bottom:20px
}
@media(max-width:1199px){
    .food-category-area .food-category-wrap .category-item{
        display:block;
        text-align:center
    }
}
@media(max-width:767px){
    .food-category-area .food-category-wrap .category-item{
        display:flex;
        text-align:start
    }
}
@media(max-width:460px){
    .food-category-area .food-category-wrap .category-item{
        display:block;
        text-align:center
    }
}
.food-category-area .food-category-wrap .category-item .icon{
    margin-right:20px
}
@media(max-width:1199px){
    .food-category-area .food-category-wrap .category-item .icon{
        margin-bottom:10px;
        margin-right:0
    }
}
@media(max-width:1199px){
    .food-category-area .food-category-wrap .category-item .icon{
        margin-bottom:0;
        margin-right:20px
    }
}
@media(max-width:460px){
    .food-category-area .food-category-wrap .category-item .icon{
        margin-bottom:10px;
        margin-right:0
    }
}
.food-category-area .food-category-wrap .category-item .icon img{
    border-radius:5px
}
.food-category-area .food-category-wrap .category-item .category-content h4{
    margin-bottom:0
}
.food-category-area .food-category-wrap .category-item .category-content h4 a{
    font-size:1.5rem;
    font-weight:700;
    color:#000;
    font-family:var(--font-cormorant);
    transition:.35s
}
.food-category-area .food-category-wrap .category-item .category-content h4 a:hover{
    color:var(--primary-color1)
}
.food-category-area .food-category-wrap .category-item .category-content p{
    margin-bottom:10px;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.food-category-area .food-category-wrap .category-item .category-content .price h5{
    margin-bottom:0;
    font-size:1.25rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    border:1px solid #eee;
    border-radius:5px;
    display:inline-block;
    padding:5px 15px
}
.food-category-area .food-category-wrap .category-item .category-content .price h5 span{
    color:var(--text-color1);
    font-weight:400;
    font-size:1rem
}
.menu2-area .menu2-tab .nav{
    border:none;
    gap:20px;
    justify-content:center
}
.menu2-area .menu2-tab .nav .nav-item .nav-link{
    border:1px solid #eee;
    border-radius:2px;
    font-size:1rem;
    font-weight:500;
    color:#002133;
    font-family:var(--font-Jost);
    padding:6px 21px;
    min-width:113px;
    transition:all .5s
}
.menu2-area .menu2-tab .nav .nav-item .nav-link:hover{
    color:var(--white);
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1)
}
.menu2-area .menu2-tab .nav-tabs .nav-item.show .nav-link,.menu2-area .menu2-tab .nav-tabs .nav-link.active{
    color:var(--white);
    background-color:var(--primary-color1)
}
.menu2-area .menu2-left-img{
    border-radius:5px 0 0 5px;
    position:relative;
    height:100%
}
.menu2-area .menu2-left-img img{
    width:100%;
    height:100%;
    border-radius:5px 0 0 5px
}
.menu2-area .menu2-left-img .overlay{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:rgba(9,22,29,.7);
    border-radius:5px;
    position:absolute;
    top:50px;
    right:45px;
    bottom:50px;
    left:45px;
    text-align:center;
    padding:10px
}
@media(max-width:576px){
    .menu2-area .menu2-left-img .overlay{
        top:30px;
        right:25px;
        bottom:30px;
        left:25px
    }
}
.menu2-area .menu2-left-img .overlay .vec-left{
    position:absolute;
    left:0;
    bottom:0
}
.menu2-area .menu2-left-img .overlay .vec-right{
    position:absolute;
    right:0;
    bottom:0
}
.menu2-area .menu2-left-img .overlay>span{
    background:#bf9444;
    border-radius:5px 0;
    font-size:1rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    display:inline-block;
    padding:5px 17px;
    margin-bottom:25px
}
.menu2-area .menu2-left-img .overlay h2{
    font-size:3.125rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-Jost)
}
@media(max-width:576px){
    .menu2-area .menu2-left-img .overlay h2{
        font-size:3rem
    }
}
.menu2-area .menu2-left-img .overlay h2 span{
    font-size:2.5rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant)
}
@media(max-width:576px){
    .menu2-area .menu2-left-img .overlay h2 span{
        font-size:2rem
    }
}
.menu2-area .menu2-left-img .overlay h3{
    font-size:2.5rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant)
}
@media(max-width:576px){
    .menu2-area .menu2-left-img .overlay h3{
        font-size:2rem
    }
}
.menu2-area .menu2-wrap{
    padding:50px 65px;
    border:1px solid #eee;
    border-radius:0 5px 5px 0;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative
}
.menu2-area .menu2-wrap::after{
    content:url(../images/icon/menu2-thumb-icon.svg);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:-1
}
@media(max-width:576px){
    .menu2-area .menu2-wrap{
        padding:50px 30px
    }
}
.menu2-area .menu2-wrap .menu-title{
    display:flex;
    justify-content:center;
    margin-bottom:15px
}
.menu2-area .menu2-wrap .menu-title h2{
    font-size:2.813rem;
    font-weight:700;
    color:#002133;
    font-family:var(--font-cormorant);
    position:relative
}
.menu2-area .menu2-wrap .menu-title h2::after{
    content:url(../images/icon/menu2-title-vec.svg);
    position:absolute;
    bottom:-15px;
    left:50%;
    transform:translateX(-50%)
}
.menu2-area .menu2-wrap ul{
    margin:0;
    padding:0;
    list-style:none
}
.menu2-area .menu2-wrap ul li{
    padding:12px 0 15px;
    border-bottom:1px dashed;
    border-color:rgba(0,33,51,.8)
}
.menu2-area .menu2-wrap ul li:last-child{
    padding:12px 0 0;
    border-bottom:none
}
.menu2-area .menu2-wrap ul li .single-menu{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.menu2-area .menu2-wrap ul li .single-menu .menu-name{
    max-width:290px;
    margin-right:20px
}
.menu2-area .menu2-wrap ul li .single-menu .menu-name h4{
    font-size:1.625rem;
    font-weight:700;
    color:#002133;
    font-family:var(--font-cormorant);
    margin-bottom:5px
}
.menu2-area .menu2-wrap ul li .single-menu .menu-name p{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.menu2-area .menu2-wrap ul li .single-menu .price span{
    display:inline-block;
    font-size:1.375rem;
    font-weight:500;
    color:#002133;
    font-family:var(--font-Jost)
}
.filter-button-group ul{
    margin:0;
    padding:0;
    list-style:none;
    gap:15px
}
.filter-button-group ul li{
    font-size:1rem;
    font-weight:500;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    padding:7px 38px;
    border:1px solid #eee;
    border-radius:2px;
    cursor:pointer;
    display:inline-block
}
.filter-button-group ul li.active{
    background-color:var(--primary-color1);
    color:var(--white)
}
.columns2-gallery-area .grid-item .gallery2-img{
    position:relative
}
.columns2-gallery-area .grid-item .gallery2-img .gallery-img{
    transition:.35s
}
.columns2-gallery-area .grid-item .gallery2-img .gallery-img>img{
    border-radius:10px
}
.columns2-gallery-area .grid-item .gallery2-img .gallery-img .overlay{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(359.58deg,#002133 0.39%,rgba(0,33,51,0) 51.47%);
    border-radius:10px;
    opacity:0;
    transition:.35s;
    transform:scale(.4)
}
.columns2-gallery-area .grid-item .gallery2-img .gallery-img:hover .overlay{
    opacity:1;
    transform:scale(1)
}
.masonary-gallery-area .grid-item .gallery2-img{
    position:relative
}
.masonary-gallery-area .grid-item .gallery2-img .gallery-img{
    transition:.35s
}
.masonary-gallery-area .grid-item .gallery2-img .gallery-img>img{
    border-radius:10px
}
.masonary-gallery-area .grid-item .gallery2-img .gallery-img .overlay{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:linear-gradient(359.58deg,#002133 0.39%,rgba(0,33,51,0) 51.47%);
    border-radius:10px;
    opacity:0;
    transition:.35s;
    transform:scale(.4)
}
.masonary-gallery-area .grid-item .gallery2-img .gallery-img:hover .overlay{
    opacity:1;
    transform:scale(1)
}
.paginations-area nav .pagination{
    gap:18px;
    margin-bottom:0
}
.paginations-area nav .pagination .page-item .page-link{
    font-size:1.125rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-jost);
    border-radius:5px
}
.paginations-area nav .pagination .page-item .page-link:hover{
    color:var(--white);
    background-color:var(--primary-color1)
}
.paginations-area nav .pagination .page-item .page-link:focus{
    color:var(--white);
    background-color:var(--primary-color1);
    box-shadow:none
}
@media(max-width:576px){
    .chef-experties-area .cooking-expart-wrap{
        max-width:350px;
        margin:0 auto
    }
}
.chef-experties-area .cooking-expart-wrap .exparts-img{
    position:relative;
    border-radius:10px
}
.chef-experties-area .cooking-expart-wrap .exparts-img img{
    border-radius:10px
}
@media(max-width:767px){
    .chef-experties-area .cooking-expart-wrap .exparts-img img{
        width:100%
    }
}
.chef-experties-area .cooking-expart-wrap .exparts-img::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    border-radius:10px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(100% 5%,100% 100%,5% 100%,94% 94%);
    clip-path:polygon(100% 5%,100% 100%,5% 100%,94% 94%);
    transition:.5s
}
.chef-experties-area .cooking-expart-wrap .exparts-img::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:10px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(95% 0,0 0,0 95%,6% 6%);
    clip-path:polygon(95% 0,0 0,0 95%,6% 6%);
    transition:.5s
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area{
    position:absolute;
    top:40px;
    right:40px
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area .share-icon{
    height:36px;
    width:36px;
    line-height:36px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    margin-bottom:10px;
    transition:.5s;
    cursor:pointer
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area .share-icon i{
    color:var(--primary-color1);
    font-size:20px
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area ul{
    margin:0;
    padding:0;
    list-style:none;
    transition:.5s;
    transform:scaleY(0);
    transform-origin:top;
    visibility:hidden;
    margin-top:-45px;
    opacity:0
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area ul li{
    margin-bottom:10px
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area ul li a{
    height:36px;
    width:36px;
    line-height:36px;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    transition:.5s
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area ul li a i{
    color:rgba(94,94,94,.5);
    font-size:20px;
    transition:.5s
}
.chef-experties-area .cooking-expart-wrap .exparts-img .social-area ul li a i:hover{
    color:var(--primary-color1)
}
.chef-experties-area .cooking-expart-wrap .exparts-img:hover::after{
    opacity:0
}
.chef-experties-area .cooking-expart-wrap .exparts-img:hover::before{
    opacity:0
}
.chef-experties-area .cooking-expart-wrap .exparts-img:hover ul{
    transform:scale(1);
    visibility:visible;
    opacity:1;
    margin-top:0
}
.chef-experties-area .cooking-expart-wrap .exparts-img:hover .share-icon{
    background-color:var(--primary-color1)
}
.chef-experties-area .cooking-expart-wrap .exparts-img:hover .share-icon i{
    color:var(--white)
}
.chef-experties-area .cooking-expart-wrap .exparts-content{
    padding:20px 0 0
}
.chef-experties-area .cooking-expart-wrap .exparts-content h3{
    margin-bottom:5px
}
.chef-experties-area .cooking-expart-wrap .exparts-content h3 a{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.chef-experties-area .cooking-expart-wrap .exparts-content h3 a:hover{
    color:var(--primary-color1)
}
.chef-experties-area .cooking-expart-wrap .exparts-content p{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:0
}
.chef-details-area .chef-introduction .chef-name{
    position:relative;
    max-width:350px;
    width:100%;
    margin-left:auto;
    margin-bottom:25px
}
.chef-details-area .chef-introduction .chef-name h3{
    font-size:1.875rem;
    font-weight:700;
    color:var(--primary-color1);
    font-family:var(--font-cormorant)
}
.chef-details-area .chef-introduction .chef-name h2{
    font-size:2.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0;
    position:relative
}
.chef-details-area .chef-introduction .chef-name h2::after{
    content:"";
    background:#eee;
    width:96px;
    height:1px;
    position:absolute;
    left:-110px;
    top:50%;
    transform:translateY(-50%)
}
.chef-details-area .chef-introduction .about-chef h3{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:10px
}
.chef-details-area .chef-introduction .about-chef p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--font-Jost);
    font-family:var(--font-Jost);
    line-height:30px
}
.chef-details-area .chef-introduction .about-chef .chef-contact{
    display:flex;
    gap:70px;
    margin-bottom:10px
}
@media(max-width:576px){
    .chef-details-area .chef-introduction .about-chef .chef-contact{
        display:block;
        gap:0;
        margin-bottom:25px
    }
}
.chef-details-area .chef-introduction .about-chef .chef-contact ul{
    margin:0;
    padding:0;
    list-style:none
}
.chef-details-area .chef-introduction .about-chef .chef-contact ul li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:10px
}
.chef-details-area .chef-introduction .about-chef .chef-contact ul li a{
    color:var(--text-color1)
}
.chef-details-area .chef-introduction .about-chef .chef-contact ul li strong{
    color:var(--title-color-dark);
    font-weight:500
}
.chef-details-area .chef-introduction .about-chef .social-area{
    display:flex;
    align-items:center;
    margin-bottom:50px
}
.chef-details-area .chef-introduction .about-chef .social-area h3{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.chef-details-area .chef-introduction .about-chef .social-area .social-link{
    margin:0;
    padding:0;
    list-style:none;
    gap:15px;
    margin-left:30px
}
.chef-details-area .chef-introduction .about-chef .social-area .social-link li a{
    height:30px;
    width:30px;
    line-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:5px;
    transition:.35s
}
.chef-details-area .chef-introduction .about-chef .social-area .social-link li a i{
    font-size:18px;
    color:var(--primary-color1);
    transition:.35s
}
.chef-details-area .chef-introduction .about-chef .social-area .social-link li a:hover{
    background-color:var(--primary-color1)
}
.chef-details-area .chef-introduction .about-chef .social-area .social-link li a:hover i{
    color:var(--white)
}
.chef-details-area .chef-introduction .about-chef .divider img{
    width:100%
}
.chef-details-area .chef-dt-img img{
    border-radius:10px
}
.chef-details-area .chef-skills h3{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:10px
}
.chef-details-area .skills-bar-container{
    position:relative;
    width:100%;
    list-style:none;
    padding:0;
    margin-top:40px;
    margin-bottom:0
}
.chef-details-area .skills-bar-container li{
    position:relative;
    width:100%;
    padding:0;
    margin-bottom:40px
}
.chef-details-area .skills-bar-container li:last-child{
    margin-bottom:0
}
.chef-details-area .skills-bar-container li .progressbar-title h4{
    display:inline-block;
    font-size:1.375rem;
    font-weight:700;
    font-family:var(--font-cormorant);
    color:var(--title-color-dark)
}
.chef-details-area .skills-bar-container li .progressbar-title .percent{
    font-size:1.125rem;
    font-weight:500;
    font-family:var(--font-Jost);
    color:var(--title-color-dark)
}
.chef-details-area .skills-bar-container li .progressbar-title .percent{
    position:absolute;
    right:0;
    top:0;
    transition:.3s
}
.chef-details-area .skills-bar-container li .bar-container{
    background-color:#eee;
    position:relative;
    width:100%;
    height:6px;
    border-radius:5px;
    margin-top:5px;
    display:block
}
.chef-details-area .skills-bar-container li .bar-container .progressbar{
    position:absolute;
    width:0%;
    height:100%;
    border-radius:5px;
    background-color:var(--primary-color1);
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.chef-details-area .skills-bar-container li .bar-container .round-s{
    height:12px;
    width:12px;
    border-radius:50%;
    background-color:var(--title-color-dark);
    display:inline-block;
    position:absolute;
    top:-3px;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.chef-details-area .skills-bar-container li .bar-container .round-s::after{
    content:"";
    height:16px;
    width:16px;
    border:1px solid var(--title-color-dark);
    border-radius:50%;
    position:absolute;
    left:-2px;
    top:-2px
}
.chef-details-area .skills-bar-container li .bar-container #progress-html{
    -webkit-animation-name:progress-html;
    animation-name:progress-html;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.chef-details-area .skills-bar-container li .bar-container #progress-css{
    -webkit-animation-name:progress-css;
    animation-name:progress-css;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.chef-details-area .skills-bar-container li .bar-container #progress-javascript{
    -webkit-animation-name:progress-javascript;
    animation-name:progress-javascript;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.chef-details-area .skills-bar-container li .bar-container #progress-round1{
    -webkit-animation-name:progress-round1;
    animation-name:progress-round1;
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.chef-details-area .skills-bar-container li .bar-container #progress-round2{
    -webkit-animation-name:progress-round2;
    animation-name:progress-round2;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.chef-details-area .skills-bar-container li .bar-container #progress-round3{
    -webkit-animation-name:progress-round3;
    animation-name:progress-round3;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
@-webkit-keyframes progress-html{
    0%{
        width:0%
    }
    100%{
        width:90%
    }
}
@keyframes progress-html{
    0%{
        width:0%
    }
    100%{
        width:90%
    }
}
@-webkit-keyframes progress-css{
    0%{
        width:0%
    }
    100%{
        width:80%
    }
}
@keyframes progress-css{
    0%{
        width:0%
    }
    100%{
        width:80%
    }
}
@-webkit-keyframes progress-javascript{
    0%{
        width:0%
    }
    100%{
        width:93%
    }
}
@keyframes progress-javascript{
    0%{
        width:0%
    }
    100%{
        width:93%
    }
}
@-webkit-keyframes progress-round1{
    0%{
        left:0%
    }
    100%{
        left:90%
    }
}
@keyframes progress-round1{
    0%{
        left:0%
    }
    100%{
        left:90%
    }
}
@-webkit-keyframes progress-round2{
    0%{
        left:0%
    }
    100%{
        left:80%
    }
}
@keyframes progress-round2{
    0%{
        left:0%
    }
    100%{
        left:80%
    }
}
@-webkit-keyframes progress-round3{
    0%{
        left:0%
    }
    100%{
        left:93%
    }
}
@keyframes progress-round3{
    0%{
        left:0%
    }
    100%{
        left:93%
    }
}
.chef-details-area .chef-dt-counter{
    background:#faf7f7;
    border-radius:5px;
    padding:50px
}
@media(max-width:767px){
    .chef-details-area .chef-dt-counter{
        padding:30px
    }
}
@media(max-width:576px){
    .chef-details-area .chef-dt-counter{
        padding:30px 20px
    }
}
.chef-details-area .chef-dt-counter .counter-single{
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:10px;
    padding:25px 20px;
    transition:.35s ease-in-out
}
@media(max-width:767px){
    .chef-details-area .chef-dt-counter .counter-single{
        flex-direction:column;
        text-align:center;
        justify-content:center
    }
}
.chef-details-area .chef-dt-counter .counter-single .counter-icon{
    margin-right:15px
}
@media(max-width:767px){
    .chef-details-area .chef-dt-counter .counter-single .counter-icon{
        margin-right:0;
        margin-bottom:10px
    }
}
@media(max-width:767px){
    .chef-details-area .chef-dt-counter .counter-single .coundown{
        text-align:center
    }
}
@media(max-width:767px){
    .chef-details-area .chef-dt-counter .counter-single .coundown div{
        justify-content:center
    }
}
.chef-details-area .chef-dt-counter .counter-single .coundown div h3{
    font-size:2.25rem;
    font-weight:600;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    margin-bottom:0;
    transition:.35s ease-in-out
}
.chef-details-area .chef-dt-counter .counter-single .coundown div span{
    font-size:2.25rem;
    font-weight:600;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s ease-in-out;
    display:inline-flex
}
.chef-details-area .chef-dt-counter .counter-single .coundown p{
    font-size:1.25rem;
    font-weight:700;
    color:var(--text-color1);
    font-family:var(--font-cormorant);
    margin-bottom:0;
    transition:.35s ease-in-out
}
.chef-details-area .chef-dt-counter .counter-single:hover{
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,#000203 0.28%,#09161D 99.7%)
}
.chef-details-area .chef-dt-counter .counter-single:hover .coundown div h3{
    color:var(--white)
}
.chef-details-area .chef-dt-counter .counter-single:hover .coundown div span{
    color:var(--white)
}
.chef-details-area .chef-dt-counter .counter-single:hover .coundown p{
    color:rgba(255,255,255,.8)
}
.chef-video-area .video-img{
    position:relative
}
.chef-video-area .video-img img{
    width:100%;
    min-height:350px;
    border-radius:10px
}
.chef-video-area .video-img::after{
    content:"";
    background:rgba(9,22,29,.6);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:10px
}
.chef-video-area .video-img .video-content{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    z-index:1;
    width:100%
}
.chef-video-area .video-img .video-content .video-icon{
    margin-bottom:5px
}
.chef-video-area .video-img .video-content .video-icon a{
    font-size:70px;
    color:var(--white);
    opacity:.7;
    transition:.35s
}
.chef-video-area .video-img .video-content .video-icon a:hover{
    color:var(--primary-color1)
}
.chef-video-area .video-img .video-content h3{
    margin-bottom:0;
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant)
}
.blog-standard-pages .news-wrap2{
    margin-bottom:70px
}
.blog-standard-pages .news-wrap2.last{
    margin-bottom:0
}
.blog-standard-pages .news-wrap2 .post-thum{
    border-radius:10px;
    position:relative;
    overflow:hidden
}
.blog-standard-pages .news-wrap2 .post-thum img{
    border-radius:10px;
    transition:all 700ms ease
}
@media(max-width:767px){
    .blog-standard-pages .news-wrap2 .post-thum img{
        width:100%
    }
}
.blog-standard-pages .news-wrap2 .post-thum .batch{
    position:absolute;
    left:0;
    top:20px
}
.blog-standard-pages .news-wrap2 .post-thum .batch a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    background-color:var(--primary-color1);
    border-radius:5px 0;
    padding:4px 13px;
    display:inline-block;
    transition:.35s ease all
}
.blog-standard-pages .news-wrap2 .post-thum .batch a:hover{
    color:var(--primary-color1);
    background-color:var(--white)
}
.blog-standard-pages .news-wrap2 .news-content{
    padding-top:25px
}
.blog-standard-pages .news-wrap2 .news-content .news-meta{
    display:flex;
    align-items:center;
    gap:90px;
    margin-bottom:15px
}
@media(min-width:992px) and (max-width:1199px){
    .blog-standard-pages .news-wrap2 .news-content .news-meta{
        gap:50px
    }
}
.blog-standard-pages .news-wrap2 .news-content .news-meta .publisher a,.blog-standard-pages .news-wrap2 .news-content .news-meta .comment a{
    font-size:1rem;
    font-weight:400;
    color:rgba(var(--text-color1),0.7);
    display:flex;
    align-items:center;
    transition:.35s ease all
}
.blog-standard-pages .news-wrap2 .news-content .news-meta .publisher a img,.blog-standard-pages .news-wrap2 .news-content .news-meta .comment a img{
    margin-right:5px
}
.blog-standard-pages .news-wrap2 .news-content .news-meta .publisher a:hover,.blog-standard-pages .news-wrap2 .news-content .news-meta .comment a:hover{
    color:var(--primary-color1)
}
.blog-standard-pages .news-wrap2 .news-content .news-meta .publisher{
    position:relative
}
.blog-standard-pages .news-wrap2 .news-content .news-meta .publisher::after{
    content:"";
    width:56px;
    height:2px;
    background-color:#eee;
    position:absolute;
    right:-70px;
    top:12px
}
@media(min-width:992px) and (max-width:1199px){
    .blog-standard-pages .news-wrap2 .news-content .news-meta .publisher::after{
        width:30px;
        right:-40px
    }
}
.blog-standard-pages .news-wrap2 .news-content h3{
    margin-bottom:15px
}
.blog-standard-pages .news-wrap2 .news-content h3 a{
    font-size:2.188rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.blog-standard-pages .news-wrap2 .news-content h3 a:hover{
    color:var(--primary-color1);
    text-decoration:underline
}
.blog-standard-pages .news-wrap2 .news-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.6;
    margin-bottom:0
}
.blog-standard-pages .news-wrap2:hover .post-thum img{
    transform:scale(1.05),rotate(5deg)
}
.widget-area .single-widgets{
    margin-bottom:50px
}
.widget-area .single-widgets .widget-title{
    margin-bottom:25px
}
.widget-area .single-widgets .widget-title h3{
    font-size:1.75re;
    font-weight:700;
    color:#000;
    font-family:var(--font-cormorant);
    margin-bottom:0
}
.widget-area .widget_sm-banner{
    position:relative
}
.widget-area .widget_sm-banner>img{
    border-radius:10px;
    width:100%
}
.widget-area .widget_sm-banner .overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(9,22,29,.75);
    border-radius:10px
}
.widget-area .widget_sm-banner .overlay .items-content>span{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    display:inline-block;
    margin-bottom:10px
}
.widget-area .widget_sm-banner .overlay .items-content>span .left-vec{
    margin-right:6px
}
.widget-area .widget_sm-banner .overlay .items-content>span .right-vec{
    margin-left:6px
}
.widget-area .widget_sm-banner .overlay .items-content h3{
    margin-bottom:30px
}
.widget-area .widget_sm-banner .overlay .items-content h3 a{
    font-size:1.875rem;
    font-weight:700;
    color:var(--white);
    font-family:var(--font-cormorant);
    line-height:36px;
    transition:.35s
}
.widget-area .widget_search form .wp-block-search__inside-wrapper{
    display:flex;
    align-items:center
}
.widget-area .widget_search form .wp-block-search__inside-wrapper .wp-block-search__input{
    width:100%;
    border:1px solid #eee;
    border-radius:5px 0 0 5px;
    height:55px;
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    padding:20px
}
.widget-area .widget_search form .wp-block-search__inside-wrapper .wp-block-search__button{
    background:#bf9444;
    border-radius:0 5px 5px 0;
    height:55px;
    min-width:55px
}
.widget-area .widget_search form .wp-block-search__inside-wrapper .wp-block-search__button svg{
    fill:var(--white)
}
.widget-area .widget_egns_recent_post{
    background:#faf7f7;
    border-radius:5px;
    padding:45px 35px
}
.widget-area .widget_egns_recent_post .widget-title{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.widget-area .widget_egns_recent_post .widget-title .slder-btn{
    display:flex;
    align-items:center;
    gap:10px
}
.widget-area .widget_egns_recent_post .widget-title .slder-btn .prev-btn,.widget-area .widget_egns_recent_post .widget-title .slder-btn .next-btn{
    height:24px;
    width:24px;
    line-height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(191,148,68,.5);
    border-radius:2px;
    transition:.35s
}
.widget-area .widget_egns_recent_post .widget-title .slder-btn .prev-btn i,.widget-area .widget_egns_recent_post .widget-title .slder-btn .next-btn i{
    color:var(--primary-color1);
    font-size:12px;
    transition:.35s
}
.widget-area .widget_egns_recent_post .widget-title .slder-btn .prev-btn:hover,.widget-area .widget_egns_recent_post .widget-title .slder-btn .next-btn:hover{
    background-color:var(--primary-color1)
}
.widget-area .widget_egns_recent_post .widget-title .slder-btn .prev-btn:hover i,.widget-area .widget_egns_recent_post .widget-title .slder-btn .next-btn:hover i{
    color:var(--white)
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .post-thum{
    border-radius:10px;
    position:relative
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .post-thum img{
    border-radius:10px;
    width:100%;
    min-height:250px
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content{
    padding-top:20px
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content ul{
    list-style:none;
    margin-bottom:0
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content ul li i{
    color:var(--primary-color1);
    font-size:12px
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .pric-tag{
    border:1px solid #e9e1e1;
    display:inline-block;
    height:30px;
    width:60px;
    line-height:30px;
    text-align:center;
    align-items:center;
    border-radius:5px;
    margin-bottom:7px
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .pric-tag span{
    display:inline-block;
    font-size:1.125rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    line-height:1
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta{
    display:flex;
    align-items:center;
    gap:90px;
    margin-bottom:10px
}
@media(min-width:992px) and (max-width:1199px){
    .widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta{
        gap:5px
    }
}
@media(max-width:576px){
    .widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta{
        gap:20px
    }
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher a,.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .comment a{
    font-size:1rem;
    font-weight:400;
    color:rgba(var(--text-color1),0.7);
    transition:.35s ease all
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher a:hover,.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .comment a:hover{
    color:var(--primary-color1)
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher{
    position:relative
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher::after{
    content:"";
    width:56px;
    height:2px;
    background-color:#eee;
    position:absolute;
    right:-70px;
    top:12px
}
@media(max-width:576px){
    .widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px) and (max-width:1199px){
    .widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content .news-meta .publisher::after{
        width:30px;
        right:-40px
    }
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content h3{
    margin-bottom:0
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content h3 a{
    font-size:1.375rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content h3 a:hover{
    color:var(--primary-color1);
    text-decoration:underline
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content.two h3{
    line-height:1
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content.two h3 a{
    line-height:1
}
.widget-area .widget_egns_recent_post .recent-post-wraper .news-wrap .news-content.two ul{
    margin-bottom:8px
}
.widget-area .widget_egns_categoris{
    background:#faf7f7;
    border-radius:5px;
    padding:45px 35px
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud{
    margin:0;
    padding:0;
    list-style:none
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li{
    margin-bottom:12px
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li:last-child{
    margin-bottom:0
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a .tag-name{
    display:inline-block;
    font-size:1.25rem;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    transition:.35s
}
@media(min-width:992px) and (max-width:1199px){
    .widget-area .widget_egns_categoris .wp-block-categoris-cloud li a img{
        width:50px
    }
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a .qty{
    display:inline-block;
    min-width:28px;
    height:28px;
    line-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.875rem;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    border:1px solid #bf9444;
    border-radius:50%;
    transition:.35s
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover .tag-name{
    color:var(--primary-color1)
}
.widget-area .widget_egns_categoris .wp-block-categoris-cloud li a:hover .qty{
    color:var(--title-color-dark);
    border-color:var(--title-color-dark)
}
.widget-area .widget_egns_tag{
    background:#faf7f7;
    border-radius:5px;
    padding:45px 35px
}
.widget-area .widget_egns_tag .wp-block-tag-cloud{
    margin-bottom:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px
}
.widget-area .widget_egns_tag .wp-block-tag-cloud li a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    padding:5px 16px;
    border:1px solid #eee;
    border-radius:2px;
    display:inline-block;
    transition:.35s
}
.widget-area .widget_egns_tag .wp-block-tag-cloud li a:hover{
    color:var(--primary-color1);
    border-color:rgba(191,148,68,.5)
}
.blog-details-pages .news-wrap2{
    margin-bottom:40px
}
.blog-details-pages .news-wrap2 .post-thum{
    border-radius:10px;
    position:relative
}
.blog-details-pages .news-wrap2 .post-thum img{
    border-radius:10px
}
@media(max-width:767px){
    .blog-details-pages .news-wrap2 .post-thum img{
        width:100%
    }
}
.blog-details-pages .news-wrap2 .post-thum .batch{
    position:absolute;
    left:0;
    top:20px
}
.blog-details-pages .news-wrap2 .post-thum .batch a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--white);
    font-family:var(--font-Jost);
    background-color:var(--primary-color1);
    border-radius:5px 0;
    padding:4px 13px;
    display:inline-block;
    transition:.35s ease all
}
.blog-details-pages .news-wrap2 .post-thum .batch a:hover{
    color:var(--primary-color1);
    background-color:var(--white)
}
.blog-details-pages .news-wrap2 .news-content{
    padding-top:25px
}
.blog-details-pages .news-wrap2 .news-content .news-meta{
    display:flex;
    align-items:center;
    gap:90px;
    margin-bottom:15px
}
@media(min-width:992px) and (max-width:1199px){
    .blog-details-pages .news-wrap2 .news-content .news-meta{
        gap:50px
    }
}
.blog-details-pages .news-wrap2 .news-content .news-meta .publisher a,.blog-details-pages .news-wrap2 .news-content .news-meta .comment a{
    font-size:1rem;
    font-weight:400;
    color:rgba(var(--text-color1),0.7);
    display:flex;
    align-items:center;
    transition:.35s ease all
}
.blog-details-pages .news-wrap2 .news-content .news-meta .publisher a img,.blog-details-pages .news-wrap2 .news-content .news-meta .comment a img{
    margin-right:5px
}
.blog-details-pages .news-wrap2 .news-content .news-meta .publisher a:hover,.blog-details-pages .news-wrap2 .news-content .news-meta .comment a:hover{
    color:var(--primary-color1)
}
.blog-details-pages .news-wrap2 .news-content .news-meta .publisher{
    position:relative
}
.blog-details-pages .news-wrap2 .news-content .news-meta .publisher::after{
    content:"";
    width:56px;
    height:2px;
    background-color:#eee;
    position:absolute;
    right:-70px;
    top:12px
}
@media(min-width:992px) and (max-width:1199px){
    .blog-details-pages .news-wrap2 .news-content .news-meta .publisher::after{
        width:30px;
        right:-40px
    }
}
.blog-details-pages .news-wrap2 .news-content h3{
    margin-bottom:15px;
    font-size:2.188rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    transition:.35s
}
.blog-details-pages .news-wrap2 .news-content p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.6;
    margin-bottom:0
}
.blog-details-pages .wp-block-quote{
    background:#faf7f7;
    border-radius:5px;
    padding:30px 45px;
    margin-top:40px;
    position:relative
}
.blog-details-pages .wp-block-quote::after{
    content:"";
    width:5px;
    height:100%;
    background:#bf9444;
    border-radius:0 5px 5px 0;
    position:absolute;
    left:0;
    top:0
}
.blog-details-pages .wp-block-quote h3{
    font-size:1.75rem;
    font-weight:700;
    color:var(--text-color1);
    font-family:var(--font-cormorant);
    line-height:1.3;
    margin-bottom:20px
}
.blog-details-pages .wp-block-quote h5{
    font-size:1.125rem;
    font-weight:500;
    color:var(--title-color-dark);
    font-family:var(--font-Jost)
}
.blog-details-pages .wp-block-quote h5 img{
    margin-right:10px
}
.blog-details-pages .title2{
    font-size:1.875rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:25px;
    padding-top:25px
}
.blog-details-pages .blog-dt-features{
    margin:0;
    padding:0;
    list-style:none
}
.blog-details-pages .blog-dt-features li{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    margin-bottom:10px
}
.blog-details-pages .blog-dt-features li i{
    font-weight:700;
    color:var(--primary-color1);
    font-size:14px;
    margin-right:7px
}
.blog-details-pages p{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:1.6;
    margin-bottom:0
}
.blog-details-pages .tag-social{
    padding-top:50px
}
.blog-details-pages .tag-social .tags{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    gap:12px
}
@media(max-width:991px){
    .blog-details-pages .tag-social .tags{
        justify-content:center;
        margin-bottom:20px
    }
}
.blog-details-pages .tag-social .tags li a{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    border:1px solid #eee;
    border-radius:2px;
    padding:3px 10px;
    display:inline-block;
    transition:.35s
}
.blog-details-pages .tag-social .tags li a:hover{
    color:var(--white);
    border-color:var(--primary-color1);
    background-color:var(--primary-color1)
}
.blog-details-pages .tag-social .social-area{
    display:flex;
    align-items:center;
    justify-content:end
}
@media(max-width:991px){
    .blog-details-pages .tag-social .social-area{
        justify-content:center
    }
}
.blog-details-pages .tag-social .social-area h5{
    font-size:1.125rem;
    font-weight:500;
    color:#000;
    font-family:var(--font-Jost);
    margin-bottom:0
}
.blog-details-pages .tag-social .social-area .social-link{
    margin:0;
    padding:0;
    list-style:none;
    gap:15px;
    margin-left:20px
}
.blog-details-pages .tag-social .social-area .social-link li a{
    font-size:16px;
    height:30px;
    width:30px;
    line-height:30px;
    border:1px solid #eee;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-color1);
    transition:.35s
}
.blog-details-pages .tag-social .social-area .social-link li a:hover{
    background-color:var(--primary-color1);
    color:var(--white)
}
.blog-details-pages .blog-dt-navigation{
    border-top:2px dashed #eee;
    border-bottom:2px dashed #eee;
    padding:40px 0
}
.blog-details-pages .blog-dt-navigation .navigation-btn{
    gap:15px
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a{
    font-size:1rem;
    font-weight:500;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    white-space:nowrap;
    display:inline-block;
    padding:6px 18px 6px 12px;
    border:1px solid #eee;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a .bi-arrow-left{
    margin-right:7px
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a .bi-arrow-right{
    margin-left:7px
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--primary-color1);
    z-index:-1
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a:hover{
    color:var(--white)
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.blog-details-pages .blog-dt-navigation .navigation-btn>a:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.blog-details-pages .blog-dt-navigation .navigation-btn h5{
    margin-bottom:0
}
.blog-details-pages .blog-dt-navigation .navigation-btn h5 a{
    font-size:1.25rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    max-width:200px;
    transition:.35s
}
.blog-details-pages .blog-dt-navigation .navigation-btn h5 a:hover{
    color:var(--primary-color1)
}
.blog-details-pages .blog-dt-navigation .navigation-btn.two{
    justify-content:end
}
@media(max-width:991px){
    .blog-details-pages .blog-dt-navigation .navigation-btn.two{
        justify-content:center;
        padding-top:20px
    }
}
@media(max-width:991px){
    .blog-details-pages .blog-dt-navigation .navigation-btn{
        justify-content:center
    }
}
.blog-details-pages .comments-area{
    padding-top:30px
}
.blog-details-pages .comments-area .number-of-comment{
    margin-bottom:22px
}
.blog-details-pages .comments-area .number-of-comment h3{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
.blog-details-pages .comments-area .comment-list-area .comment-list{
    margin:0;
    padding:0;
    list-style:none
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment{
    background:#faf7f7;
    border-radius:5px;
    padding:35px 30px;
    margin-bottom:25px
}
@media(max-width:576px){
    .blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment{
        padding:30px 20px
    }
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-image{
    margin-right:20px
}
@media(max-width:767px){
    .blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-image{
        margin-bottom:20px
    }
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-image img{
    border-radius:5px
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header{
    justify-content:space-between;
    margin-bottom:12px;
    gap:10px
}
@media(max-width:576px){
    .blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header{
        flex-wrap:wrap
    }
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta{
    display:flex;
    align-items:center;
    gap:10px
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta h5 a{
    font-size:1.125rem;
    font-weight:500;
    color:var(--title-color-dark);
    font-family:var(--font-Jost)
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta .c-date{
    font-size:1rem;
    font-weight:400;
    color:rgba(94,94,94,.8);
    font-family:var(--font-Jost);
    border:1px solid #eee;
    padding:2px 14px
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    display:flex;
    align-items:center;
    line-height:1;
    transition:.35s
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a i{
    margin-right:5px
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a:hover{
    color:var(--title-color-dark)
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li .single-comment .c-body p{
    margin-bottom:0;
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.blog-details-pages .comments-area .comment-list-area .comment-list>li:last-child .single-comment{
    margin-bottom:0
}
.blog-details-pages .comments-area .comment-list-area .comment-list .comment-reply{
    margin:0;
    padding:0;
    list-style:none;
    margin-left:75px
}
@media(max-width:576px){
    .blog-details-pages .comments-area .comment-list-area .comment-list .comment-reply{
        margin-left:25px
    }
}
.blog-details-pages .comments-area .comment-form{
    border:1px solid #eee;
    border-radius:5px;
    padding:50px 60px
}
@media(max-width:767px){
    .blog-details-pages .comments-area .comment-form{
        padding:43px 25px 50px
    }
}
.blog-details-pages .comments-area .comment-form form .form-inner input,.blog-details-pages .comments-area .comment-form form .form-inner textarea{
    width:100%;
    border:none;
    background:#faf7f7;
    border-radius:5px;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    padding:15px 20px
}
.blog-details-pages .comments-area .comment-form form .form-inner input:focus,.blog-details-pages .comments-area .comment-form form .form-inner textarea:focus{
    border:1px solid rgba(191,148,68,.5)
}
.blog-details-pages .comments-area .comment-form form .form-inner input{
    height:55px
}
.blog-details-pages .comments-area .comment-form form .form-inner textarea{
    min-height:120px
}
.blog-details-pages .comments-area .comment-form form .form-inner button{
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.blog-details-pages .comments-area .comment-form form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--title-color-dark);
    z-index:-1
}
.blog-details-pages .comments-area .comment-form form .form-inner button:hover{
    color:var(--white)
}
.blog-details-pages .comments-area .comment-form form .form-inner button:hover i::before{
    content:"\f134"
}
.blog-details-pages .comments-area .comment-form form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.blog-details-pages .comments-area .comment-form form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.blog-details-pages .comments-area .comment-form form .form-inner2{
    display:flex;
    align-items:baseline
}
.blog-details-pages .comments-area .comment-form form .form-inner2 input{
    margin-right:5px
}
.faq-area{
    width:80%;
    margin:0 auto
}
@media(max-width:576px){
    .faq-area{
        width:95%
    }
}
.faq-area .section-title>h2{
    line-height:1;
    margin-bottom:50px
}
.faq-area .faq-left-img{
    position:relative
}
.faq-area .faq-left-img img{
    border-radius:10px
}
.faq-area .faq-left-img .sm-img{
    position:absolute;
    bottom:-50px;
    left:-100px
}
@media(max-width:991px){
    .faq-area .faq-left-img .sm-img{
        display:none;
        visibility:hidden
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .faq-area .faq-left-img .sm-img img{
        max-width:350px
    }
}
@media(max-width:1399px){
    .faq-area .faq-left-img .sm-img img{
        max-width:350px
    }
}
.faq-area .accordion{
    max-width:740px;
    width:100%;
    margin-left:20px
}
@media(max-width:576px){
    .faq-area .accordion{
        margin-left:0
    }
}
.faq-area .accordion .accordion-item{
    margin-bottom:25px;
    border:none
}
.faq-area .accordion .accordion-item .accordion-header .accordion-button{
    font-size:1.563rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    background:#fbf5eb;
    border-radius:10px 0 10px 0;
    padding:14px 40px;
    position:relative
}
.faq-area .accordion .accordion-item .accordion-header .accordion-button::after{
    content:"\f4fe";
    font-weight:300;
    color:var(--primary-color1);
    font-family:bootstrap-icons;
    background-image:none;
    height:33px;
    width:33px;
    border-radius:50%;
    background:#fafafa;
    border:1px solid #bf9444;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:-16px
}
.faq-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
    background:#fbf5eb;
    border-radius:10px 0 0 0;
    box-shadow:none
}
.faq-area .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
    content:"\f2ea";
    transform:rotate(0deg)
}
.faq-area .accordion .accordion-item .accordion-header .accordion-button:focus{
    box-shadow:none
}
.faq-area .accordion .accordion-item .accordion-collapse{
    background:#fbf5eb;
    border-radius:0 0 10px 0
}
.faq-area .accordion .accordion-item .accordion-collapse .accordion-body{
    padding:1px 40px 12px;
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1)
}
.error-pages{
    background-image:url(../images/bg/error-page-bg.png);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    padding:200px 0
}
@media(max-width:1399px){
    .error-pages{
        padding:150px 0
    }
}
@media(max-width:1199px){
    .error-pages{
        background-position:left
    }
}
@media(max-width:767px){
    .error-pages{
        padding:100px 0
    }
}
.error-pages .error-content h2{
    margin-bottom:50px;
    font-size:3.438rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant)
}
.error-pages .error-content p{
    padding-top:25px;
    margin-bottom:45px;
    font-size:1.563rem;
    font-weight:400;
    color:var(--text-color1)
}
.contact-page{
    width:90%;
    margin:0 auto
}
.contact-page .contact-wrap{
    display:flex;
    align-items:center
}
@media(max-width:1399px){
    .contact-page .contact-wrap{
        display:block
    }
}
.contact-page .contact-wrap .contact-img img{
    border-radius:10px 0
}
@media(max-width:1700px){
    .contact-page .contact-wrap .contact-img img{
        width:100%
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .contact-page .contact-wrap .contact-img img{
        border-radius:10px 0 0 10px
    }
}
@media(max-width:1399px){
    .contact-page .contact-wrap .contact-img img{
        border-radius:10px 10px 0 0
    }
}
.contact-page .contact-wrap .contact-content{
    padding:32px 30px 40px;
    border:1px solid #eee;
    border-radius:0 10px 10px 0;
    min-width:350px;
    max-width:350px;
    width:100%
}
@media(max-width:1399px){
    .contact-page .contact-wrap .contact-content{
        margin:0 auto;
        max-width:unset;
        padding:32px 20px 40px;
        border-radius:0 0 10px 10px
    }
}
@media(max-width:576px){
    .contact-page .contact-wrap .contact-content{
        min-width:unset
    }
}
.contact-page .contact-wrap .contact-content h3{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    position:relative;
    display:inline-block;
    margin-bottom:35px
}
.contact-page .contact-wrap .contact-content h3::after{
    content:url(../images/icon/contact-title-vec.svg);
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-22px
}
.contact-page .contact-wrap .contact-content ul{
    margin:0;
    padding:0;
    list-style:none
}
.contact-page .contact-wrap .contact-content ul li{
    display:flex;
    align-items:center;
    margin-bottom:20px
}
.contact-page .contact-wrap .contact-content ul li:last-child{
    margin-bottom:0
}
.contact-page .contact-wrap .contact-content ul li .icon{
    margin-right:12px
}
.contact-page .contact-wrap .contact-content ul li .content a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    transition:.35s
}
@media(min-width:1400px) and (max-width:1599px){
    .contact-page .contact-wrap .contact-content ul li .content a{
        font-size:1rem
    }
}
@media(max-width:1399px){
    .contact-page .contact-wrap .contact-content ul li .content a{
        font-size:1rem
    }
}
.contact-page .contact-wrap .contact-content ul li .content a:hover{
    color:var(--primary-color1)
}
.contact-form{
    background-image:url(../images/bg/reservation-1-bg.png);
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right;
    padding:100px 30px;
    position:relative;
    z-index:1;
    border:1px solid #eee;
    border-radius:10px
}
@media(max-width:991px){
    .contact-form{
        padding:80px 30px
    }
}
@media(max-width:576px){
    .contact-form{
        padding:80px 20px
    }
}
.contact-form::after{
    content:"";
    background:linear-gradient(98.3deg,rgba(111,73,2,0.2) 0.45%,rgba(0,0,0,0) 162.03%),linear-gradient(269.66deg,rgba(0,2,3,0.51) 0.28%,#09161D 99.7%);
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:-1;
    border-radius:10px
}
.contact-form .section-title h2{
    color:var(--white)
}
.contact-form form .form-inner input,.contact-form form .form-inner textarea{
    width:100%;
    background:rgba(9,22,29,.6);
    border:1px solid rgba(238,238,238,.1);
    border-radius:10px;
    height:55px;
    padding:20px 30px;
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5);
    font-family:var(--font-Jost)
}
.contact-form form .form-inner input::-moz-placeholder,.contact-form form .form-inner textarea::-moz-placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.contact-form form .form-inner input:-ms-input-placeholder,.contact-form form .form-inner textarea:-ms-input-placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.contact-form form .form-inner input::placeholder,.contact-form form .form-inner textarea::placeholder{
    font-size:1rem;
    font-weight:400;
    color:rgba(255,255,255,.5)
}
.contact-form form .form-inner input:focus,.contact-form form .form-inner textarea:focus{
    border:1px solid rgba(191,148,68,.5)
}
.contact-form form .form-inner textarea{
    height:unset;
    min-height:200px
}
.contact-form form .form-inner button{
    width:100%;
    border-radius:10px 0;
    background-color:var(--primary-color1);
    font-size:1.125rem;
    font-weight:500;
    color:var(--white);
    font-family:var(--font-Jost);
    height:55px;
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
@media(max-width:767px){
    .contact-form form .form-inner button{
        margin-top:25px
    }
}
.contact-form form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--white);
    z-index:-1
}
.contact-form form .form-inner button:hover{
    color:var(--primary-color1)
}
.contact-form form .form-inner button:hover i::before{
    content:"\f134"
}
.contact-form form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.contact-form form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.contact-form form .form-inner.date-icon{
    position:relative
}
.contact-form form .form-inner.date-icon::after{
    content:url(../images/icon/date.svg);
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    line-height:1
}
.contact-form form .form-inner2{
    padding-top:12px;
    display:flex;
    align-items:baseline
}
.contact-form form .form-inner2 input{
    margin-right:5px
}
.contact-form form .form-inner2 label{
    font-size:1.125rem;
    font-weight:400;
    color:rgba(255,255,255,.8)
}
.contact-form form .form-inner2 input[type=checkboxi]{
    background-color:var(--primary-color1)
}
.contact-map iframe{
    width:100%;
    height:666px;
    margin-bottom:-8px
}
@media(max-width:1399px){
    .contact-map iframe{
        height:450px
    }
}
@media(max-width:767px){
    .contact-map iframe{
        height:350px
    }
}
.shop-details .tab-content1{
    background:rgba(191,148,68,.1);
    height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px;
    margin-bottom:25px;
    border-radius:3px
}
@media(max-width:576px){
    .shop-details .tab-content1{
        padding:50px 25px;
        height:unset
    }
}
.shop-details .nav1{
    justify-content:space-between;
    margin:15px;
    gap:30px
}
@media(max-width:1399px){
    .shop-details .nav1{
        justify-content:center
    }
}
@media(max-width:767px){
    .shop-details .nav1{
        justify-content:center
    }
}
@media(max-width:576px){
    .shop-details .nav1{
        gap:30px
    }
}
.shop-details .nav1 .nav-link{
    height:132px;
    padding:10px;
    background:#f2f2f2;
    border-radius:3px;
    position:relative
}
.shop-details .nav1 .nav-link::after{
    content:"";
    height:150px;
    width:115%;
    border:2px solid #f4f4f4;
    border-radius:3px;
    position:absolute;
    left:-9px;
    top:-9px
}
.shop-details .nav1 .nav-link.active{
    background-color:rgba(191,148,68,.2)
}
.shop-details .nav1 .nav-link.active::after{
    border-color:rgba(191,148,68,.2)
}
.shop-details .prod-details-content .product-review2{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:5px
}
.shop-details .prod-details-content .product-review2 li{
    margin-right:5px
}
.shop-details .prod-details-content .product-review2 li i{
    font-size:16px;
    color:var(--primary-color1)
}
.shop-details .prod-details-content .product-review2 li a{
    font-size:1rem;
    font-weight:400;
    color:#5e5e5e;
    font-family:var(--font-Jost);
    margin-left:5px
}
.shop-details .prod-details-content h2{
    font-size:2.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    margin-bottom:15px
}
.shop-details .prod-details-content .price-tag{
    border-bottom:1px solid rgba(0,29,35,.05);
    padding-bottom:20px
}
.shop-details .prod-details-content .price-tag h4{
    margin-bottom:0;
    font-size:2.188rem;
    font-weight:600;
    color:var(--primary-color1);
    font-family:var(--font-jost)
}
.shop-details .prod-details-content .price-tag h4 del{
    font-size:1.25rem;
    font-weight:600;
    color:#979797
}
.shop-details .prod-details-content p{
    font-size:1.125rem;
    font-weight:400;
    color:#5e5e5e;
    font-family:var(--font-jost);
    padding-top:15px
}
.shop-details .prod-details-content .prod-quantity{
    padding-top:20px;
    gap:20px
}
@media(max-width:576px){
    .shop-details .prod-details-content .prod-quantity{
        display:block!important
    }
}
.shop-details .prod-details-content .prod-quantity .quantity{
}
.shop-details .prod-details-content .prod-quantity .quantity .quantity-nav{
    border:1px solid rgba(0,29,35,.3);
    padding:5px;
    border-radius:36px
}
.shop-details .prod-details-content .prod-quantity .quantity .quantity-nav input{
    font-size:1rem;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--title-color-dark);
    text-align:center;
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    padding:0 15px;
    background-color:transparent;
    border:unset
}
.shop-details .prod-details-content .prod-quantity .quantity .quantity-nav button{
    height:32px;
    width:32px;
    line-height:33px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:26px
}
.shop-details .prod-details-content .prod-quantity .quantity .nice-number{
    display:inline-flex;
    justify-content:stretch;
    align-items:center
}
.shop-details .prod-details-content .prod-quantity .quantity .nice-number input{
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    text-align:center
}
.shop-details .prod-details-content .prod-quantity .quantity .nice-number input::-webkit-inner-spin-button,.shop-details .prod-details-content .prod-quantity .quantity .nice-number input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.shop-details .prod-details-content .prod-quantity .primary-btn3{
    padding:10px 70px
}
@media(max-width:576px){
    .shop-details .prod-details-content .prod-quantity .primary-btn3{
        margin-top:20px
    }
}
.shop-details .prod-details-content .category-tag{
    padding-top:15px
}
.shop-details .prod-details-content .category-tag ul{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px
}
.shop-details .prod-details-content .category-tag ul li:first-child{
    font-size:1.375rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:1
}
.shop-details .prod-details-content .category-tag ul li a{
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-jost);
    transition:.35s;
    line-height:1
}
.shop-details .prod-details-content .category-tag ul li a:hover{
    color:var(--primary-color1)
}
.shop-details .item-details-tt{
    font-size:2.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    border-bottom:1px solid #f0f0f0
}
.shop-details .nav2 .nav-link{
    padding:5px 50px;
    font-size:1.5rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    background:#f4f4f4;
    border-radius:0;
    max-width:280px;
    width:100%;
    margin-bottom:25px
}
.shop-details .nav2 .nav-link.active{
    color:var(--white);
    background:var(--title-color-dark)
}
.shop-details .tab-content2 .description{
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost);
    line-height:30px
}
.shop-details .tab-content2 .comments-area .number-of-comment{
    margin-bottom:22px
}
.shop-details .tab-content2 .comments-area .number-of-comment h3{
    font-size:1.75rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    line-height:1
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list{
    margin:0;
    padding:0;
    list-style:none
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment{
    background:#faf7f7;
    border-radius:5px;
    padding:35px 30px;
    margin-bottom:25px
}
@media(max-width:576px){
    .shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment{
        padding:30px 20px
    }
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-image{
    margin-right:20px
}
@media(max-width:767px){
    .shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-image{
        margin-bottom:20px
    }
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-image img{
    border-radius:5px
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header{
    justify-content:space-between;
    gap:10px
}
@media(max-width:576px){
    .shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header{
        flex-wrap:wrap
    }
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta{
    display:flex;
    align-items:center;
    gap:10px
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta h5 a{
    font-size:1.125rem;
    font-weight:500;
    color:var(--title-color-dark);
    font-family:var(--font-Jost)
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .comment-meta .c-date{
    font-size:1rem;
    font-weight:400;
    color:rgba(94,94,94,.8);
    font-family:var(--font-Jost);
    border:1px solid #eee;
    padding:2px 14px
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a{
    font-size:1.125rem;
    font-weight:400;
    color:var(--primary-color1);
    font-family:var(--font-Jost);
    display:flex;
    align-items:center;
    line-height:1;
    transition:.35s
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a i{
    margin-right:5px
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .c-header .replay-btn a:hover{
    color:var(--title-color-dark)
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .product-review{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:15px
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .comment-content .product-review li i{
    font-size:12px;
    color:var(--primary-color1)
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li .single-comment .c-body p{
    margin-bottom:0;
    font-size:1.125rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list>li:last-child .single-comment{
    margin-bottom:0
}
.shop-details .tab-content2 .comments-area .comment-list-area .comment-list .comment-reply{
    margin:0;
    padding:0;
    list-style:none;
    margin-left:75px
}
@media(max-width:576px){
    .shop-details .tab-content2 .comments-area .comment-list-area .comment-list .comment-reply{
        margin-left:25px
    }
}
.shop-details .tab-content2 .comments-area .comment-form{
    border:1px solid #eee;
    border-radius:5px;
    padding:50px 60px
}
@media(max-width:767px){
    .shop-details .tab-content2 .comments-area .comment-form{
        padding:43px 25px 50px
    }
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner input,.shop-details .tab-content2 .comments-area .comment-form form .form-inner textarea{
    width:100%;
    border:none;
    background:#faf7f7;
    border-radius:5px;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    padding:15px 20px
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner input:focus,.shop-details .tab-content2 .comments-area .comment-form form .form-inner textarea:focus{
    border:1px solid rgba(191,148,68,.5)
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner input{
    height:55px
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner textarea{
    min-height:120px
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button{
    z-index:2;
    transition:.3s ease all;
    position:relative;
    overflow:hidden
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button:before{
    transition:.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:"";
    background-color:var(--title-color-dark);
    z-index:-1
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button:hover{
    color:var(--white)
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button:hover i::before{
    content:"\f134"
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button:hover:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner button:focus:before{
    transition:.5s all ease;
    left:0;
    right:0;
    opacity:1
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2{
    display:flex;
    align-items:baseline
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 input{
    margin-right:5px
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area p{
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    color:var(--text-color1);
    font-family:var(--font-Jost)
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate{
    float:left
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate:not(:checked)>input{
    position:absolute;
    top:-9999px
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate:not(:checked)>label{
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:25px;
    line-height:1;
    color:#ccc
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate:not(:checked)>label:before{
    content:"★ "
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>input:checked~label{
    color:var(--primary-color1)
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate:not(:checked)>label:hover,.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate:not(:checked)>label:hover~label{
    color:var(--primary-color1)
}
.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>input:checked+label:hover,.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>input:checked+label:hover~label,.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>input:checked~label:hover,.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>input:checked~label:hover~label,.shop-details .tab-content2 .comments-area .comment-form form .form-inner2 .comment-rate-area .rate>label:hover~input:checked~label{
    color:var(--primary-color1)
}
.table-wrapper{
    width:100%;
    overflow-x:auto;
    margin-bottom:32px
}
.table-wrapper .eg-table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden
}
@media(max-width:767px){
    .table-wrapper .eg-table{
        display:block;
        width:100%
    }
}
.table-wrapper .eg-table thead{
    background:#fff
}
.table-wrapper .eg-table thead tr{
    border-width:2px
}
.table-wrapper .eg-table thead tr th{
    font-size:1.25rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    opacity:1;
    padding:15px;
    vertical-align:top;
    text-align:center;
    border-width:1px
}
@media(max-width:767px){
    .table-wrapper .eg-table thead tr th{
        display:none
    }
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody{
        display:block;
        width:100%
    }
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody tr{
        display:block;
        width:100%;
        margin-bottom:20px
    }
}
.table-wrapper .eg-table tbody tr td{
    font-weight:400;
    color:#5e5e5e;
    font-family:var(--font-Jost);
    text-align:center;
    border-width:1px;
    vertical-align:middle;
    padding:15px
}
.table-wrapper .eg-table tbody tr td a{
    color:#5e5e5e;
    transition:.35s
}
.table-wrapper .eg-table tbody tr td a:hover{
    color:var(--primary-color1)
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody tr td{
        display:block;
        width:100%;
        text-align:right;
        padding-left:50%;
        position:relative
    }
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody tr td::before{
        content:attr(data-label);
        position:absolute;
        left:0;
        width:50%;
        text-align:left;
        padding-left:15px;
        font-weight:600;
        color:#00152b;
        font-family:var(--font-cormorant);
        font-size:1.25rem
    }
}
.table-wrapper .eg-table tbody tr td:nth-child(5){
    font-weight:700
}
.table-wrapper .eg-table tbody tr td:nth-child(7){
    font-weight:700
}
.table-wrapper .eg-table tbody tr td .delete-icon{
    height:32px;
    width:32px;
    line-height:35px;
    border-radius:50%;
    background-color:var(--white);
    box-shadow:4px 8px 30px rgba(141,141,141,.19);
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    transition:.4s ease
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody tr td .delete-icon{
        margin:0;
        margin-left:auto
    }
}
.table-wrapper .eg-table tbody tr td .delete-icon i{
    font-size:25px;
    line-height:1;
    transition:.4s ease
}
.table-wrapper .eg-table tbody tr td .delete-icon:hover{
    background-color:var(--primary-color1)
}
.table-wrapper .eg-table tbody tr td .delete-icon:hover i{
    color:var(--white)
}
.table-wrapper .eg-table tbody tr td img{
    width:54px;
    height:64px;
    -o-object-fit:cover;
    object-fit:cover
}
.table-wrapper .eg-table tbody tr td .quantity{
    justify-content:center
}
@media(max-width:767px){
    .table-wrapper .eg-table tbody tr td .quantity{
        justify-content:end
    }
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav{
    padding:5px;
    border-radius:36px
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav input{
    font-size:1rem;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    text-align:center;
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    padding:0 5px;
    background-color:transparent;
    border:unset
}
.table-wrapper .eg-table tbody tr td .quantity .quantity-nav button{
    height:32px;
    width:32px;
    line-height:33px;
    border-radius:50%;
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--title-color-dark);
    font-size:26px
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number{
    display:inline-flex;
    justify-content:stretch;
    align-items:center
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number input{
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    text-align:center
}
.table-wrapper .eg-table tbody tr td .quantity .nice-number input::-webkit-inner-spin-button,.table-wrapper .eg-table tbody tr td .quantity .nice-number input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.total-table thead tr{
    border-width:2px
}
.total-table thead tr th{
    text-align:center;
    font-weight:700;
    font-size:1.25rem;
    color:#00152b;
    padding:15px;
    font-family:var(--font-cormorant);
    border-width:1px
}
.total-table tbody tr{
    border-width:2px
}
.total-table tbody tr td{
    border-width:2px;
    padding:15px;
    color:#5e5e5e;
    font-family:var(--font-Jost)
}
@media(max-width:767px){
    .total-table tbody tr td{
        padding:10px;
        font-size:14px
    }
}
.total-table tbody tr td:nth-child(1){
    font-weight:700;
    font-size:1.25rem;
    color:#00152b;
    font-family:var(--font-cormorant);
    text-align:center
}
.total-table tbody tr td:nth-child(3){
    font-weight:700;
    font-size:1rem;
    color:#00152b;
    font-family:var(--font-Jost);
    text-align:center
}
@media(max-width:767px){
    .total-table tbody tr td:nth-child(3){
        font-size:14px
    }
}
.total-table tbody tr td .cost-list{
    margin:0;
    padding:0;
    list-style:none
}
.total-table tbody tr td .cost-list li{
    font-size:14px;
    font-weight:400;
    color:#5e5e5e;
    margin-bottom:10px;
    line-height:1.6
}
@media(max-width:767px){
    .total-table tbody tr td .cost-list li{
        font-size:13px
    }
}
.total-table tbody tr td .cost-list li a{
    color:var(--primary-color1);
    border-bottom:1px solid var(--primary-color1)
}
.total-table tbody tr td .single-cost{
    margin:0;
    padding:0;
    list-style:none
}
.total-table tbody tr td .single-cost li{
    font-size:14px;
    color:#00152b!important;
    margin-bottom:10px;
    line-height:1.6;
    font-weight:700
}
.quantity{
    position:relative;
    display:inline-table
}
.quantity input{
    width:70px;
    height:42px;
    line-height:1.65;
    float:left;
    display:block;
    padding:0;
    margin:0;
    padding-left:20px;
    border:1px solid #eee;
    margin-left:0;
    background:#eee
}
.quantity input:focus{
    outline:0
}
.quantity-nav{
    float:left;
    position:relative;
    height:42px
}
.quantity-button{
    position:relative;
    cursor:pointer;
    border-left:1px solid #eee;
    width:20px;
    text-align:center;
    color:#333;
    font-size:13px;
    font-family:trebuchet ms,Helvetica,sans-serif!important;
    line-height:1.7;
    transform:translateX(-100%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.quantity-button.quantity-up{
    position:absolute;
    height:50%;
    top:0;
    border-bottom:1px solid #eee
}
.quantity-button.quantity-down{
    position:absolute;
    bottom:-1px;
    height:50%
}
.prod-card{
    padding:30px;
    border-radius:5px;
    box-shadow:4px 8px 30px rgba(141,141,141,.15)
}
.eg-card{
    padding:30px;
    border-radius:5px;
    box-shadow:4px 8px 30px rgba(141,141,141,.15)
}
.coupon-area .coupon-title{
    font-weight:700;
    font-size:1.5rem;
    color:#00152b;
    font-family:var(--font-cormorant);
    margin-bottom:25px
}
.coupon-area .coupon-input{
    position:relative
}
.coupon-area .coupon-input input{
    height:46px;
    margin-bottom:0;
    border:1px solid #eee;
    box-sizing:border-box;
    border-radius:0;
    padding:8px 15px;
    display:block;
    width:100%
}
.coupon-area button{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    background:var(--primary-color1);
    font-weight:500;
    font-size:16px;
    color:#fff;
    outline:none;
    border:none;
    padding:0 28px;
    border-radius:0 5px 5px 0;
    box-shadow:inset 0 0 0 0 #fff;
    transition:.4s ease
}
.coupon-area button:hover{
    box-shadow:inset 150px 0 0 0 #09161d;
    background:var(--title-color-dark);
    border:1px solid ar(--primary-color1);
    color:ar(--primary-color1)
}
.cart-btn-group{
    display:flex;
    justify-content:start;
    flex-wrap:wrap;
    align-items:center;
    padding-top:22px;
    gap:20px
}
.cart-btn-group .proceed-btn{
    padding:12px 35px
}
.cart-btn-group .shopping-btn{
    font-size:1rem;
    padding:12px 35px;
    font-weight:500;
    font-family:var(--font-Jost);
    color:var(--primary-color1);
    transition:.4s ease;
    position:relative
}
.cart-btn-group .shopping-btn::after{
    content:"\f138";
    font-family:bootstrap-icons;
    font-weight:800;
    position:absolute;
    top:11px;
    right:5px;
    font-size:20px;
    transform:translateX(-100%);
    opacity:0;
    transition:.4s ease
}
.cart-btn-group .shopping-btn:hover::after{
    transform:translateX(0);
    opacity:1
}
.form-wrap{
    border-radius:5px;
    padding:40px
}
@media(max-width:767px){
    .form-wrap{
        padding:20px
    }
}
.form-wrap.form-wrap2{
    padding:unset
}
.form-wrap .form-inner{
    margin-bottom:25px
}
.form-wrap input,.form-wrap select{
    height:50px;
    padding:0 20px;
    line-height:50px;
    width:100%;
    transition:.3s ease
}
.form-wrap input:focus,.form-wrap select:focus{
    border:1px solid #f96822
}
.form-wrap select{
    font-size:12px;
    color:#848484
}
.form-wrap textarea{
    padding:20px
}
.related-items-area .item-details-tt{
    font-size:2.625rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-cormorant);
    border-bottom:1px solid #f0f0f0
}
.related-items-area img{
    width:100%
}
@media(max-width:576px){
    .related-items-area .related-item-sliders{
        padding:0 10px
    }
}
.checkout-section .form-wrap{
    border-radius:5px;
    padding:40px
}
@media(max-width:576px){
    .checkout-section .form-wrap{
        padding:25px
    }
}
.checkout-section .form-wrap .title-25{
    font-size:1.563rem;
    font-weight:800;
    font-family:var(--font-cormorant);
    line-height:1.6;
    color:var(--title-color-dark);
    text-transform:capitalize
}
.checkout-section .form-wrap .form-inner{
    margin-bottom:25px
}
.checkout-section .form-wrap .form-inner label{
    margin-bottom:.875rem;
    font-size:14px;
    font-weight:500;
    color:#505050;
    margin-bottom:10px;
    font-family:var(--font-Jost)
}
.checkout-section .form-wrap .form-inner input,.checkout-section .form-wrap .form-inner select{
    display:block;
    border:1px solid #eee;
    border-radius:5px;
    height:50px;
    padding:0 20px;
    line-height:50px;
    width:100%;
    transition:.3s ease;
    font-size:14px;
    color:#848484;
    font-family:var(--font-Jost)
}
.checkout-section .form-wrap .form-inner select{
    display:block;
    border:1px solid #eee;
    border-radius:5px;
    height:50px;
    padding:0 20px;
    line-height:50px;
    width:100%;
    transition:.3s ease
}
.checkout-section .form-wrap .form-inner .nice-select{
    width:100%;
    height:50px;
    float:none;
    line-height:50px;
    font-size:14px;
    color:#848484;
    font-family:var(--font-Jost)
}
.checkout-section .form-wrap .form-inner .nice-select:hover{
    border:1px solid #eee
}
.checkout-section .form-wrap .form-inner .nice-select .list{
    width:100%
}
.checkout-section .form-wrap .form-inner .nice-select .list li{
    background-color:rgba(191,148,68,.1)
}
.checkout-section .form-wrap .form-inner textarea{
    padding:20px;
    background:#fff;
    border-radius:5px;
    display:block;
    width:100%;
    border:1px solid #eee;
    transition:all .4s ease;
    font-size:14px;
    color:#848484;
    font-family:var(--font-Jost)
}
.checkout-section .box--shadow{
    box-shadow:4px 8px 30px rgba(141,141,141,.1)
}
.checkout-section .added-product-summary{
    border:1px solid #eee;
    box-sizing:border-box;
    border-radius:5px;
    padding:30px
}
@media(max-width:767px){
    .checkout-section .added-product-summary{
        padding:20px 15px
    }
}
.checkout-section .added-product-summary .checkout-title{
    font-size:1.563rem;
    font-weight:800;
    font-family:var(--font-cormorant);
    line-height:1.6;
    color:var(--title-color-dark);
    margin-bottom:25px
}
.checkout-section .added-product-summary .added-products{
    margin:0;
    padding:0;
    list-style:none
}
.checkout-section .added-product-summary .added-products .single-product{
    display:flex;
    align-items:center;
    margin-bottom:25px;
    position:relative
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10px;
    height:35px;
    width:35px;
    line-height:35px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 12px rgba(0,0,0,.1);
    transition:.3s ease;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn i{
    color:#848484;
    font-size:16px;
    transition:.3s ease
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn:hover{
    background-color:var(--primary-color1)
}
.checkout-section .added-product-summary .added-products .single-product .delete-btn:hover i{
    color:var(--white)
}
.checkout-section .added-product-summary .added-products .single-product .product-img{
    min-width:90px;
    height:100px;
    padding-right:25px
}
@media(max-width:576px){
    .checkout-section .added-product-summary .added-products .single-product .product-img{
        padding-right:15px
    }
}
.checkout-section .added-product-summary .added-products .single-product .product-img img{
    -o-object-fit:cover;
    object-fit:cover;
    min-width:90px;
    height:100px
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title{
    font-size:1.25rem;
    font-weight:800;
    font-family:var(--font-cormorant);
    margin-bottom:1rem
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title a{
    color:var(--title-color-dark);
    transition:.34s
}
.checkout-section .added-product-summary .added-products .single-product .product-info .product-title a:hover{
    color:var(--primary-color1)
}
.checkout-section .added-product-summary .added-products .single-product .quantity{
}
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav{
    border:1px solid rgba(0,29,35,.3);
    padding:15px;
    border-radius:36px;
    height:36px
}
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav input{
    font-size:1rem;
    font-weight:400;
    color:var(--title-color-dark);
    font-family:var(--title-color-dark);
    text-align:center;
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    padding:0 5px;
    background-color:transparent;
    border:unset
}
.checkout-section .added-product-summary .added-products .single-product .quantity .quantity-nav button{
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--title-color-dark);
    font-size:16px
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number{
    display:inline-flex;
    justify-content:stretch;
    align-items:center
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input{
    vertical-align:middle;
    box-sizing:content-box;
    margin:0;
    text-align:center
}
.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input::-webkit-inner-spin-button,.checkout-section .added-product-summary .added-products .single-product .quantity .nice-number input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.checkout-section .summery-card{
    border-radius:5px;
    border:1px solid #eee;
    background-color:#fff;
    padding:23px 30px
}
.checkout-section .summery-card .cost-summery-table{
    margin-bottom:0
}
.checkout-section .summery-card tr th{
    border:none;
    font-size:1rem;
    font-weight:700;
    color:var(--title-color-dark);
    font-family:var(--font-Jost);
    padding:0;
    padding-bottom:10px
}
.checkout-section .summery-card tr th:last-child{
    text-align:right
}
.checkout-section tbody tr .tax{
    font-size:1rem;
    color:#00152b;
    font-weight:500;
    font-family:var(--font-Jost);
    padding-left:0
}
.checkout-section tbody tr td{
    border:none;
    font-size:14px;
    padding-bottom:0;
    font-weight:400;
    color:#848484;
    font-family:var(--font-Jost);
    padding-left:0
}
.checkout-section tbody tr td:last-child{
    text-align:right
}
.checkout-section .total-cost{
    padding:18px 30px
}
.checkout-section .total-cost thead tr th{
    border:none;
    font-size:1rem;
    font-weight:700;
    color:#00152b;
    font-family:manrope,sans-serif;
    padding:0;
    margin-bottom:0
}
.checkout-section .total-cost thead tr th:last-child{
    text-align:right
}
.checkout-section .payment-methods{
    border:1px solid #eee;
    box-sizing:border-box;
    border-radius:5px;
    padding:30px;
    margin-top:30px
}
.checkout-section .payment-methods .payment-check{
    margin-bottom:32px
}
.checkout-section .payment-methods .payment-check label{
    font-weight:600;
    font-size:16px;
    color:#00152b;
    display:inline-block;
    margin-bottom:0
}
.checkout-section .payment-methods .form-check{
    display:block;
    min-height:1.5rem;
    padding-left:1.5em;
    margin-bottom:15px
}
.checkout-section .payment-methods .form-check-input{
    width:10px;
    height:10px;
    margin-top:.25em;
    vertical-align:top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid rgba(0,0,0,.25);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.checkout-section .payment-methods .form-check-input[type=radio]{
    border-radius:50%
}
.checkout-section .payment-methods .form-check-input{
    float:left;
    margin-left:-1.5em;
    box-shadow:none;
    margin-top:8px
}
.checkout-section .payment-methods .form-check-input:checked{
    background:#848484;
    border-color:transparent;
    box-shadow:none;
    outline:none;
    margin-top:8px
}
.checkout-section .payment-methods .paypal label{
    padding-left:10px;
    padding-right:20px
}
.checkout-section .payment-methods .paypal img{
    padding-right:30px;
    width:108px;
    height:21px
}
.checkout-section .payment-methods .paypal a{
    color:var(--primary-color1);
    font-weight:400;
    font-size:1rem;
    border-bottom:1px solid var(--primary-color1);
    line-height:1
}
.checkout-section input#flexRadioDefault3{
    margin-top:0
}
.checkout-section .payment-form-bottom{
    padding-top:10px
}
.checkout-section .payment-form-bottom input[type=checkbox]{
    height:10px;
    width:10px;
    margin-right:10px;
    margin-left:2px;
    margin-top:6px
}
.checkout-section .payment-form-bottom input[type=checkbox]:checked{
    background:#848484;
    border-color:transparent;
    box-shadow:none;
    outline:none
}
.checkout-section .payment-form-bottom a{
    color:var(--primary-color1);
    font-weight:400;
    font-size:13px
}
.checkout-section .payment-form-bottom label{
    line-height:1.3
}
.checkout-section .place-order-btn button{
    padding:13px 70px;
    font-size:1rem;
    font-weight:700;
    font-family:var(--font-Jost)
}
.checkout-section .product-total strong{
    margin-left:8px;
    display:flex;
    align-items:center
}
.checkout-section .product-total strong i{
    font-size:12px;
    font-weight:400;
    color:var(--text-color1)
}
.checkout-section .product-total strong span{
    font-weight:400;
    font-size:18px;
    font-family:var(--font-Jost)
}