@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap";
*{
    margin:0;
    padding:0;
    scroll-behavior:smooth
}
:root{
    --font-montserrat: "Montserrat", sans-serif;
    --font-open-sans: "Open Sans", sans-serif;
    --white-color: #fff;
    --black-color: #000;
    --black-color2: #1D1D1D;
    --title-color: #16191E;
    --text-color: #5E5E5E;
    --primary-color1: #EFB93F
}
html{
    font-size:100%;
    scroll-behavior:smooth
}
body{
    margin:0;
    padding:0;
    font-family:var(--font-montserrat);
    color:var(--title-color);
    font-size:16px;
    font-weight:400;
    line-height:30px
}
body.home-5{
    padding:0 6.3%
}
@media(max-width:1699px){
    body.home-5{
        padding-left:3%;
        padding-right:3%
    }
}
@media(max-width:1399px){
    body.home-5{
        padding-left:2%;
        padding-right:2%
    }
}
@media(max-width:576px){
    body.home-5{
        padding-left:0%;
        padding-right:0%
    }
}
body.style-2{
    background-color:#faf8fb
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1.4;
    color:var(--title-color)
}
input{
    border:none;
    outline:none
}
button{
    outline:none;
    border:none
}
i.bx{
    vertical-align:middle
}
img{
    max-width:100%;
    height:auto
}
a{
    text-decoration:none
}
p{
     --font-open-sans: "Open Sans", sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:26px
}
.sec-mar{
    margin:100px 0
}
@media(max-width:991px){
    .sec-mar{
        margin:8ch 0
    }
}
.pt-120{
    padding-top:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pt-120{
        padding-top:100px
    }
}
@media(max-width:991px){
    .pt-120{
        padding-top:90px
    }
}
.pb-120{
    padding-bottom:120px
}
@media(min-width:992px) and (max-width:1199px){
    .pb-120{
        padding-bottom:100px
    }
}
@media(max-width:991px){
    .pb-120{
        padding-bottom:90px
    }
}
.pt-100{
    padding-top:110px
}
@media(max-width:991px){
    .pt-100{
        padding-top:80px
    }
}
.pb-100{
    padding-bottom:110px
}
@media(max-width:991px){
    .pb-100{
        padding-bottom:80px
    }
}
.pt-90{
    padding-top:90px
}
@media(max-width:991px){
    .pt-90{
        padding-top:80px
    }
}
@media(max-width:767px){
    .pt-90{
        padding-top:70px
    }
}
.pb-90{
    padding-bottom:90px
}
@media(max-width:991px){
    .pb-90{
        padding-bottom:80px
    }
}
@media(max-width:767px){
    .pb-90{
        padding-bottom:70px
    }
}
.pb-80{
    padding-bottom:80px
}
@media(min-width:992px) and (max-width:1199px){
    .pb-80{
        padding-bottom:60px
    }
}
.pb-65{
    padding-bottom:65px
}
.mt-120{
    margin-top:120px
}
@media(min-width:992px) and (max-width:1199px){
    .mt-120{
        margin-top:100px
    }
}
@media(max-width:991px){
    .mt-120{
        margin-top:90px
    }
}
.mb-120{
    margin-bottom:120px
}
.mb-100{
    margin-bottom:110px
}
@media(max-width:991px){
    .mb-100{
        margin-bottom:80px
    }
}
.mt-100{
    margin-top:110px!important
}
@media(max-width:991px){
    .mt-100{
        margin-top:80px!important
    }
}
.mb-90{
    margin-bottom:90px
}
@media(max-width:991px){
    .mb-90{
        margin-bottom:70px
    }
}
.mb-15{
    margin-bottom:15px
}
.mb-10{
    margin-bottom:10px
}
.pt-80{
    padding-top:80px
}
.pt-50{
    padding-top:50px
}
.pt-40{
    padding-top:40px
}
.pt-35{
    padding-top:35px
}
.pt-30{
    padding-top:30px
}
.pb-80{
    padding-bottom:80px
}
.pe-80{
    padding-right:80px
}
.pb-60{
    padding-bottom:60px
}
.pl-110{
    padding-left:110px
}
@media(min-width:1400px) and (max-width:1599px){
    .pl-110{
        padding-left:70px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .pl-110{
        padding-left:40px
    }
}
@media(max-width:1199px){
    .pl-110{
        padding-left:unset
    }
}
.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-50{
    margin-bottom:50px
}
.mb-45{
    margin-bottom:45px
}
.mb-44{
    margin-bottom:44px
}
@media(max-width:991px){
    .mb-44{
        margin-bottom:0
    }
}
.mb-35{
    margin-bottom:35px
}
.mb-20{
    margin-bottom:20px
}
.mt-15{
    margin-top:15px
}
.mt-40{
    margin-top:40px
}
.mt-35{
    margin-top:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-30{
    margin-bottom:30px
}
.mb-25{
    margin-bottom:25px
}
.mt-50{
    margin-top:50px
}
.mt-25{
    margin-top:25px
}
.mb-50{
    margin-bottom:50px
}
.mt-60{
    margin-top:60px
}
@media(max-width:767px){
    .mt-60{
        margin-top:40px
    }
}
.mt-70{
    margin-top:70px
}
@media(max-width:767px){
    .mt-70{
        margin-top:40px
    }
}
.section-title1 span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:16px;
    letter-spacing:.2em;
    color:var(--primary-color1);
    display:inline-block;
    margin-bottom:5px
}
@media(max-width:576px){
    .section-title1 span{
        font-size:16px
    }
}
.section-title1 h2{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:40px;
    line-height:1.3;
    color:var(--title-color)
}
@media(min-width:1400px) and (max-width:1599px){
    .section-title1 h2{
        font-size:38px
    }
}
@media(max-width:1399px){
    .section-title1 h2{
        font-size:38px
    }
}
@media(max-width:576px){
    .section-title1 h2{
        font-size:30px
    }
}
.section-title-2 h2{
    color:var(--title-color);
    font-size:40px;
    font-family:var(--font-montserrat);
    font-weight:700;
    margin-bottom:5px;
    line-height:1.3
}
@media(min-width:1400px) and (max-width:1599px){
    .section-title-2 h2{
        font-size:38px
    }
}
@media(max-width:1399px){
    .section-title-2 h2{
        font-size:38px
    }
}
@media(max-width:576px){
    .section-title-2 h2{
        font-size:30px
    }
}
.section-title-2 p{
    color:#5e5e5e;
    margin-bottom:0
}
.primary-btn1{
    border-radius:5px;
    background-color:var(--primary-color1);
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    padding:12px 20px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1;
    white-space:nowrap
}
.primary-btn1 svg{
    fill:var(--title-color);
    transition:.5s
}
.primary-btn1::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:#0a1019;
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.primary-btn1:hover{
    color:var(--white-color)
}
.primary-btn1:hover svg{
    fill:var(--white-color)
}
.primary-btn1:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.primary-btn2{
    border-radius:5px;
    background-color:var(--primary-color1);
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:15px;
    color:#13141a;
    white-space:nowrap;
    padding:10px 20px;
    display:inline-flex;
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1;
    white-space:nowrap
}
.primary-btn2 svg{
    fill:var(--title-color);
    transition:.5s
}
.primary-btn2::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:#0a1019;
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.primary-btn2:hover{
    color:var(--white-color)
}
.primary-btn2:hover svg{
    fill:var(--white-color)
}
.primary-btn2:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.primary-btn3{
    border-radius:5px;
    background-color:var(--primary-color1);
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    color:#13141a;
    padding:19px 25px;
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    gap:10px;
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1;
    line-height:1
}
.primary-btn3 svg{
    fill:var(--title-color);
    transition:.5s
}
.primary-btn3::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:#0a1019;
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.primary-btn3.two{
    width:100%;
    justify-content:center
}
.primary-btn3.two svg path{
    transition:.5s
}
.primary-btn3.two svg path:first-child{
    transition:.5s;
    fill:none;
    stroke:var(--title-color)
}
.primary-btn3:hover{
    color:var(--white-color)
}
.primary-btn3:hover svg{
    fill:var(--white-color)
}
.primary-btn3:hover.two svg path:first-child{
    fill:none;
    stroke:var(--white-color)
}
.primary-btn3:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.primary-btn6{
    border-radius:5px;
    background-color:var(--title-color);
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    color:var(--white-color);
    padding:11px 28px;
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    gap:10px;
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1;
    border-radius:5px;
    border:1px solid var(--title-color)
}
.primary-btn6 svg{
    fill:var(--white-color);
    transition:.5s
}
.primary-btn6::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:var(--white-color);
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.primary-btn6:hover{
    color:var(--title-color)
}
.primary-btn6:hover svg{
    fill:var(--title-color)
}
.primary-btn6:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.primary-btn7{
    border-radius:5px;
    background-color:var(--title-color);
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    color:var(--white-color);
    padding:8px 28px;
    line-height:1;
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    gap:10px;
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1;
    border-radius:5px;
    border:1px solid rgba(29,29,29,.3)
}
.primary-btn7 svg{
    fill:var(--white-color);
    transition:.5s
}
.primary-btn7::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:var(--white-color);
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.primary-btn7:hover{
    border-color:var(--title-color);
    color:var(--title-color)
}
.primary-btn7:hover svg{
    fill:var(--title-color)
}
.primary-btn7:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.view-btn{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    color:var(--title-color);
    position:relative;
    display:inline-block;
    padding:3px 12px;
    transition:.5s
}
.view-btn::after{
    content:"";
    border:1px solid var(--primary-color1);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:50%;
    transform:rotate(-5deg);
    transition:.5s
}
.view-btn:hover{
    color:var(--primary-color1)
}
.view-btn:hover::after{
    content:"";
    transform:rotate(0deg)
}
.select{
    margin-bottom:25px
}
.nice-select{
    width:100%;
    background:#f3f3f3;
    border-radius:5px;
    height:50px;
    display:flex;
    align-items:center;
    line-height:1;
    padding:0 25px;
    outline:none!important;
    box-shadow:none!important;
    border:1px solid #f3f3f3
}
.nice-select::after{
    height:8px;
    width:8px;
    border-bottom:1px solid var(--text-color);
    border-right:1px solid var(--text-color);
    right:28px;
    margin-top:-5px
}
.nice-select .current{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400
}
.nice-select:hover{
    border-color:#f3f3f3;
    background:#f3f3f3
}
.nice-select:focus{
    border-color:var(--primary-color1);
    background-color:var(--white-color)
}
.nice-select .list{
    border:none;
    border-radius:5px;
    width:100%;
    max-height:250px;
    overflow-y:auto
}
.nice-select .list::-webkit-scrollbar{
    width:5px
}
.nice-select .list::-webkit-scrollbar-track{
    background:#f1f1f1
}
.nice-select .list::-webkit-scrollbar-thumb{
    background:var(--text-color)
}
.nice-select .list .option{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    padding-left:25px;
    padding-right:25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.nice-select .list .option:hover{
    color:var(--title-color);
    background-color:transparent;
    font-weight:500
}
.nice-select .list .option.selected{
    font-weight:600
}
.preloader-close-btn{
    position:absolute;
    right:20px;
    top:30px;
    font-size:16px;
    transition:ease-in-out .5s linear;
    text-transform:uppercase;
    font-weight:400;
    cursor:pointer
}
.egns-preloader{
    min-width:100%;
    min-height:100%;
    position:fixed!important;
    z-index:999999;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#fff
}
.egns-preloader.close{
    display:none;
    visibility:hidden
}
.egns-preloader::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100vh;
    background:#fff;
    z-index:-1
}
.circle-border{
    width:100%;
    max-width:140px;
    height:100%;
    max-height:140px;
    border:0 solid var(--primary-color1);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:auto;
    border-radius:50%;
    box-shadow:2px 2px 30px rgba(0,0,0,.1)
}
.circle-border svg{
    fill:var(--primary-color1)
}
.circle-border svg path{
    stroke:var(--primary-color1)
}
.circle-border .moving-circle{
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    animation:circle 2s linear infinite
}
.circle-border .moving-circle:nth-child(2){
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    animation:circle 2.25s linear infinite
}
.circle-border .moving-circle:nth-child(3){
    width:10px;
    height:10px;
    background:var(--primary-color1);
    border-radius:50%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    margin:auto;
    animation:circle 2.5s linear infinite
}
@keyframes circle{
    0%{
        transform:rotate(0deg) translate(-70px) rotate(0deg)
    }
    100%{
        transform:rotate(360deg) translate(-70px) rotate(-360deg)
    }
}
#outline{
    stroke-dasharray:2.42777px,242.77666px;
    stroke-dashoffset:0;
    animation:anim 1.6s linear infinite
}
@keyframes anim{
    12.5%{
        stroke-dasharray:33.98873px,242.77666px;
        stroke-dashoffset:-26.70543px
    }
    43.75%{
        stroke-dasharray:84.97183px,242.77666px;
        stroke-dashoffset:-84.97183px
    }
    100%{
        stroke-dasharray:2.42777px,242.77666px;
        stroke-dashoffset:-240.34889px
    }
}
.top-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:15px 11%;
    border-bottom:1px solid #eee;
    background-color:#fff
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar{
        padding:15px 3%
    }
}
@media(max-width:1399px){
    .top-bar{
        padding:15px 3%
    }
}
@media(max-width:991px){
    .top-bar{
        display:none;
        visibility:hidden
    }
}
.top-bar .search-area{
    max-width:690px;
    width:100%
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar .search-area{
        max-width:500px
    }
}
@media(max-width:1399px){
    .top-bar .search-area{
        max-width:500px
    }
}
@media(max-width:1199px){
    .top-bar .search-area{
        max-width:350px
    }
}
.top-bar .search-area form{
    width:100%
}
.top-bar .search-area form .form-inner{
    display:flex;
    align-items:center;
    max-width:690px;
    width:100%
}
.top-bar .search-area form .form-inner input{
    background:#faf8fb;
    border:1px solid #eee;
    border-radius:5px 0 0 5px;
    width:100%;
    height:52px;
    padding:10px 30px;
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    color:var(--text-color)
}
.top-bar .search-area form .form-inner input:focus{
    background-color:var(--white-color);
    border-color:var(--primary-color1)
}
.top-bar .search-area form .form-inner button{
    width:68px;
    height:52px;
    border-radius:0 5px 5px 0;
    background-color:var(--title-color);
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1
}
.top-bar .search-area form .form-inner button i{
    color:var(--white-color)
}
.top-bar .search-area form .form-inner button::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:0 5px 5px 0;
    background-color:var(--primary-color1);
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.top-bar .search-area form .form-inner button:hover{
    color:var(--white-color)
}
.top-bar .search-area form .form-inner button:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.top-bar .topbar-right .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.top-bar .topbar-right .hotline-area .content{
    position:relative;
    line-height:1
}
.top-bar .topbar-right .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.top-bar .topbar-right .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
.top-bar .topbar-right .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.top-bar .topbar-right .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
.top-bar .topbar-right .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
.top-bar .topbar-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
.top-bar .topbar-right ul li{
    line-height:1
}
.top-bar .topbar-right ul li .sell-btn{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    background-color:transparent;
    transition:.35s
}
.top-bar .topbar-right ul li .sell-btn svg{
    fill:var(--primary-color1);
    transition:.35s
}
.top-bar .topbar-right ul li .sell-btn.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar .topbar-right ul li .sell-btn:hover{
    color:var(--primary-color1)
}
.top-bar .topbar-right ul li .sell-btn:hover svg{
    fill:var(--primary-color1)
}
.top-bar .topbar-right ul li button{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    transition:.35s
}
.top-bar .topbar-right ul li button svg{
    fill:var(--primary-color1);
    transition:.35s
}
.top-bar .topbar-right ul li button.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar .topbar-right ul li button:hover{
    color:var(--primary-color1)
}
.top-bar .topbar-right ul li button:hover svg{
    fill:var(--primary-color1)
}
.top-bar .topbar-right ul li a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    transition:.35s
}
.top-bar .topbar-right ul li a svg{
    fill:var(--primary-color1);
    transition:.35s
}
.top-bar .topbar-right ul li a.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar .topbar-right ul li a:hover{
    color:var(--primary-color1)
}
.top-bar .topbar-right ul li a:hover svg{
    fill:var(--primary-color1)
}
.top-bar.style-2{
    border-bottom:1px solid rgba(255,255,255,.15);
    background-color:transparent
}
@media(max-width:767px){
    .top-bar.style-2 .top-bar-items{
        display:none;
        visibility:hidden
    }
}
.top-bar.style-2 .top-bar-items ul{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
.top-bar.style-2 .top-bar-items ul li a{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--white-color);
    transition:.35s
}
.top-bar.style-2 .top-bar-items ul li a:hover{
    color:var(--primary-color1)
}
.top-bar.style-2 .search-area{
    max-width:401px;
    width:100%
}
.top-bar.style-2 .search-area .form-inner{
    max-width:401px;
    width:100%
}
.top-bar.style-2 .search-area .form-inner input{
    background:#000;
    border:1px solid rgba(255,255,255,.16);
    color:#fff;
    padding:10px 20px
}
.top-bar.style-2 .search-area .form-inner input::-moz-placeholder{
    color:rgba(255,255,255,.8);
    font-family:open sans;
    font-style:normal;
    font-weight:400;
    font-size:14px
}
.top-bar.style-2 .search-area .form-inner input::placeholder{
    color:rgba(255,255,255,.8);
    font-family:open sans;
    font-style:normal;
    font-weight:400;
    font-size:14px
}
.top-bar.style-2 .search-area .form-inner input:focus{
    background-color:transparent;
    border-color:var(--primary-color1)
}
.top-bar.style-2 .search-area .form-inner button{
    background-color:var(--primary-color1);
    transition:.5s;
    position:relative;
    overflow:hidden;
    z-index:1
}
.top-bar.style-2 .search-area .form-inner button i{
    color:var(--title-color)
}
.top-bar.style-2 .search-area .form-inner button::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:0 5px 5px 0;
    background-color:var(--black-color);
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.top-bar.style-2 .search-area .form-inner button:hover{
    color:var(--white-color)
}
.top-bar.style-2 .search-area .form-inner button:hover i{
    color:var(--white-color)
}
.top-bar.style-2 .search-area .form-inner button:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.top-bar.style-2 .topbar-right .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.top-bar.style-2 .topbar-right .hotline-area .icon svg{
    fill:var(--white-color)
}
.top-bar.style-2 .topbar-right .hotline-area .content{
    position:relative;
    line-height:1
}
.top-bar.style-2 .topbar-right .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:rgba(255,255,255,.8);
    margin-bottom:5px;
    display:inline-block
}
.top-bar.style-2 .topbar-right .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.top-bar.style-2 .topbar-right .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--white-color);
    transition:.5s
}
.top-bar.style-2 .topbar-right .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
.top-bar.style-2 .topbar-right .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(255,255,255,.5);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.top-bar.style-5{
    padding:15px 8%
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.style-5{
        padding:15px 3%
    }
}
@media(max-width:1399px){
    .top-bar.style-5{
        padding:15px 3%
    }
}
.top-bar.style-5 .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.top-bar.style-5 .hotline-area .content{
    position:relative;
    line-height:1
}
.top-bar.style-5 .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.top-bar.style-5 .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
.top-bar.style-5 .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.top-bar.style-5 .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
.top-bar.style-5 .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
.top-bar.style-5 .topbar-right ul li{
    line-height:1
}
.top-bar.style-5 .topbar-right ul li a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a
}
.top-bar.style-5 .topbar-right ul li a svg{
    fill:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul li a.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar.style-5 .topbar-right ul li a:hover{
    color:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul li a:hover svg{
    fill:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul li button{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a
}
.top-bar.style-5 .topbar-right ul li button svg{
    fill:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul li button.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar.style-5 .topbar-right ul li button:hover{
    color:var(--primary-color1)
}
.top-bar.style-5 .topbar-right ul li button:hover svg{
    fill:var(--primary-color1)
}
.top-bar.style-5 .logo-and-menu{
    display:flex;
    align-items:center;
    gap:70px
}
@media(max-width:1399px){
    .top-bar.style-5 .logo-and-menu{
        gap:30px
    }
}
.top-bar.style-5 .logo-and-menu .menu ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:1399px){
    .top-bar.style-5 .logo-and-menu .menu ul{
        gap:20px
    }
}
.top-bar.style-5 .logo-and-menu .menu ul li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    transition:.35s
}
.top-bar.style-5 .logo-and-menu .menu ul li a:hover{
    color:var(--primary-color1)
}
.top-bar.style-6{
    padding:15px 8%
}
@media(min-width:1400px) and (max-width:1599px){
    .top-bar.style-6{
        padding:15px 3%
    }
}
@media(max-width:1399px){
    .top-bar.style-6{
        padding:15px 3%
    }
}
.top-bar.style-6 .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.top-bar.style-6 .hotline-area .content{
    position:relative;
    line-height:1
}
.top-bar.style-6 .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.top-bar.style-6 .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
.top-bar.style-6 .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.top-bar.style-6 .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
.top-bar.style-6 .topbar-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
.top-bar.style-6 .topbar-right ul li{
    line-height:1
}
.top-bar.style-6 .topbar-right ul li a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--title-color)
}
.top-bar.style-6 .topbar-right ul li a svg{
    fill:var(--title-color)
}
.top-bar.style-6 .topbar-right ul li a.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar.style-6 .topbar-right ul li button{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--title-color)
}
.top-bar.style-6 .topbar-right ul li button svg{
    fill:var(--title-color)
}
.top-bar.style-6 .topbar-right ul li button.primary-btn1 svg{
    fill:var(--title-color)
}
.top-bar.style-6 .logo-and-menu{
    display:flex;
    align-items:center;
    gap:70px
}
@media(max-width:1399px){
    .top-bar.style-6 .logo-and-menu{
        gap:30px
    }
}
.top-bar.style-6 .logo-and-menu .menu ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:1399px){
    .top-bar.style-6 .logo-and-menu .menu ul{
        gap:20px
    }
}
.top-bar.style-6 .logo-and-menu .menu ul li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    transition:.35s
}
.top-bar.style-6 .logo-and-menu .menu ul li a:hover{
    color:var(--title-color)
}
@media(max-width:576px){
    .modal-dialog{
        margin:0
    }
}
.signUp-modal{
    overflow-y:scroll
}
.signUp-modal .modal-dialog{
    max-width:670px;
    width:100%
}
.signUp-modal .modal-dialog .modal-content{
    border-radius:10px;
    border:none;
    padding:70px 35px;
    background-color:var(--white-color);
    position:relative
}
@media(max-width:576px){
    .signUp-modal .modal-dialog .modal-content{
        padding:70px 20px
    }
}
.signUp-modal .modal-dialog .modal-content .modal-header{
    padding:0;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-bottom:15px;
    margin-bottom:35px
}
.signUp-modal .modal-dialog .modal-content .modal-header .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    transition:.35s
}
.signUp-modal .modal-dialog .modal-content .modal-header .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.signUp-modal .modal-dialog .modal-content .modal-header .btn-close:hover{
    background-color:#ff4820
}
.signUp-modal .modal-dialog .modal-content .modal-header .btn-close:hover i{
    color:#fff
}
.signUp-modal .modal-dialog .modal-content .modal-header h4{
    color:#000;
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:700
}
.signUp-modal .modal-dialog .modal-content .modal-header p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    text-align:center
}
.signUp-modal .modal-dialog .modal-content .modal-header p button{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    background-color:transparent
}
.signUp-modal .modal-dialog .modal-content .modal-body{
    padding:0
}
.signUp-modal .modal-dialog .modal-content .form-inner{
    position:relative
}
.signUp-modal .modal-dialog .modal-content .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:inline-block;
    margin-bottom:5px
}
.signUp-modal .modal-dialog .modal-content .form-inner input{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    height:50px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    padding:10px 20px;
    width:100%
}
.signUp-modal .modal-dialog .modal-content .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.signUp-modal .modal-dialog .modal-content .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.signUp-modal .modal-dialog .modal-content .form-inner input:focus{
    border:1px solid #efb93f;
    background:#fff
}
.signUp-modal .modal-dialog .modal-content .form-inner i{
    position:absolute;
    right:20px;
    bottom:10px;
    color:var(--primary-color1);
    cursor:pointer
}
.signUp-modal .modal-dialog .modal-content .form-inner .primary-btn2{
    width:100%;
    justify-content:center;
    text-align:center
}
.signUp-modal .modal-dialog .modal-content .form-agreement input[type=checkbox]{
    display:none;
    visibility:hidden
}
.signUp-modal .modal-dialog .modal-content .form-agreement label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    cursor:pointer
}
.signUp-modal .modal-dialog .modal-content .form-agreement input[type=checkbox]+label:before{
    content:"";
    -webkit-appearance:none;
    background:#fff;
    border:1px solid var(--primary-color1);
    border-radius:2px;
    box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding:5px;
    display:inline-block;
    position:relative;
    vertical-align:middle;
    cursor:pointer;
    margin-right:5px
}
.signUp-modal .modal-dialog .modal-content .form-agreement input[type=checkbox]:checked+label:after{
    content:"";
    display:block;
    position:absolute;
    top:11px;
    left:4px;
    width:4px;
    height:8px;
    border:1px solid var(--title-color);
    border-width:0 1px 1px 0;
    transform:rotate(45deg)
}
.signUp-modal .modal-dialog .modal-content .form-agreement .forgot-pass{
    color:#2a64f8;
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    transition:.35s
}
.signUp-modal .modal-dialog .modal-content .form-agreement .forgot-pass:hover{
    color:var(--primary-color1)
}
.signUp-modal .modal-dialog .modal-content .terms-conditon{
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:30px;
    padding-top:15px;
    margin-bottom:50px
}
.signUp-modal .modal-dialog .modal-content .terms-conditon a{
    font-weight:600;
    color:var(--text-color);
    transform:.35s
}
.signUp-modal .modal-dialog .modal-content .terms-conditon a:hover{
    color:var(--primary-color1)
}
.signUp-modal .modal-dialog .modal-content .terms-conditon.two{
    margin-bottom:0
}
.signUp-modal .modal-dialog .modal-content .terms-conditon.two p{
    margin-bottom:0
}
.signUp-modal .modal-dialog .modal-content .social-icon{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:35px
}
.signUp-modal .modal-dialog .modal-content .social-icon li a{
    height:35px;
    width:35px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    transition:.35s
}
.signUp-modal .modal-dialog .modal-content .social-icon li a:hover{
    border-color:var(--primary-color1)
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .modal-header{
    justify-content:flex-start;
    align-items:flex-start;
    padding-bottom:0;
    border-bottom:none
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .modal-header h4{
    text-align:start
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .modal-body{
    padding:0
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .form-inner{
    position:relative
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .form-inner textarea{
    border-radius:5px;
    border:1px solid #eee;
    outline:none;
    background:#fbf7fb;
    min-height:100px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .form-inner textarea:focus{
    border:1px solid #efb93f;
    background:#fff
}
.signUp-modal.sell-with-us .modal-dialog .modal-content .form-inner .primary-btn2{
    width:unset;
    justify-content:center;
    text-align:center;
    padding:10px 36px
}
.signUp-modal.two .modal-dialog{
    max-width:1140px
}
@media(max-width:991px){
    .signUp-modal.two .modal-dialog{
        max-width:670px;
        width:100%
    }
}
.signUp-modal.two .modal-dialog .modal-content{
    border-radius:5px;
    border:none;
    padding:0!important;
    background-color:var(--white-color);
    position:relative
}
@media(max-width:576px){
    .signUp-modal.two .modal-dialog .modal-content{
        padding:70px 20px
    }
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper{
    display:flex;
    align-items:center
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-img{
    position:relative
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-img img{
    border-radius:5px 0 0 5px
}
@media(max-width:991px){
    .signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-img{
        display:none;
        visibility:hidden
    }
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-img .logo{
    position:absolute;
    top:40px;
    left:30px
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content{
    width:50%;
    padding:70px
}
@media(max-width:1199px){
    .signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content{
        padding:70px 30px
    }
}
@media(max-width:991px){
    .signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content{
        width:100%
    }
}
@media(max-width:576px){
    .signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content{
        padding:70px 20px
    }
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding-bottom:15px;
    margin-bottom:35px
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    transition:.35s
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header .btn-close:hover{
    background-color:#ff4820
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header .btn-close:hover i{
    color:#fff
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header h4{
    color:#000;
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:700
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    text-align:center
}
.signUp-modal.two .modal-dialog .modal-content .login-wrapper .login-content .login-header p button{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    background-color:transparent
}
.adSearch-modal .modal-dialog .modal-content{
    border-radius:10px;
    border:none;
    padding:70px 35px;
    background-color:var(--white-color);
    position:relative
}
@media(max-width:576px){
    .adSearch-modal .modal-dialog .modal-content{
        padding:70px 20px
    }
}
.adSearch-modal .modal-dialog .modal-content .main-title{
    margin-bottom:25px
}
.adSearch-modal .modal-dialog .modal-content .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    transition:.35s
}
.adSearch-modal .modal-dialog .modal-content .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.adSearch-modal .modal-dialog .modal-content .btn-close:hover{
    background-color:#ff4820
}
.adSearch-modal .modal-dialog .modal-content .btn-close:hover i{
    color:#fff
}
.adSearch-modal .modal-dialog .modal-content .modal-body{
    padding:0
}
.adSearch-modal .modal-dialog .modal-content .form-inner{
    position:relative
}
.adSearch-modal .modal-dialog .modal-content .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:inline-block;
    margin-bottom:5px
}
.adSearch-modal .modal-dialog .modal-content .form-inner input{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    height:50px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%
}
.adSearch-modal .modal-dialog .modal-content .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.adSearch-modal .modal-dialog .modal-content .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.adSearch-modal .modal-dialog .modal-content .form-inner input:focus{
    border:1px solid #efb93f;
    background:#fff
}
.adSearch-modal .modal-dialog .modal-content .form-inner textarea{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    height:50px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%;
    min-height:100px
}
.adSearch-modal .modal-dialog .modal-content .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.adSearch-modal .modal-dialog .modal-content .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.adSearch-modal .modal-dialog .modal-content .form-inner textarea:focus{
    border:1px solid #efb93f;
    background:#fff
}
.adSearch-modal .modal-dialog .modal-content .form-inner i{
    position:absolute;
    right:20px;
    bottom:10px;
    color:var(--primary-color1);
    cursor:pointer
}
.adSearch-modal .modal-dialog .modal-content .form-inner .primary-btn2{
    width:100%;
    justify-content:center;
    text-align:center
}
.adSearch-modal .modal-dialog .modal-content .form-inner .primary-btn3{
    padding:10px 36px
}
.adSearch-modal .modal-dialog .modal-content h5{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600
}
.adSearch-modal .modal-dialog .modal-content .apply-btn{
    border-top:1px solid #eee
}
.adSearch-modal .modal-dialog .modal-content .apply-btn .primary-btn2{
    padding:10px 34px
}
.massage-modal .modal-dialog{
    margin-top:100px;
    margin-bottom:100px;
    overflow-y:auto
}
.massage-modal .modal-dialog .modal-content{
    border-radius:10px;
    border:none;
    padding:70px 35px;
    background-color:var(--white-color);
    position:relative
}
@media(max-width:576px){
    .massage-modal .modal-dialog .modal-content{
        padding:70px 20px
    }
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper{
    border-radius:10px;
    border:1px solid #eee;
    padding:20px 30px;
    margin-bottom:50px
}
@media(max-width:576px){
    .massage-modal .modal-dialog .modal-content .modal-author-wrapper{
        padding:20px
    }
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area{
    display:flex;
    align-items:center;
    gap:20px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-img{
    width:120px;
    height:93px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-img img{
    border-radius:5px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content{
    line-height:1
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:700;
    margin-bottom:3px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    display:inline-block;
    margin-bottom:13px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:14px;
    padding-top:15px;
    position:relative
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul::after{
    content:"";
    width:160px;
    height:1px;
    background:linear-gradient(90deg,#FFF 0%,#EFB93F 0.01%,rgba(255,255,255,0) 100%);
    position:absolute;
    left:0;
    top:0
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul li a{
    height:24px;
    width:24px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:15px;
    border:1px solid #eee;
    background:#fff;
    transition:.35s
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul li a i{
    color:var(--primary-color1);
    font-size:14px;
    transition:.35s
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul li a:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .author-area .author-content ul li a:hover i{
    color:var(--title-color)
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info{
    background-color:#f6eff7;
    border-radius:5px;
    padding:25px 30px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact{
    margin-bottom:10px
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact:last-child{
    margin-bottom:0
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact:last-child a span i{
    color:#f44336
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact a{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact a span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:.35s
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact a span:hover{
    color:var(--primary-color1)
}
.massage-modal .modal-dialog .modal-content .modal-author-wrapper .contact-info .single-contact a i{
    font-size:25px;
    color:#00d264
}
.massage-modal .modal-dialog .modal-content .main-title{
    margin-bottom:25px
}
.massage-modal .modal-dialog .modal-content .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    transition:.35s
}
.massage-modal .modal-dialog .modal-content .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.massage-modal .modal-dialog .modal-content .btn-close:hover{
    background-color:#ff4820
}
.massage-modal .modal-dialog .modal-content .btn-close:hover i{
    color:#fff
}
.massage-modal .modal-dialog .modal-content .modal-body{
    padding:0
}
.massage-modal .modal-dialog .modal-content .form-inner{
    position:relative;
    line-height:1
}
.massage-modal .modal-dialog .modal-content .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:20px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:1.4
}
@media(max-width:576px){
    .massage-modal .modal-dialog .modal-content .form-inner label.containerss span{
        font-size:14px
    }
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:3.5px;
    top:-7px;
    position:absolute
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss .checkmark{
    position:absolute;
    top:3px;
    left:0;
    height:14px;
    width:14px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.massage-modal .modal-dialog .modal-content .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.massage-modal .modal-dialog .modal-content .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    border:1px solid #eee;
    font-size:13px;
    font-weight:400;
    height:50px;
    width:100%;
    padding:10px 20px
}
.massage-modal .modal-dialog .modal-content .form-inner input::-moz-placeholder{
    color:var(--text-color)
}
.massage-modal .modal-dialog .modal-content .form-inner input::placeholder{
    color:var(--text-color)
}
.massage-modal .modal-dialog .modal-content .form-inner input:focus{
    border:1px solid var(--primary-color1)
}
.massage-modal .modal-dialog .modal-content .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    width:100%;
    padding:20px;
    outline:none;
    border:1px solid #eee;
    min-height:120px
}
.massage-modal .modal-dialog .modal-content .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.massage-modal .modal-dialog .modal-content .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.massage-modal .modal-dialog .modal-content .form-inner i{
    position:absolute;
    right:20px;
    bottom:15px;
    color:var(--primary-color1);
    cursor:pointer
}
.massage-modal .modal-dialog .modal-content .form-inner .primary-btn3{
    padding:17px 25px;
    justify-content:center
}
.massage-modal .modal-dialog .modal-content .form-inner .nice-select{
    background-color:var(--white-color)
}
.massage-modal .modal-dialog .modal-content .form-inner .iti{
    width:100%
}
.massage-modal .modal-dialog .modal-content .form-inner .iti input{
    padding-left:82px
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__flag-container{
    top:8px;
    left:8px
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__selected-flag{
    padding-left:16px;
    width:60px;
    height:34px;
    background-color:#faf8fb;
    border:1px solid #eee
}
.massage-modal .modal-dialog .modal-content .form-inner .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color:transparent
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__country-list{
    max-width:280px;
    box-shadow:unset;
    background-color:#fff;
    border:1px solid var(--primary-color1)
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__country-list .iti__country.iti__highlight{
    background-color:rgba(239,185,63,.5)
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__country-list li{
    font-family:var(--font-montserrat);
    font-weight:400
}
.massage-modal .modal-dialog .modal-content .form-inner .iti__country-list li span{
    font-family:var(--font-montserrat);
    font-weight:400
}
.massage-modal .modal-dialog .modal-content h5{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600
}
.massage-modal .modal-dialog .modal-content .modal-btn-group{
    display:inline-flex;
    gap:20px
}
.massage-modal .modal-dialog .modal-content .modal-btn-group .primary-btn2{
    padding:10px 34px
}
.massage-modal .modal-dialog .modal-content .modal-btn-group .primary-btn2.two{
    background-color:#f6eff7
}
.massage-modal .modal-dialog .modal-content .modal-btn-group .primary-btn2.two::after{
    background-color:red
}
header.style-1{
    position:relative;
    width:100%;
    z-index:999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 11%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid #eee;
    background-color:var(--white-color)
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-1{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-1{
        padding:0 3%
    }
}
header.style-1.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
    background-color:var(--white-color);
    z-index:999
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-1 .header-logo{
    padding:15px 0
}
@media(max-width:576px){
    header.style-1 .header-logo img{
        max-width:165px;
        width:100%
    }
}
header.style-1 .menu-close-btn i{
    color:var(--white-color)
}
header.style-1.style-2{
    background-color:transparent
}
header.style-1.style-2 .menu-button{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer
}
header.style-1.style-2 .menu-button svg{
    fill:var(--white-color)
}
header.style-1.style-2 .menu-button span{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--white-color)
}
header.style-1.style-2 .main-menu>ul li:hover i{
    color:var(--primary-color1);
    font-size:20px
}
header.style-1.style-2 .main-menu>ul li a{
    color:var(--white-color)
}
header.style-1.style-2 .main-menu>ul li.menu-item-has-children::after{
    color:var(--white-color)
}
header.style-1.style-2 .nav-right .modal-btn{
    color:var(--white-color);
    transition:.35s
}
header.style-1.style-2 .nav-right .modal-btn:hover{
    color:var(--primary-color1)
}
header.style-1.style-2 .nav-right .header-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
header.style-1.style-2 .nav-right .header-right ul li{
    line-height:1
}
header.style-1.style-2 .nav-right .header-right ul li a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--white-color);
    transition:.35s
}
header.style-1.style-2 .nav-right .header-right ul li a:hover{
    color:var(--primary-color1)
}
header.style-1.style-2 .nav-right .header-right ul li a svg{
    fill:var(--primary-color1)
}
header.style-1.style-2 .nav-right .header-right ul li .primary-btn1{
    color:var(--title-color)
}
header.style-1.style-2 .nav-right .header-right ul li .primary-btn1:hover{
    color:unset
}
header.style-1.style-2 .nav-right .header-right ul li .primary-btn1 svg{
    fill:var(--title-color)
}
header.style-1 .nav-right{
    gap:45px
}
@media(max-width:1199px){
    header.style-1 .nav-right{
        gap:25px
    }
}
@media(max-width:991px){
    header.style-1 .nav-right{
        gap:0
    }
}
header.style-1 .nav-right .modal-btn{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:13px;
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--title-color);
    background-color:transparent;
    padding:0;
    transition:.35s
}
header.style-1 .nav-right .modal-btn svg{
    line-height:1;
    transition:.35s;
    fill:var(--title-color)
}
header.style-1 .nav-right .modal-btn:hover{
    color:var(--primary-color1)
}
header.style-1 .nav-right .modal-btn:hover svg{
    fill:var(--primary-color1)
}
header.style-1 .nav-right .primary-btn3{
    padding:13px 18px;
    gap:5px
}
header.style-1 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
@media(max-width:991px){
    header.style-1 .nav-right .mobile-menu-btn{
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-1 .nav-right .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--title-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-1 .nav-right .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--title-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-1 .nav-right .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--title-color);
        content:"";
        top:10px
    }
    header.style-1 .nav-right .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-1 .nav-right .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-1 .nav-right .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
header.style-1 .main-menu{
    display:inline-block;
    position:relative
}
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 8px
}
header.style-1 .main-menu ul>li.position-inherit{
    position:inherit
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li.position-inherit{
        position:relative
    }
}
header.style-1 .main-menu ul>li.position-inherit>a::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:2px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li.position-inherit>a::after{
        right:-7px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li.position-inherit>a::after{
        display:none;
        visibility:hidden
    }
}
header.style-1 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-1 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-1 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-1 .main-menu ul>li a{
    color:var(--title-color);
    display:block;
    text-transform:capitalize;
    padding:15px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li a{
        padding:15px 10px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li a{
        padding:32px 9px
    }
}
header.style-1 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    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 i.active{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-1 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
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:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        right:0;
        top:8px;
        font-size:20px
    }
}
header.style-1 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1.3;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
header.style-1 .main-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li ul.sub-menu>li a{
        border-color:rgba(233,228,228,.5)
    }
    header.style-1 .main-menu ul>li ul.sub-menu>li a::before{
        background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)
    }
}
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:hover::before{
    transform:scale(1)
}
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 a.active::before{
    transform:scale(1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-1 .main-menu ul>li ul.sub-menu>li:hover>a{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li.active>a{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:991px){
    header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{
        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 .mega-menu{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    min-width:1040px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    padding:45px 40px;
    border-radius:0 0 10px 10px;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li .mega-menu{
        min-width:935px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-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);
        padding:0;
        padding-left:10px
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row{
    display:flex
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row{
        display:block
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    padding-right:70px;
    position:relative;
    flex-basis:33.33%
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:55px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:0;
        margin-bottom:15px;
        flex-basis:unset
    }
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
        margin-bottom:0
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#eee;
    position:absolute;
    right:27px;
    top:0
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        right:18px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        display:none;
        visibility:hidden
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
        color:#b5b5b5;
        position:relative;
        padding-left:15px
    }
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
        height:8px;
        width:8px;
        background-color:#b5b5b5;
        border-radius:50%;
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%)
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
    color:var(--primary-color1)
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
        font-size:12px;
        font-weight:600;
        border-bottom:1px solid rgba(233,228,228,.5)
    }
    header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
        display:none;
        visibility:hidden
    }
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:none;
    font-weight:600
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover i{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:10px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-1 .main-menu ul>li.menu-item-has-children::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-1 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    header.style-1 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@media(min-width:992px){
    header.style-1 .main-menu ul>li:hover .mega-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@keyframes fade-up{
    0%{
        opacity:0;
        transform:scaleY(0);
        visibility:hidden
    }
    100%{
        opacity:1;
        transform:scaleY(1);
        visibility:visible
    }
}
header.style-1 .main-menu ul>li:hover>a{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li:hover::after{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li:hover.position-inherit>a::after{
    color:var(--primary-color1)
}
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.active .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul>li.active.position-inherit>a::after{
    color:var(--primary-color1)
}
header.style-1 .main-menu ul li.menu-item-has-children>i{
    display:block
}
header.style-1 .main-menu .topbar-right{
    padding-top:40px;
    padding-bottom:50px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
header.style-1 .main-menu .topbar-right a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
header.style-1 .main-menu .topbar-right a:last-child{
    margin-bottom:0
}
header.style-1 .main-menu .topbar-right a svg{
    fill:var(--primary-color1)
}
header.style-1 .main-menu .topbar-right a.primary-btn3{
    justify-content:center
}
header.style-1 .main-menu .topbar-right a.primary-btn3 svg{
    fill:var(--title-color)
}
header.style-1 .main-menu .topbar-right a:hover{
    color:var(--primary-color1)
}
header.style-1 .main-menu .topbar-right a:hover svg{
    fill:var(--primary-color1)
}
header.style-1 .main-menu .topbar-right .header-cart-btn{
    background-color:transparent;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:13px;
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--title-color);
    background-color:transparent;
    padding:0;
    transition:.35s;
    margin-bottom:25px
}
header.style-1 .main-menu .hotline-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding-top:40px
}
header.style-1 .main-menu .hotline-area .content{
    position:relative;
    line-height:1
}
header.style-1 .main-menu .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
header.style-1 .main-menu .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
header.style-1 .main-menu .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-1 .main-menu .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
header.style-1 .main-menu .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
@media only screen and (max-width:991px){
    header.style-1 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-1 .dropdown-icon{
        color:var(--white-color)
    }
    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:#fff;
        border-right:1px solid #eee;
        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 .menu-list{
        padding-top:50px;
        padding-bottom:0
    }
    header.style-1 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 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
    }
    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);
        padding-left:10px
    }
    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(--title-color);
        padding:12px 0
    }
    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(--primary-color1);
        right:-13px
    }
    header.style-1 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
header.style-1.dashboard-header{
    margin-left:305px;
    padding:0 60px;
    max-width:calc(100% - 305px);
    width:100%
}
@media(max-width:1699px){
    header.style-1.dashboard-header{
        margin-left:270px;
        max-width:calc(100% - 270px)
    }
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-1.dashboard-header{
        margin-left:235px;
        max-width:calc(100% - 235px)
    }
}
@media(max-width:1499px){
    header.style-1.dashboard-header .nav-right .primary-btn3{
        display:none!important;
        visibility:hidden
    }
}
@media(min-width:1200px) and (max-width:1399px){
    header.style-1.dashboard-header{
        margin-left:220px;
        max-width:calc(100% - 220px)
    }
}
@media(max-width:1199px){
    header.style-1.dashboard-header{
        margin-left:200px;
        max-width:calc(100% - 200px);
        padding:0 20px
    }
}
@media(max-width:991px){
    header.style-1.dashboard-header{
        padding:15px 20px;
        margin-left:0;
        max-width:100%
    }
    header.style-1.dashboard-header.sticky{
        padding:15px 20px!important
    }
    header.style-1.dashboard-header .header-cart-btn{
        display:none!important;
        visibility:hidden
    }
    header.style-1.dashboard-header .main-menu{
        display:none;
        visibility:hidden
    }
    header.style-1.dashboard-header.slide{
        margin-left:200px;
        max-width:calc(100% - 200px)
    }
    header.style-1.dashboard-header .mobile-menu-btn{
        visibility:visible;
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-1.dashboard-header .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--title-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-1.dashboard-header .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--title-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-1.dashboard-header .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--title-color);
        content:"";
        top:10px
    }
    header.style-1.dashboard-header .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-1.dashboard-header .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-1.dashboard-header .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
@media(max-width:767px){
    header.style-1.dashboard-header{
        margin-left:0;
        max-width:100%
    }
    header.style-1.dashboard-header.slide{
        margin-left:120px;
        max-width:calc(100% - 120px)
    }
}
@media(max-width:576px){
    header.style-1.dashboard-header{
        margin-left:0;
        max-width:100%
    }
    header.style-1.dashboard-header.slide{
        margin-left:80px;
        max-width:calc(100% - 80px)
    }
}
header.style-2{
    width:100%;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 11%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid rgba(255,255,255,.15);
    background-color:transparent
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-2{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-2{
        padding:0 3%
    }
}
@media(max-width:1199px){
    header.style-2{
        padding:13px 3%
    }
}
header.style-2.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    background-color:var(--title-color);
    z-index:999
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
@media(max-width:576px){
    header.style-2 .header-logo img{
        max-width:165px;
        width:100%
    }
}
@media(max-width:1199px){
    header.style-2 .header-right{
        display:none;
        visibility:hidden
    }
}
header.style-2 .header-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
header.style-2 .header-right ul li{
    line-height:1
}
header.style-2 .header-right ul li a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--white-color);
    transition:.35s
}
header.style-2 .header-right ul li a:hover{
    color:var(--primary-color1)
}
header.style-2 .header-right ul li a svg{
    fill:var(--primary-color1)
}
header.style-2 .header-right ul li .primary-btn1{
    color:var(--title-color)
}
header.style-2 .header-right ul li .primary-btn1 svg{
    fill:var(--title-color)
}
header.style-2 .header-right ul li .primary-btn1:hover{
    color:var(--white-color)
}
header.style-2 .header-right ul li .primary-btn1:hover svg{
    fill:var(--white-color)
}
header.style-2 .menu-close-btn i{
    color:var(--white-color)
}
header.style-2 .menu-button{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    transition:.35s
}
header.style-2 .menu-button svg{
    fill:var(--white-color);
    transition:.35s
}
header.style-2 .menu-button span{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--white-color);
    transition:.35s
}
header.style-2 .menu-button:hover svg{
    fill:var(--primary-color1)
}
header.style-2 .menu-button:hover span{
    color:var(--primary-color1)
}
header.style-2 .nav-right{
    gap:45px
}
@media(max-width:1199px){
    header.style-2 .nav-right{
        gap:30px
    }
}
header.style-2 .nav-right .primary-btn3{
    padding:13px 18px;
    gap:5px
}
header.style-2 .nav-right .search-btn a svg{
    fill:var(--white-color);
    transition:.35s
}
header.style-2 .nav-right .search-btn a svg:hover{
    fill:var(--primary-color1)
}
header.style-2 .nav-right .header-user-btn{
    background-color:transparent
}
header.style-2 .nav-right .header-user-btn svg{
    fill:var(--white-color);
    transition:.35s
}
header.style-2 .nav-right .header-user-btn svg:hover{
    fill:var(--primary-color1)
}
header.style-2 .main-menu{
    display:inline-block;
    position:relative
}
@media(max-width:1199px){
    header.style-2 .main-menu{
        display:none;
        visibility:hidden
    }
}
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 8px
}
header.style-2 .main-menu ul>li.position-inherit{
    position:inherit
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li.position-inherit{
        position:relative
    }
}
header.style-2 .main-menu ul>li.position-inherit>a::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:2px;
    font-size:14px;
    color:var(--white-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li.position-inherit>a::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li.position-inherit>a::after{
        display:none;
        visibility:hidden
    }
}
header.style-2 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-2 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-2 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-2 .main-menu ul>li a{
    color:var(--white-color);
    display:block;
    text-transform:capitalize;
    padding:15px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li a{
        padding:32px 9px
    }
}
header.style-2 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    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 i.active{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-2 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
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:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        right:0
    }
}
header.style-2 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px 25px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
header.style-2 .main-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li ul.sub-menu>li a{
        border-color:rgba(233,228,228,.5)
    }
    header.style-2 .main-menu ul>li ul.sub-menu>li a::before{
        background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)
    }
}
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:hover::before{
    transform:scale(1)
}
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 a.active::before{
    transform:scale(1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-2 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-2 .main-menu ul>li ul.sub-menu>li:hover>a{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li.active>a{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-2 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:910px){
    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 .mega-menu{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    min-width:1040px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    padding:45px 40px;
    border-radius:0 0 10px 10px;
    transform-origin:top
}
@media(max-width:1699px){
    header.style-2 .main-menu ul>li .mega-menu{
        margin-left:-6rem
    }
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu{
        min-width:935px
    }
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-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);
        padding:0;
        padding-left:10px
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row{
    display:flex
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row{
        display:block
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    padding-right:60px;
    position:relative;
    flex-basis:33.33%
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:0;
        margin-bottom:15px
    }
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
        margin-bottom:0
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#eee;
    position:absolute;
    right:27px;
    top:0
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        right:18px
    }
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        display:none;
        visibility:hidden
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
        color:#b5b5b5;
        position:relative;
        padding-left:15px
    }
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
        height:8px;
        width:8px;
        background-color:#b5b5b5;
        border-radius:50%;
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%)
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
    color:var(--primary-color1)
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
        font-size:12px;
        font-weight:600;
        border-bottom:1px solid rgba(233,228,228,.5)
    }
    header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
        display:none;
        visibility:hidden
    }
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--title-color);
    border-bottom:none;
    font-weight:600
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover i{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:10px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-2 .main-menu ul>li.menu-item-has-children::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-2 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:1200px){
    header.style-2 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-up .45s linear
    }
}
@media(min-width:1200px){
    header.style-2 .main-menu ul>li:hover .mega-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@keyframes fade-up{
    0%{
        opacity:0;
        transform:scaleY(0);
        visibility:hidden
    }
    100%{
        opacity:1;
        transform:scaleY(1);
        visibility:visible
    }
}
header.style-2 .main-menu ul>li:hover>a{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li:hover::after{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li:hover.position-inherit>a::after{
    color:var(--primary-color1)
}
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.active .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-2 .main-menu ul>li.active.position-inherit>a::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 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-2 .dropdown-icon{
        color:var(--white-color)
    }
    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:#fff;
        border-right:1px solid #eee;
        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 .menu-list{
        padding-top:50px;
        padding-bottom:30px
    }
    header.style-2 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 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
    }
    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(--title-color);
        padding:12px 0
    }
    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(--primary-color1);
        right:-13px
    }
    header.style-2 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
header.style-3{
    width:100%;
    z-index:999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 10%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid rgba(255,255,255,.15);
    background-color:#225729;
    position:relative
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-3{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-3{
        padding:0 3%
    }
}
@media(max-width:1199px){
    header.style-3{
        padding:0 1%
    }
}
header.style-3.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
    background-color:#225729;
    z-index:999
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-3 .menu-close-btn i{
    color:var(--white-color)
}
@media(min-width:992px) and (max-width:1199px){
    header.style-3 .header-logo{
        max-width:180px
    }
}
@media(max-width:991px){
    header.style-3 .header-logo{
        padding:20px 0
    }
}
header.style-3 .nav-right{
    gap:30px
}
@media(max-width:1199px){
    header.style-3 .nav-right{
        gap:15px
    }
}
header.style-3 .nav-right .modal-btn{
    background-color:transparent;
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid var(--primary-color1);
    transition:.35s
}
header.style-3 .nav-right .modal-btn svg{
    fill:var(--primary-color1);
    transition:.35s
}
header.style-3 .nav-right .modal-btn:hover{
    background-color:var(--primary-color1)
}
header.style-3 .nav-right .modal-btn:hover svg{
    fill:var(--title-color)
}
header.style-3 .nav-right .primary-btn3{
    font-size:13px;
    gap:5px;
    border-radius:20px;
    padding:13px 23px
}
header.style-3 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
@media(max-width:991px){
    header.style-3 .nav-right .mobile-menu-btn{
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-3 .nav-right .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--white-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-3 .nav-right .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--white-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-3 .nav-right .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--white-color);
        content:"";
        top:10px
    }
    header.style-3 .nav-right .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-3 .nav-right .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-3 .nav-right .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
header.style-3 .main-menu{
    display:inline-block;
    position:relative
}
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 8px
}
header.style-3 .main-menu ul>li.position-inherit{
    position:inherit
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li.position-inherit{
        position:relative
    }
}
header.style-3 .main-menu ul>li.position-inherit>a::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:24px;
    right:2px;
    font-size:14px;
    color:var(--white-color);
    transition:all .55s ease-in-out
}
@media(max-width:1399px){
    header.style-3 .main-menu ul>li.position-inherit>a::after{
        right:-5px
    }
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li.position-inherit>a::after{
        right:-11px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li.position-inherit>a::after{
        display:none;
        visibility:hidden
    }
}
header.style-3 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-3 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-3 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-3 .main-menu ul>li a{
    color:var(--white-color);
    display:block;
    text-transform:capitalize;
    padding:24px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:1399px){
    header.style-3 .main-menu ul>li a{
        padding:24px 12px
    }
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li a{
        padding:24px 5px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li a{
        padding:32px 9px;
        color:var(--title-color)
    }
}
header.style-3 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    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 i.active{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-3 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
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:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        right:0;
        top:8px;
        font-size:20px
    }
}
header.style-3 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1.3;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
header.style-3 .main-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li ul.sub-menu>li a{
        border-color:rgba(233,228,228,.5)
    }
    header.style-3 .main-menu ul>li ul.sub-menu>li a::before{
        background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)
    }
}
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:hover::before{
    transform:scale(1)
}
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 a.active::before{
    transform:scale(1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-3 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-3 .main-menu ul>li ul.sub-menu>li:hover>a{
    color:var(--primary-color1)
}
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.active>a{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-3 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:991px){
    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:last-child{
    border-bottom:none
}
header.style-3 .main-menu ul>li .mega-menu{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    min-width:1040px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    padding:45px 40px;
    border-radius:0 0 10px 10px;
    transform-origin:top
}
@media(max-width:1699px){
    header.style-3 .main-menu ul>li .mega-menu{
        margin-left:-5rem
    }
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li .mega-menu{
        min-width:935px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-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);
        padding:0;
        padding-left:10px;
        margin-left:0
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row{
    display:flex
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row{
        display:block
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    padding-right:70px;
    position:relative;
    flex-basis:33.33%
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:55px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:0;
        margin-bottom:15px;
        flex-basis:unset
    }
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
        margin-bottom:0
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#eee;
    position:absolute;
    right:27px;
    top:0
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        right:18px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        display:none;
        visibility:hidden
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
        color:#b5b5b5;
        position:relative;
        padding-left:15px
    }
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
        height:8px;
        width:8px;
        background-color:#b5b5b5;
        border-radius:50%;
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%)
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
    color:var(--primary-color1)
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
        font-size:12px;
        font-weight:600;
        border-bottom:1px solid rgba(233,228,228,.5)
    }
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
        display:none;
        visibility:hidden
    }
    header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
        padding-left:10px
    }
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--title-color);
    border-bottom:none;
    font-weight:600
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--title-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover i{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:24px;
    right:10px;
    font-size:14px;
    color:var(--white-color);
    transition:all .55s ease-in-out
}
@media(max-width:1399px){
    header.style-3 .main-menu ul>li.menu-item-has-children::after{
        right:3px
    }
}
@media(max-width:1199px){
    header.style-3 .main-menu ul>li.menu-item-has-children::after{
        right:-2px
    }
}
@media(max-width:991px){
    header.style-3 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    header.style-3 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@media(min-width:992px){
    header.style-3 .main-menu ul>li:hover .mega-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
header.style-3 .main-menu ul>li:hover>a{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li:hover::after{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li:hover.position-inherit>a::after{
    color:var(--primary-color1)
}
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.active .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul>li.active.position-inherit>a::after{
    color:var(--primary-color1)
}
header.style-3 .main-menu ul li.menu-item-has-children>i{
    display:block
}
header.style-3 .main-menu .topbar-right{
    padding-top:40px;
    padding-bottom:50px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
header.style-3 .main-menu .topbar-right .primary-btn3{
    justify-content:center;
    width:100%
}
header.style-3 .main-menu .topbar-right .primary-btn3 svg{
    fill:var(--title-color)
}
header.style-3 .main-menu .topbar-right a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
header.style-3 .main-menu .topbar-right a:last-child{
    margin-bottom:0
}
header.style-3 .main-menu .topbar-right a svg{
    fill:var(--primary-color1)
}
header.style-3 .main-menu .topbar-right a:hover{
    color:var(--primary-color1)
}
header.style-3 .main-menu .topbar-right a:hover svg{
    fill:var(--primary-color1)
}
header.style-3 .main-menu .topbar-right .sell-btn{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px;
    background-color:transparent
}
header.style-3 .main-menu .topbar-right .sell-btn:last-child{
    margin-bottom:0
}
header.style-3 .main-menu .topbar-right .sell-btn svg{
    fill:var(--primary-color1)
}
header.style-3 .main-menu .topbar-right .sell-btn.primary-btn3{
    justify-content:center
}
header.style-3 .main-menu .topbar-right .sell-btn.primary-btn3 svg{
    fill:var(--title-color)
}
header.style-3 .main-menu .topbar-right .sell-btn:hover{
    color:var(--primary-color1)
}
header.style-3 .main-menu .topbar-right .sell-btn:hover svg{
    fill:var(--primary-color1)
}
header.style-3 .main-menu .hotline-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding-top:40px
}
header.style-3 .main-menu .hotline-area .content{
    position:relative;
    line-height:1
}
header.style-3 .main-menu .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
header.style-3 .main-menu .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
header.style-3 .main-menu .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-3 .main-menu .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
header.style-3 .main-menu .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
@media only screen and (max-width:991px){
    header.style-3 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-3 .dropdown-icon{
        color:var(--white-color)
    }
    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:#fff;
        border-right:1px solid #eee;
        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 .menu-list{
        padding-top:50px;
        padding-bottom:30px
    }
    header.style-3 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 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
    }
    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);
        padding:12px 0
    }
    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(--primary-color1);
        right:-13px
    }
    header.style-3 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
header.style-4{
    width:100%;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 11%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid rgba(255,255,255,.15);
    background-color:transparent;
    position:absolute
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-4{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-4{
        padding:0 3%
    }
}
header.style-4.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
    background-color:var(--title-color);
    z-index:888
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-4 .header-logo{
    padding:15px 0
}
@media(max-width:576px){
    header.style-4 .header-logo img{
        max-width:165px;
        width:100%
    }
}
header.style-4 .header-right ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:1199px){
    header.style-4 .header-right ul{
        display:none;
        visibility:hidden
    }
}
header.style-4 .header-right ul li{
    line-height:1
}
header.style-4 .header-right ul li>a{
    display:flex;
    justify-content:center;
    align-items:center;
    height:26px;
    width:26px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.4);
    background-color:#1a151a;
    gap:5px;
    transition:.35s;
    cursor:pointer
}
header.style-4 .header-right ul li>a svg{
    fill:var(--primary-color1)
}
header.style-4 .header-right ul li>a:hover{
    background-color:var(--primary-color1)
}
header.style-4 .header-right ul li>a:hover svg{
    fill:var(--title-color)
}
header.style-4 .header-right ul li .search-btn>a{
    display:flex;
    justify-content:center;
    align-items:center;
    height:26px;
    width:26px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.4);
    background-color:#1a151a;
    gap:5px;
    transition:.35s;
    cursor:pointer
}
header.style-4 .header-right ul li .search-btn>a svg{
    fill:var(--primary-color1)
}
header.style-4 .header-right ul li .search-btn>a:hover{
    background-color:var(--primary-color1)
}
header.style-4 .header-right ul li .search-btn>a:hover svg{
    fill:var(--title-color)
}
header.style-4 .header-right ul li .primary-btn1{
    color:var(--title-color)
}
header.style-4 .header-right ul li .primary-btn1:hover{
    color:unset
}
header.style-4 .header-right ul li .primary-btn1 svg{
    fill:var(--title-color)
}
header.style-4 .menu-close-btn i{
    color:var(--white-color)
}
header.style-4 .menu-button{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    transition:.35s
}
header.style-4 .menu-button svg{
    fill:var(--white-color);
    transition:.35s
}
header.style-4 .menu-button span{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--white-color);
    transition:.35s
}
header.style-4 .menu-button:hover svg{
    fill:var(--primary-color1)
}
header.style-4 .menu-button:hover span{
    color:var(--primary-color1)
}
header.style-4 .nav-right{
    gap:45px
}
@media(max-width:1199px){
    header.style-4 .nav-right{
        gap:30px
    }
}
header.style-4 .nav-right .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
header.style-4 .nav-right .hotline-area svg{
    fill:var(--white-color)
}
header.style-4 .nav-right .hotline-area .content{
    position:relative;
    line-height:1
}
header.style-4 .nav-right .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(255,255,255,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
header.style-4 .nav-right .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--white-color);
    margin-bottom:5px;
    display:inline-block
}
header.style-4 .nav-right .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-4 .nav-right .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--white-color);
    transition:.5s
}
header.style-4 .nav-right .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
header.style-4 .nav-right .modal-dialog{
    min-height:100vh;
    max-width:620px;
    margin:0 0 0 auto
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog{
        max-width:unset;
        width:100%
    }
}
header.style-4 .nav-right .modal-dialog .modal-content{
    padding:65px 60px;
    min-height:100vh;
    position:relative
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content{
        padding:50px 20px
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header{
    padding:0;
    padding-bottom:15px;
    border-bottom:1px solid rgba(238,238,238,.933333)
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header .modal-title{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:24px;
    color:var(--title-color);
    margin-bottom:0
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header .close-btn{
    height:30px;
    width:30px;
    border-radius:50%;
    background:rgba(255,72,32,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header .close-btn i{
    color:#ff4820;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover{
    background:#ff4820
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover i{
    color:var(--white-color)
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body{
    padding:40px 0
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul{
    margin:0;
    padding:0;
    list-style:none;
    min-height:500px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item:last-child{
    margin-bottom:0
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
    display:flex;
    align-items:center;
    gap:15px
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
        gap:10px
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn{
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:rgba(255,72,32,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn i{
    color:#ff4820;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover{
    background:#ff4820
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover i{
    color:var(--white-color)
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-width:350px;
    width:100%
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
        gap:12px;
        min-width:100%
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
    background:#f3f3f3;
    border-radius:5px;
    min-width:90px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
        height:60px;
        min-width:55px
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
    height:60px;
    width:55px
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
        width:45px;
        height:unset
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content{
    line-height:1;
    padding-right:40px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content span{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:3px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    line-height:1.5;
    color:var(--title-color)
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a strong{
    font-weight:600
}
@media(max-width:767px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
        font-size:14px
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity{
    display:flex;
    flex-direction:column;
    gap:5px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--title-color);
    font-weight:600;
    cursor:pointer;
    transition:.35s
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a:hover{
    background:var(--primary-color1);
    border:1px solid --primary-color1
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity input{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:var(--title-color);
    font-weight:600;
    text-align:center
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer{
    justify-content:flex-start;
    padding:0;
    border-top:1px solid rgba(238,238,238,.933333);
    position:sticky;
    width:100%;
    left:0;
    bottom:0
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area{
    border-bottom:1px solid rgba(238,238,238,.933333);
    width:100%;
    padding:10px 0 15px
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul li{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    color:var(--title-color);
    display:flex;
    justify-content:space-between;
    width:100%
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button{
    padding-top:40px;
    width:100%
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:30px
}
@media(max-width:576px){
    header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
        flex-wrap:wrap;
        gap:15px
    }
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li{
    width:100%
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li a{
    width:100%;
    justify-content:center
}
header.style-4 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li:first-child a{
    background-color:var(--title-color);
    color:var(--white-color)
}
header.style-4 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
@media(max-width:991px){
    header.style-4 .nav-right .mobile-menu-btn{
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-4 .nav-right .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--title-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-4 .nav-right .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--title-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-4 .nav-right .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--title-color);
        content:"";
        top:10px
    }
    header.style-4 .nav-right .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-4 .nav-right .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-4 .nav-right .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
header.style-4 .main-menu{
    display:inline-block
}
header.style-4 .main-menu .mobile-menu-logo{
    display:none
}
header.style-4 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-4 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 8px
}
@media(max-width:1199px){
    header.style-4 .main-menu ul>li{
        padding:0
    }
}
header.style-4 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-4 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-4 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-4 .main-menu ul>li a{
    color:var(--white-color);
    display:block;
    text-transform:capitalize;
    padding:15px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:capitalize;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:991px){
    header.style-4 .main-menu ul>li a{
        padding:32px 9px
    }
}
header.style-4 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--white-color);
    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-4 .main-menu ul>li i{
        opacity:1
    }
}
header.style-4 .main-menu ul>li i.active{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-4 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left
}
@media(max-width:1199px){
    header.style-4 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
header.style-4 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-4 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-4 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:991px){
    header.style-4 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        right:0;
        top:8px;
        font-size:20px
    }
}
header.style-4 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px 25px;
    color:var(--title-color);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid #ddd
}
header.style-4 .main-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
@media(max-width:991px){
    header.style-4 .main-menu ul>li ul.sub-menu>li a{
        border-color:#ddd
    }
    header.style-4 .main-menu ul>li ul.sub-menu>li a::before{
        background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)
    }
}
header.style-4 .main-menu ul>li ul.sub-menu>li a:hover{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li a:hover::before{
    transform:scale(1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li a.active::before{
    transform:scale(1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-4 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-4 .main-menu ul>li ul.sub-menu>li:hover>a{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li.active>a{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-4 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-4 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:991px){
    header.style-4 .main-menu ul>li ul.sub-menu>li .sub-menu{
        position:unset;
        max-width:230px;
        min-width:215px;
        background:0 0;
        top:0
    }
}
header.style-4 .main-menu ul>li ul.sub-menu>li .sub-menu>li i{
    display:block
}
header.style-4 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-4 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:0;
    position:absolute;
    top:15px;
    right:10px;
    font-size:14px;
    color:var(--white-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-4 .main-menu ul>li.menu-item-has-children::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-4 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    header.style-4 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-up .45s linear
    }
}
@keyframes fade-up{
    0%{
        opacity:0;
        transform:translateY(10px);
        visibility:hidden
    }
    100%{
        opacity:1;
        transform:translateY(0px);
        visibility:visible
    }
}
header.style-4 .main-menu ul>li:hover>a{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li:hover::after{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li.active>a{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li.active::after{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul>li.active .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-4 .main-menu ul li.menu-item-has-children>i{
    display:block
}
@media only screen and (max-width:991px){
    header.style-4 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-4 .dropdown-icon{
        color:var(--white-color)
    }
    header.style-4 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:#fff;
        border-right:1px solid #eee;
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-4 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-4 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-4 .main-menu .menu-list{
        padding-top:50px;
        padding-bottom:30px
    }
    header.style-4 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 0
    }
    header.style-4 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-4 .main-menu ul li i{
        display:block
    }
    header.style-4 .main-menu ul li a{
        padding:10px 0;
        display:block
    }
    header.style-4 .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-4 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-4 .main-menu ul li ul.sub-menu>li a{
        color:var(--title-color);
        padding:12px 0
    }
    header.style-4 .main-menu ul li ul.sub-menu>li a:hover{
        color:var(--primary-color1);
        margin-left:10px
    }
    header.style-4 .main-menu ul li ul.sub-menu>li a.active{
        color:var(--primary-color1)
    }
    header.style-4 .main-menu ul li ul.sub-menu>li i{
        color:var(--primary-color1);
        right:-13px
    }
    header.style-4 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
header.style-5{
    width:100%;
    z-index:555;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 8%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid transparent;
    background-color:var(--white-color);
    position:relative
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-5{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-5{
        padding:0 3%
    }
}
header.style-5.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
    border-bottom:1px solid #eee;
    background-color:var(--white-color);
    z-index:555
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-5 .header-logo{
    padding:15px 0
}
@media(max-width:576px){
    header.style-5 .header-logo img{
        max-width:165px;
        width:100%
    }
}
header.style-5 .menu-close-btn i{
    color:var(--white-color)
}
header.style-5 .nav-right{
    gap:45px
}
@media(max-width:1199px){
    header.style-5 .nav-right{
        gap:20px
    }
}
header.style-5 .nav-right .search-btn a{
    transition:.35s
}
header.style-5 .nav-right .search-btn a svg{
    fill:var(--title-color);
    transition:.35s
}
header.style-5 .nav-right .search-btn a:hover svg{
    fill:var(--primary-color1)
}
header.style-5 .nav-right button{
    background-color:transparent;
    transition:.35s
}
header.style-5 .nav-right button svg{
    fill:var(--title-color);
    transition:.35s
}
header.style-5 .nav-right button:hover svg{
    fill:var(--primary-color1)
}
header.style-5 .nav-right .primary-btn3{
    font-size:13px;
    gap:5px;
    padding:13px 17px
}
@media(max-width:991px){
    header.style-5 .nav-right .primary-btn3{
        display:none;
        visibility:hidden
    }
}
header.style-5 .nav-right .modal-dialog{
    min-height:100vh;
    max-width:620px;
    margin:0 0 0 auto
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog{
        max-width:unset;
        width:100%
    }
}
header.style-5 .nav-right .modal-dialog .modal-content{
    padding:65px 60px;
    min-height:100vh;
    position:relative
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content{
        padding:50px 20px
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header{
    padding:0;
    padding-bottom:15px;
    border-bottom:1px solid rgba(238,238,238,.933333)
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header .modal-title{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:24px;
    color:var(--title-color);
    margin-bottom:0
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header .close-btn{
    height:30px;
    width:30px;
    border-radius:50%;
    background:rgba(255,72,32,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header .close-btn i{
    color:#ff4820;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover{
    background:#ff4820
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover i{
    color:var(--white-color)
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body{
    padding:40px 0
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul{
    margin:0;
    padding:0;
    list-style:none;
    min-height:500px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item:last-child{
    margin-bottom:0
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
    display:flex;
    align-items:center;
    gap:15px
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
        gap:10px
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn{
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:rgba(255,72,32,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn i{
    color:#ff4820;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover{
    background:#ff4820
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover i{
    color:var(--white-color)
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-width:350px;
    width:100%
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
        gap:12px;
        min-width:100%
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
    background:#f3f3f3;
    border-radius:5px;
    min-width:90px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
        height:60px;
        min-width:55px
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
    height:60px;
    width:55px
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
        width:45px;
        height:unset
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content{
    line-height:1;
    padding-right:40px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content span{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:3px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    line-height:1.5;
    color:var(--title-color)
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a strong{
    font-weight:600
}
@media(max-width:767px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
        font-size:14px
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity{
    display:flex;
    flex-direction:column;
    gap:5px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--title-color);
    font-weight:600;
    cursor:pointer;
    transition:.35s
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a:hover{
    background:var(--primary-color1);
    border:1px solid --primary-color1
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity input{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:var(--title-color);
    font-weight:600;
    text-align:center
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer{
    justify-content:flex-start;
    padding:0;
    border-top:1px solid rgba(238,238,238,.933333);
    position:sticky;
    width:100%;
    left:0;
    bottom:0
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area{
    border-bottom:1px solid rgba(238,238,238,.933333);
    width:100%;
    padding:10px 0 15px
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul li{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    color:var(--title-color);
    display:flex;
    justify-content:space-between;
    width:100%
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button{
    padding-top:40px;
    width:100%
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:30px
}
@media(max-width:576px){
    header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
        flex-wrap:wrap;
        gap:15px
    }
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li{
    width:100%
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li a{
    width:100%;
    justify-content:center
}
header.style-5 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li:first-child a{
    background-color:var(--title-color);
    color:var(--white-color)
}
header.style-5 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
@media(max-width:991px){
    header.style-5 .nav-right .mobile-menu-btn{
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-5 .nav-right .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--title-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-5 .nav-right .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--title-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-5 .nav-right .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--title-color);
        content:"";
        top:10px
    }
    header.style-5 .nav-right .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-5 .nav-right .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-5 .nav-right .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
header.style-5 .main-menu{
    display:inline-block;
    position:relative
}
header.style-5 .main-menu .mobile-menu-logo{
    display:none
}
header.style-5 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-5 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 8px
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li{
        padding:0 4px
    }
}
header.style-5 .main-menu ul>li.position-inherit{
    position:inherit
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li.position-inherit{
        position:relative
    }
}
header.style-5 .main-menu ul>li.position-inherit>a::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:2px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li.position-inherit>a::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li.position-inherit>a::after{
        display:none;
        visibility:hidden
    }
}
header.style-5 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-5 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-5 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-5 .main-menu ul>li a{
    color:var(--title-color);
    display:block;
    text-transform:capitalize;
    padding:15px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li a{
        padding:32px 9px
    }
}
header.style-5 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    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-5 .main-menu ul>li i{
        opacity:1
    }
}
header.style-5 .main-menu ul>li i.active{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-5 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
header.style-5 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-5 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-5 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        font-size:20px;
        top:8px;
        right:0
    }
}
header.style-5 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1.3;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
header.style-5 .main-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li ul.sub-menu>li a{
        border-color:rgba(233,228,228,.5)
    }
    header.style-5 .main-menu ul>li ul.sub-menu>li a::before{
        background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)
    }
}
header.style-5 .main-menu ul>li ul.sub-menu>li a:hover{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li a:hover::before{
    transform:scale(1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li a.active::before{
    transform:scale(1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-5 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-5 .main-menu ul>li ul.sub-menu>li:hover>a{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li.active>a{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-5 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:991px){
    header.style-5 .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-5 .main-menu ul>li ul.sub-menu>li .sub-menu>li i{
    display:block
}
header.style-5 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-5 .main-menu ul>li .mega-menu{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    min-width:1040px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    padding:45px 40px;
    border-radius:0 0 10px 10px;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li .mega-menu{
        min-width:935px
    }
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-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);
        padding:0;
        padding-left:10px
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row{
    display:flex
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row{
        display:block
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    padding-right:70px;
    position:relative;
    flex-basis:33.33%
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:55px
    }
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:0;
        margin-bottom:15px;
        flex-basis:unset
    }
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
        margin-bottom:0
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#eee;
    position:absolute;
    right:27px;
    top:0
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        right:18px
    }
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        display:none;
        visibility:hidden
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
        color:#b5b5b5;
        position:relative;
        padding-left:15px
    }
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
        height:8px;
        width:8px;
        background-color:#b5b5b5;
        border-radius:50%;
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%)
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
    color:var(--primary-color1)
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
        font-size:12px;
        font-weight:600;
        border-bottom:1px solid rgba(233,228,228,.5)
    }
    header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
        display:none;
        visibility:hidden
    }
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:none;
    font-weight:600
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover i{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:10px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-5 .main-menu ul>li.menu-item-has-children::after{
        right:6px
    }
}
@media(max-width:991px){
    header.style-5 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    header.style-5 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@media(min-width:992px){
    header.style-5 .main-menu ul>li:hover .mega-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@keyframes fade-down{
    0%{
        opacity:0;
        transform:scaleY(0);
        visibility:hidden
    }
    100%{
        opacity:1;
        transform:scaleY(1);
        visibility:visible
    }
}
header.style-5 .main-menu ul>li:hover>a{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li:hover::after{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li:hover.position-inherit>a::after{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li.active>a{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li.active::after{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li.active .dropdown-icon2{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul>li.active.position-inherit>a::after{
    color:var(--primary-color1)
}
header.style-5 .main-menu ul li.menu-item-has-children>i{
    display:block
}
header.style-5 .main-menu .topbar-right{
    padding-top:40px;
    padding-bottom:50px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
header.style-5 .main-menu .topbar-right .primary-btn3{
    justify-content:center;
    width:100%
}
header.style-5 .main-menu .topbar-right .primary-btn3 svg{
    fill:var(--title-color)
}
header.style-5 .main-menu .topbar-right a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
header.style-5 .main-menu .topbar-right a:last-child{
    margin-bottom:0
}
header.style-5 .main-menu .topbar-right a svg{
    fill:var(--primary-color1)
}
header.style-5 .main-menu .topbar-right a:hover{
    color:var(--primary-color1)
}
header.style-5 .main-menu .topbar-right a:hover svg{
    fill:var(--primary-color1)
}
header.style-5 .main-menu .topbar-right .sell-btn{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px;
    background-color:transparent
}
header.style-5 .main-menu .topbar-right .sell-btn:last-child{
    margin-bottom:0
}
header.style-5 .main-menu .topbar-right .sell-btn svg{
    fill:var(--primary-color1)
}
header.style-5 .main-menu .topbar-right .sell-btn.primary-btn3{
    justify-content:center
}
header.style-5 .main-menu .topbar-right .sell-btn.primary-btn3 svg{
    fill:var(--title-color)
}
header.style-5 .main-menu .topbar-right .sell-btn:hover{
    color:var(--primary-color1)
}
header.style-5 .main-menu .topbar-right .sell-btn:hover svg{
    fill:var(--primary-color1)
}
header.style-5 .main-menu .hotline-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding-top:40px
}
header.style-5 .main-menu .hotline-area .content{
    position:relative;
    line-height:1
}
header.style-5 .main-menu .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
header.style-5 .main-menu .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
header.style-5 .main-menu .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-5 .main-menu .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
header.style-5 .main-menu .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
@media only screen and (max-width:991px){
    header.style-5 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-5 .dropdown-icon{
        color:var(--white-color)
    }
    header.style-5 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:#fff;
        border-right:1px solid #eee;
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-5 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-5 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-5 .main-menu .menu-list{
        padding-top:50px;
        padding-bottom:30px
    }
    header.style-5 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 0
    }
    header.style-5 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-5 .main-menu ul li i{
        display:block
    }
    header.style-5 .main-menu ul li a{
        padding:10px 0;
        display:block
    }
    header.style-5 .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-5 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-5 .main-menu ul li ul.sub-menu>li a{
        color:var(--title-color);
        padding:12px 0
    }
    header.style-5 .main-menu ul li ul.sub-menu>li a:hover{
        color:var(--primary-color1);
        margin-left:10px
    }
    header.style-5 .main-menu ul li ul.sub-menu>li a.active{
        color:var(--primary-color1)
    }
    header.style-5 .main-menu ul li ul.sub-menu>li i{
        color:var(--primary-color1);
        right:-13px
    }
    header.style-5 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
header.style-6{
    width:100%;
    z-index:999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 8%;
    transition:all .8s ease-out 0s;
    border-bottom:1px solid transparent;
    background-color:var(--white-color);
    position:relative
}
@media(min-width:1400px) and (max-width:1599px){
    header.style-6{
        padding:0 3%
    }
}
@media(max-width:1399px){
    header.style-6{
        padding:0 3%
    }
}
header.style-6.sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
    border-bottom:1px solid #eee;
    background-color:var(--white-color);
    z-index:999
}
@keyframes smooth-header{
    0%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0px)
    }
}
header.style-6 .header-logo{
    padding:15px 0
}
@media(max-width:576px){
    header.style-6 .header-logo img{
        max-width:165px;
        width:100%
    }
}
header.style-6 .menu-close-btn i{
    color:var(--white-color)
}
header.style-6 .nav-right{
    gap:45px
}
@media(max-width:1199px){
    header.style-6 .nav-right{
        gap:20px
    }
}
header.style-6 .nav-right .modal-btn{
    background-color:transparent;
    transition:.35s
}
header.style-6 .nav-right .modal-btn svg{
    fill:var(--title-color);
    transition:.35s
}
header.style-6 .nav-right .primary-btn6{
    font-family:var(--font-montserrat);
    padding:5px 16px
}
@media(max-width:991px){
    header.style-6 .nav-right .primary-btn6{
        display:none;
        visibility:hidden
    }
}
header.style-6 .nav-right .modal-dialog{
    min-height:100vh;
    max-width:620px;
    margin:0 0 0 auto
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog{
        max-width:unset;
        width:100%
    }
}
header.style-6 .nav-right .modal-dialog .modal-content{
    padding:65px 60px;
    min-height:100vh;
    position:relative
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content{
        padding:50px 20px
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header{
    padding:0;
    padding-bottom:15px;
    border-bottom:1px solid rgba(238,238,238,.933333)
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header .modal-title{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:24px;
    color:var(--title-color);
    margin-bottom:0
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header .close-btn{
    height:30px;
    width:30px;
    border-radius:50%;
    background:rgba(0,0,0,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header .close-btn i{
    color:#000;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover{
    background:#000
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-header .close-btn:hover i{
    color:var(--white-color)
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body{
    padding:40px 0
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul{
    margin:0;
    padding:0;
    list-style:none;
    min-height:500px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item:last-child{
    margin-bottom:0
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
    display:flex;
    align-items:center;
    gap:15px
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area{
        gap:10px
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn{
    height:28px;
    min-width:28px;
    border-radius:50%;
    background:rgba(0,0,0,.14);
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn i{
    color:#000;
    line-height:1;
    font-size:20px;
    transition:.5s
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover{
    background:#000
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .close-btn:hover i{
    color:var(--white-color)
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    min-width:350px;
    width:100%
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item{
        gap:12px;
        min-width:100%
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
    background:#f3f3f3;
    border-radius:5px;
    min-width:90px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img{
        height:60px;
        min-width:55px
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
    height:60px;
    width:55px
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .item-img img{
        width:45px;
        height:unset
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content{
    line-height:1;
    padding-right:40px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content span{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:3px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    line-height:1.5;
    color:var(--title-color)
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a strong{
    font-weight:600
}
@media(max-width:767px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .item-area .main-item .content h6 a{
        font-size:14px
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity{
    display:flex;
    flex-direction:column;
    gap:5px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--title-color);
    font-weight:600;
    cursor:pointer;
    transition:.35s
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity a:hover{
    background:var(--title-color);
    border:1px solid var(--title-color);
    color:var(--white-color)
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-body ul .single-item .quantity-area .quantity input{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#f3f3f3;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:var(--title-color);
    font-weight:600;
    text-align:center
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer{
    justify-content:flex-start;
    padding:0;
    border-top:1px solid rgba(238,238,238,.933333);
    position:sticky;
    width:100%;
    left:0;
    bottom:0
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area{
    border-bottom:1px solid rgba(238,238,238,.933333);
    width:100%;
    padding:10px 0 15px
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul{
    margin:0;
    padding:0;
    list-style:none;
    width:100%
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .pricing-area ul li{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:15px;
    color:var(--title-color);
    display:flex;
    justify-content:space-between;
    width:100%
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button{
    padding-top:40px;
    width:100%
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:30px
}
@media(max-width:576px){
    header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul{
        flex-wrap:wrap;
        gap:15px
    }
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li{
    width:100%
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li a{
    width:100%;
    justify-content:center
}
header.style-6 .nav-right .modal-dialog .modal-content .modal-footer .footer-button ul li:first-child a{
    background-color:var(--title-color);
    color:var(--white-color)
}
header.style-6 .nav-right .mobile-menu-btn{
    display:none;
    visibility:hidden
}
@media(max-width:991px){
    header.style-6 .nav-right .mobile-menu-btn{
        display:flex;
        margin-left:50px;
        flex-direction:column;
        align-items:end;
        visibility:visible;
        justify-content:center;
        position:relative
    }
    header.style-6 .nav-right .mobile-menu-btn span{
        height:2px;
        width:25px;
        background-color:var(--title-color);
        display:flex;
        transition:transform .5s ease-in;
        position:absolute;
        top:0
    }
    header.style-6 .nav-right .mobile-menu-btn span::before{
        transition-duration:.5s;
        position:absolute;
        width:35px;
        height:2px;
        background-color:var(--title-color);
        content:"";
        top:-10px;
        right:0
    }
    header.style-6 .nav-right .mobile-menu-btn span::after{
        transition-duration:.5s;
        position:absolute;
        width:15px;
        height:2px;
        right:0;
        background-color:var(--title-color);
        content:"";
        top:10px
    }
    header.style-6 .nav-right .mobile-menu-btn.active span{
        background-color:transparent
    }
    header.style-6 .nav-right .mobile-menu-btn.active span::before{
        transform:rotateZ(45deg) translate(8px,6px);
        width:35px
    }
    header.style-6 .nav-right .mobile-menu-btn.active span::after{
        transform:rotateZ(-45deg) translate(8px,-6px);
        width:35px
    }
}
header.style-6 .main-menu{
    display:inline-block;
    position:relative
}
header.style-6 .main-menu .mobile-menu-logo{
    display:none
}
header.style-6 .main-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
header.style-6 .main-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 8px
}
header.style-6 .main-menu ul>li.position-inherit{
    position:inherit
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li.position-inherit{
        position:relative
    }
}
header.style-6 .main-menu ul>li.position-inherit>a::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:2px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li.position-inherit>a::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li.position-inherit>a::after{
        display:none;
        visibility:hidden
    }
}
header.style-6 .main-menu ul>li:hover i{
    color:var(--black-color2);
    font-size:20px
}
@media(min-width:992px){
    header.style-6 .main-menu ul>li:first-child{
        padding-left:0
    }
    header.style-6 .main-menu ul>li:first-child a{
        padding-left:0
    }
}
header.style-6 .main-menu ul>li a{
    color:var(--title-color);
    display:block;
    text-transform:capitalize;
    padding:15px 20px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li a{
        padding:32px 9px
    }
}
header.style-6 .main-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    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-6 .main-menu ul>li i{
        opacity:1
    }
}
header.style-6 .main-menu ul>li i.active::before{
    content:"\f2ea"
}
header.style-6 .main-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li ul.sub-menu{
        box-shadow:none
    }
}
header.style-6 .main-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
header.style-6 .main-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:14px;
    right:6px;
    display:block;
    color:var(--title-color);
    font-size:14px
}
header.style-6 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--title-color);
    opacity:1;
    top:14px;
    font-size:14px;
    right:10px
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li ul.sub-menu>li .dropdown-icon{
        right:0;
        font-size:20px;
        top:8px
    }
}
header.style-6 .main-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:15px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1.3;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li ul.sub-menu>li a{
        border-color:rgba(233,228,228,.5)
    }
}
header.style-6 .main-menu ul>li ul.sub-menu>li a:hover::before{
    transform:scale(1)
}
header.style-6 .main-menu ul>li ul.sub-menu>li a.active::before{
    transform:scale(1)
}
header.style-6 .main-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
header.style-6 .main-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
header.style-6 .main-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    position:absolute;
    max-width:230px;
    min-width:215px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    top:0
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li ul.sub-menu>li .sub-menu{
        box-shadow:none
    }
}
header.style-6 .main-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
@media only screen and (max-width:991px){
    header.style-6 .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-6 .main-menu ul>li ul.sub-menu>li .sub-menu>li i{
    display:block
}
header.style-6 .main-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
header.style-6 .main-menu ul>li .mega-menu{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    min-width:1040px;
    background:var(--white-color);
    box-shadow:0 30px 80px rgba(8,0,42,.08);
    text-align:left;
    padding:45px 40px;
    border-radius:0 0 10px 10px;
    transform-origin:top
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li .mega-menu{
        min-width:935px
    }
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-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);
        padding:0;
        padding-left:10px
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row{
    display:flex
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row{
        display:block
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    padding-right:70px;
    position:relative;
    flex-basis:33.33%
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:55px
    }
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item{
        padding-right:0;
        margin-bottom:15px;
        flex-basis:unset
    }
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
        margin-bottom:0
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#eee;
    position:absolute;
    right:27px;
    top:0
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        right:18px
    }
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item::after{
        display:none;
        visibility:hidden
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6{
        color:#b5b5b5;
        position:relative;
        padding-left:15px
    }
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
        height:8px;
        width:8px;
        background-color:#b5b5b5;
        border-radius:50%;
        content:"";
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%)
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
        font-size:12px;
        font-weight:600;
        border-bottom:1px solid rgba(233,228,228,.5)
    }
    header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
        display:none;
        visibility:hidden
    }
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:none;
    font-weight:600
}
header.style-6 .main-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
header.style-6 .main-menu ul>li.menu-item-has-children::after{
    content:"\f282";
    font-family:bootstrap-icons;
    font-weight:500;
    position:absolute;
    top:15px;
    right:10px;
    font-size:14px;
    color:var(--text-color);
    transition:all .55s ease-in-out
}
@media(max-width:1199px){
    header.style-6 .main-menu ul>li.menu-item-has-children::after{
        right:2px
    }
}
@media(max-width:991px){
    header.style-6 .main-menu ul>li.menu-item-has-children::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    header.style-6 .main-menu ul>li:hover>ul.sub-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@media(min-width:992px){
    header.style-6 .main-menu ul>li:hover .mega-menu{
        display:block;
        animation:fade-down .45s linear
    }
}
@keyframes fade-down{
    0%{
        opacity:0;
        transform:scaleY(0);
        visibility:hidden
    }
    100%{
        opacity:1;
        transform:scaleY(1);
        visibility:visible
    }
}
header.style-6 .main-menu ul li.menu-item-has-children>i{
    display:block
}
header.style-6 .main-menu .topbar-right{
    padding-top:40px;
    padding-bottom:50px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
header.style-6 .main-menu .topbar-right .primary-btn6{
    justify-content:center;
    width:100%
}
header.style-6 .main-menu .topbar-right .primary-btn6 svg{
    fill:var(--title-color)
}
header.style-6 .main-menu .topbar-right .primary-btn6:hover{
    color:var(--white-color)
}
header.style-6 .main-menu .topbar-right .primary-btn6:hover svg{
    fill:var(--white-color)
}
header.style-6 .main-menu .topbar-right a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
header.style-6 .main-menu .topbar-right a:last-child{
    margin-bottom:0
}
header.style-6 .main-menu .topbar-right a svg{
    fill:var(--title-color)
}
header.style-6 .main-menu .topbar-right .sell-btn{
    display:flex;
    align-items:center;
    gap:5px;
    background-color:transparent;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
header.style-6 .main-menu .topbar-right .sell-btn:last-child{
    margin-bottom:0
}
header.style-6 .main-menu .topbar-right .sell-btn svg{
    fill:var(--title-color)
}
header.style-6 .main-menu .topbar-right .sell-btn.primary-btn6{
    justify-content:center
}
header.style-6 .main-menu .topbar-right .sell-btn.primary-btn6 svg{
    fill:var(--title-color)
}
header.style-6 .main-menu .topbar-right .sell-btn.primary-btn6:hover{
    color:var(--white-color)
}
header.style-6 .main-menu .topbar-right .sell-btn.primary-btn6:hover svg{
    fill:var(--white-color)
}
header.style-6 .main-menu .hotline-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding-top:40px
}
header.style-6 .main-menu .hotline-area .content{
    position:relative;
    line-height:1
}
header.style-6 .main-menu .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
header.style-6 .main-menu .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
header.style-6 .main-menu .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
header.style-6 .main-menu .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
@media only screen and (max-width:991px){
    header.style-6 .mobile-logo-area{
        justify-content:center!important
    }
    header.style-6 .dropdown-icon{
        color:var(--white-color)
    }
    header.style-6 .main-menu{
        position:fixed;
        top:0;
        left:0;
        width:280px;
        padding:30px 20px!important;
        z-index:99999;
        height:100%;
        overflow:auto;
        background:#fff;
        border-right:1px solid #eee;
        transform:translateX(-100%);
        transition:transform .3s ease-in;
        box-shadow:0 2px 20px rgba(0,0,0,.03)
    }
    header.style-6 .main-menu.show-menu{
        transform:translateX(0)
    }
    header.style-6 .main-menu .mobile-menu-logo{
        text-align:left;
        padding-top:20px;
        display:block;
        padding-bottom:8px
    }
    header.style-6 .main-menu .menu-list{
        padding-top:50px;
        padding-bottom:30px
    }
    header.style-6 .main-menu ul{
        float:none;
        text-align:left;
        padding:5px 0 20px 0
    }
    header.style-6 .main-menu ul li{
        display:block;
        position:relative;
        padding:0 5px
    }
    header.style-6 .main-menu ul li i{
        display:block
    }
    header.style-6 .main-menu ul li a{
        padding:10px 0;
        display:block
    }
    header.style-6 .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-6 .main-menu ul li ul.sub-menu>li{
        border-bottom:1px solid transparent
    }
    header.style-6 .main-menu ul li ul.sub-menu>li a{
        color:var(--title-color);
        padding:12px 0
    }
    header.style-6 .main-menu ul li ul.sub-menu>li a:hover{
        margin-left:10px
    }
    header.style-6 .main-menu ul li ul.sub-menu>li i{
        right:-13px
    }
    header.style-6 .main-menu ul li .bi{
        top:8px;
        font-size:20px;
        color:var(--title-color)
    }
}
.header-and-filter-area{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999
}
.header-and-filter-area .filter-area{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 10%
}
@media(min-width:1400px) and (max-width:1599px){
    .header-and-filter-area .filter-area{
        padding:15px 3%
    }
}
@media(max-width:1399px){
    .header-and-filter-area .filter-area{
        padding:15px 3%
    }
}
.header-and-filter-area .filter-area::after{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
    position:absolute;
    bottom:0;
    left:0
}
.header-and-filter-area .filter-area .filter-wrap{
    display:flex;
    align-items:center;
    width:100%;
    gap:16px
}
@media(max-width:1399px){
    .header-and-filter-area .filter-area .filter-wrap{
        justify-content:center
    }
}
.header-and-filter-area .filter-area .filter-wrap form{
    display:flex;
    align-items:center;
    gap:12px;
    border-radius:5px;
    border:1px solid rgba(239,185,63,.4);
    background:#16191e;
    padding:8px 15px;
    max-width:970px;
    width:100%
}
@media(max-width:1499px){
    .header-and-filter-area .filter-area .filter-wrap form{
        max-width:930px
    }
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner{
    max-width:185px;
    min-width:185px
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select{
    min-width:150px;
    height:34px;
    padding-left:18px;
    padding-right:36px;
    background-color:#292929;
    border-color:#292929
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select .current{
    color:rgba(255,255,255,.6);
    font-weight:600
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select.open .current{
    color:#fff
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select.open::after{
    right:18px;
    border-color:#fff
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select::after{
    right:18px;
    border-color:rgba(255,255,255,.6)
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select .list{
    background-color:#292929
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select .list .option{
    color:rgba(255,255,255,.6)
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select .list .option.selected{
    background-color:transparent;
    color:var(--white-color)
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner .nice-select .list .option:hover{
    color:rgba(255,255,255,.8)
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner:first-child{
    max-width:225px;
    min-width:225px
}
@media(max-width:1499px){
    .header-and-filter-area .filter-area .filter-wrap form .form-inner:first-child{
        max-width:185px;
        min-width:185px
    }
}
.header-and-filter-area .filter-area .filter-wrap form .form-inner button{
    padding:11px 18px;
    line-height:1
}
.header-and-filter-area .filter-area .filter-wrap .advanced-btn button{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    transition:.35s;
    white-space:nowrap;
    background-color:transparent
}
.header-and-filter-area .filter-area .filter-wrap .advanced-btn button svg{
    transition:.35s;
    fill:var(--white-color)
}
.header-and-filter-area .filter-area .filter-wrap .advanced-btn button:hover{
    color:var(--primary-color1)
}
.header-and-filter-area .filter-area .filter-wrap .advanced-btn button:hover svg{
    fill:var(--primary-color1)
}
.header-and-filter-area .filter-area .hotline-area{
    display:flex;
    align-items:center;
    justify-content:end;
    gap:20px;
    width:100%
}
.header-and-filter-area .filter-area .hotline-area .icon{
    position:relative
}
.header-and-filter-area .filter-area .hotline-area .icon::after{
    content:"";
    width:1px;
    height:40px;
    background-color:rgba(255,255,255,.5);
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%)
}
.header-and-filter-area .filter-area .hotline-area .icon svg{
    fill:var(--primary-color1)
}
.header-and-filter-area .filter-area .hotline-area .content{
    line-height:1
}
.header-and-filter-area .filter-area .hotline-area .content span{
    color:var(--white-color);
    font-size:14px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:10px
}
.header-and-filter-area .filter-area .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.header-and-filter-area .filter-area .hotline-area .content h6 a{
    color:var(--primary-color1);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1;
    transition:.35s
}
.header-and-filter-area .filter-area .hotline-area .content h6 a:hover{
    color:var(--white-color)
}
.menu-insight span{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400
}
.menu-insight span svg{
    fill:rgba(94,94,94,.6)
}
.menu-insight .insight-wrap{
    padding-top:40px
}
.menu-insight .insight-wrap .insights-content{
    margin-bottom:20px
}
.menu-insight .insight-wrap .insights-content h6{
    margin-bottom:0
}
.menu-insight .insight-wrap .insights-content h6 a{
    padding:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    line-height:26px;
    transition:.35s
}
.menu-insight .insight-wrap .insights-content h6 a:hover{
    color:var(--primary-color1)
}
.menu-insight .insight-wrap .insights-img a{
    padding:0
}
.menu-insight .insight-wrap .insights-img a img{
    border-radius:5px
}
.menu-insight .insight-wrap .explore-more-btn a{
    font-size:14px;
    font-weight:600
}
.sidebar-menu{
    position:fixed;
    top:0;
    left:0;
    width:280px;
    padding:30px 20px!important;
    z-index:99999;
    height:100%;
    overflow:auto;
    background:#fff;
    border-right:1px solid #eee;
    transform:translateX(-100%);
    transition:transform .3s ease-in;
    box-shadow:0 2px 20px rgba(0,0,0,.03)
}
.sidebar-menu::-webkit-scrollbar{
    width:0
}
.sidebar-menu .menu-close-btn{
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.35s
}
.sidebar-menu .menu-close-btn i{
    font-size:18px
}
.sidebar-menu .menu-close-btn:hover{
    background-color:var(--black-color);
    color:var(--white-color)
}
.sidebar-menu ul{
    list-style:none;
    margin:0;
    padding:0
}
.sidebar-menu ul>li{
    display:inline-block;
    position:relative;
    padding:0 8px;
    padding-left:0
}
.sidebar-menu ul>li a{
    padding-left:0
}
.sidebar-menu ul>li a{
    color:var(--title-color);
    display:block;
    text-transform:capitalize;
    padding:32px 9px;
    position:relative;
    font-family:var(--font-montserrat);
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    transition:all .5s ease-out 0s;
    position:relative
}
.sidebar-menu ul>li i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:absolute;
    right:-5px;
    top:35px;
    z-index:999;
    cursor:pointer;
    display:none;
    transition:all .5s ease-out 0s;
    opacity:1
}
.sidebar-menu ul>li i.active{
    color:var(--primary-color1)
}
.sidebar-menu ul>li i.active::before{
    content:"\f2ea"
}
.sidebar-menu ul>li ul.sub-menu{
    position:absolute;
    left:0;
    right:0;
    top:auto;
    margin:0;
    display:none;
    min-width:220px;
    background:var(--white-color);
    text-align:left
}
.sidebar-menu ul>li ul.sub-menu>li{
    padding:0;
    display:block;
    position:relative
}
.sidebar-menu ul>li ul.sub-menu>li i{
    position:absolute;
    top:10px;
    right:6px;
    display:block;
    color:var(--text-color);
    font-size:20px
}
.sidebar-menu ul>li ul.sub-menu>li .dropdown-icon{
    color:var(--text-color);
    opacity:1;
    top:6px;
    font-size:20px;
    right:0
}
.sidebar-menu ul>li ul.sub-menu>li a{
    display:block;
    padding:12px 25px;
    color:var(--text-color1);
    font-weight:600;
    text-transform:uppercase;
    font-size:12px;
    line-height:1.3;
    transition:all .4s ease-out 0s;
    position:relative;
    border-bottom:1px solid rgba(233,228,228,.5)
}
.sidebar-menu ul>li ul.sub-menu>li a::before{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    background:linear-gradient(90deg,#fff,#EFB93F,#fff);
    width:100%;
    height:1px;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s ease-in;
    z-index:1
}
.sidebar-menu ul>li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
.sidebar-menu ul>li ul.sub-menu>li a.active::before{
    transform:scale(1)
}
.sidebar-menu ul>li ul.sub-menu>li:last-child a{
    border-bottom:none
}
.sidebar-menu ul>li ul.sub-menu>li:last-child a::before{
    display:none
}
.sidebar-menu ul>li ul.sub-menu>li.active>a{
    color:var(--primary-color1)
}
.sidebar-menu ul>li ul.sub-menu>li.active .dropdown-icon{
    color:var(--primary-color1)
}
.sidebar-menu ul>li ul.sub-menu>li .sub-menu{
    left:220px;
    top:0;
    margin-left:10px;
    position:unset;
    max-width:230px;
    min-width:215px;
    background:0 0;
    top:0
}
.sidebar-menu ul>li ul.sub-menu>li .sub-menu::before{
    display:none;
    visibility:hidden
}
.sidebar-menu ul>li ul.sub-menu>li .sub-menu>li i{
    display:block
}
.sidebar-menu ul>li ul.sub-menu>li:last-child{
    border-bottom:none
}
.sidebar-menu ul>li .mega-menu{
    display:none;
    left:0;
    right:0;
    top:auto;
    margin:0;
    text-align:left;
    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);
    padding:0;
    padding-left:10px
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item{
    display:block;
    padding:0;
    position:relative;
    padding-right:0;
    margin-bottom:15px
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    margin-bottom:0
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item:last-child{
    padding-right:0
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item:last-child::after{
    display:none;
    visibility:hidden
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item h6{
    margin-bottom:10px;
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    color:#b5b5b5;
    position:relative;
    padding-left:15px
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item h6::before{
    height:8px;
    width:8px;
    background-color:#b5b5b5;
    border-radius:50%;
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item>ul li{
    display:block;
    line-height:1;
    padding:0
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600;
    border-bottom:1px solid rgba(233,228,228,.5);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    line-height:1;
    padding:12px 0
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a:hover{
    color:var(--primary-color1);
    padding-left:10px
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item>ul li a img{
    display:none;
    visibility:hidden
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn{
    padding-top:20px
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a{
    padding:0;
    display:flex;
    align-items:center;
    gap:7px;
    border-bottom:none;
    font-weight:600
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a i{
    font-size:20px;
    text-align:center;
    color:var(--text-color);
    font-style:normal;
    position:relative;
    right:unset;
    top:unset;
    cursor:pointer;
    display:flex;
    transition:all .5s ease-out 0s;
    opacity:1
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover{
    color:var(--primary-color1)
}
.sidebar-menu ul>li .mega-menu .menu-row .menu-single-item .explore-more-btn a:hover i{
    color:var(--primary-color1)
}
.sidebar-menu ul>li:hover>a{
    color:var(--primary-color1)
}
.sidebar-menu ul>li:hover::after{
    color:var(--primary-color1)
}
.sidebar-menu ul>li:hover .dropdown-icon2{
    color:var(--primary-color1)
}
.sidebar-menu ul>li:hover.position-inherit>a::after{
    color:var(--primary-color1)
}
.sidebar-menu ul>li.active>a{
    color:var(--primary-color1)
}
.sidebar-menu ul>li.active::after{
    color:var(--primary-color1)
}
.sidebar-menu ul>li.active .dropdown-icon2{
    color:var(--primary-color1)
}
.sidebar-menu ul>li.active.position-inherit>a::after{
    color:var(--primary-color1)
}
.sidebar-menu ul li.menu-item-has-children>i{
    display:block
}
.sidebar-menu.show-menu{
    transform:translateX(0)
}
.sidebar-menu .mobile-menu-logo{
    text-align:left;
    padding-top:20px;
    display:block;
    padding-bottom:8px
}
.sidebar-menu .menu-list{
    padding-top:50px;
    padding-bottom:30px
}
.sidebar-menu ul{
    float:none;
    text-align:left;
    padding:5px 0 20px 0
}
.sidebar-menu ul li{
    display:block;
    position:relative;
    padding:0 5px
}
.sidebar-menu ul li i{
    display:block
}
.sidebar-menu ul li a{
    padding:10px 0;
    display:block
}
.sidebar-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)
}
.sidebar-menu ul li ul.sub-menu>li{
    border-bottom:1px solid transparent
}
.sidebar-menu ul li ul.sub-menu>li a{
    color:var(--title-color);
    padding:12px 0
}
.sidebar-menu ul li ul.sub-menu>li a:hover{
    color:var(--primary-color1);
    margin-left:10px
}
.sidebar-menu ul li ul.sub-menu>li a.active{
    color:var(--primary-color1)
}
.sidebar-menu ul li ul.sub-menu>li i{
    color:var(--primary-color1);
    right:-13px
}
.sidebar-menu ul li .bi{
    top:10px;
    font-size:20px;
    color:var(--title-color)
}
.sidebar-menu .mobile-logo-area{
    border-bottom:1px solid rgba(238,238,238,.93);
    padding-bottom:25px
}
.sidebar-menu .menu-list{
    border-bottom:1px solid rgba(238,238,238,.93);
    padding-top:30px
}
.sidebar-menu .topbar-right{
    padding-top:40px;
    padding-bottom:50px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
.sidebar-menu .topbar-right a{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px
}
.sidebar-menu .topbar-right a:last-child{
    margin-bottom:0
}
.sidebar-menu .topbar-right a svg{
    fill:var(--primary-color1)
}
.sidebar-menu .topbar-right a.primary-btn3{
    justify-content:center
}
.sidebar-menu .topbar-right a.primary-btn3 svg{
    fill:var(--title-color)
}
.sidebar-menu .topbar-right a:hover{
    color:var(--primary-color1)
}
.sidebar-menu .topbar-right a:hover svg{
    fill:var(--primary-color1)
}
.sidebar-menu .topbar-right .sell-btn{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:#13141a;
    margin-bottom:25px;
    background-color:transparent
}
.sidebar-menu .topbar-right .sell-btn:last-child{
    margin-bottom:0
}
.sidebar-menu .topbar-right .sell-btn svg{
    fill:var(--primary-color1)
}
.sidebar-menu .topbar-right .sell-btn.primary-btn3{
    justify-content:center
}
.sidebar-menu .topbar-right .sell-btn.primary-btn3 svg{
    fill:var(--title-color)
}
.sidebar-menu .topbar-right .sell-btn:hover{
    color:var(--primary-color1)
}
.sidebar-menu .topbar-right .sell-btn:hover svg{
    fill:var(--primary-color1)
}
.sidebar-menu .topbar-right .primary-btn3{
    width:100%;
    justify-content:center
}
.sidebar-menu .hotline-area{
    display:flex;
    align-items:center;
    gap:20px;
    padding-top:40px
}
.sidebar-menu .hotline-area .content{
    position:relative;
    line-height:1
}
.sidebar-menu .hotline-area .content::after{
    content:"";
    height:32px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.sidebar-menu .hotline-area .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    margin-bottom:5px;
    display:inline-block
}
.sidebar-menu .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.sidebar-menu .hotline-area .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.5s
}
.sidebar-menu .hotline-area .content h6 a:hover{
    color:var(--primary-color1)
}
.search-bar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:999;
    background-color:var(--black-color);
    transform:scaleY(0);
    transform-origin:top;
    opacity:0;
    transition:.8s
}
.search-bar.slide{
    transform:scaleY(1);
    opacity:1
}
.search-bar .close-btn{
    position:absolute;
    right:30px;
    top:30px;
    cursor:pointer;
    height:40px;
    width:40px;
    border-radius:50%;
    background-color:#292929;
    border-color:1px solid #292929;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    transition:.35s
}
.search-bar .close-btn i{
    color:rgba(255,255,255,.6);
    font-size:26px;
    line-height:1;
    transition:.35s
}
.search-bar .close-btn:hover{
    border-color:var(--primary-color1);
    background-color:var(--primary-color1)
}
.search-bar .close-btn:hover i{
    color:var(--title-color)
}
.search-bar .filter-wrap{
    display:flex;
    align-items:center;
    width:100%;
    gap:16px;
    justify-content:center
}
@media(max-width:991px){
    .search-bar .filter-wrap{
        flex-wrap:wrap
    }
}
.search-bar .filter-wrap form{
    display:flex;
    align-items:center;
    gap:12px;
    border-radius:5px;
    border:1px solid rgba(239,185,63,.2);
    background:#1f1f1f;
    padding:8px 15px;
    max-width:970px;
    width:100%
}
@media(max-width:1499px){
    .search-bar .filter-wrap form{
        max-width:930px
    }
}
@media(max-width:1199px){
    .search-bar .filter-wrap form{
        max-width:unset;
        width:unset
    }
}
@media(max-width:991px){
    .search-bar .filter-wrap form{
        flex-wrap:wrap
    }
}
.search-bar .filter-wrap form .form-inner{
    max-width:185px;
    min-width:185px
}
@media(max-width:1199px){
    .search-bar .filter-wrap form .form-inner{
        max-width:unset;
        min-width:unset
    }
}
@media(max-width:991px){
    .search-bar .filter-wrap form .form-inner{
        width:100%;
        display:flex;
        justify-content:center
    }
}
.search-bar .filter-wrap form .form-inner .nice-select{
    min-width:150px;
    height:50px;
    padding-left:18px;
    padding-right:36px;
    background-color:#292929;
    border-color:#292929
}
.search-bar .filter-wrap form .form-inner .nice-select .current{
    color:rgba(255,255,255,.6);
    font-weight:600
}
.search-bar .filter-wrap form .form-inner .nice-select::after{
    right:18px;
    border-color:rgba(255,255,255,.6)
}
.search-bar .filter-wrap form .form-inner .nice-select .list{
    background-color:#292929
}
.search-bar .filter-wrap form .form-inner .nice-select .list .option{
    color:rgba(255,255,255,.6)
}
.search-bar .filter-wrap form .form-inner .nice-select .list .option.selected{
    background-color:transparent;
    color:var(--white-color)
}
.search-bar .filter-wrap form .form-inner .nice-select .list .option:hover{
    color:rgba(255,255,255,.8)
}
.search-bar .filter-wrap form .form-inner:first-child{
    max-width:225px;
    min-width:225px
}
@media(max-width:1499px){
    .search-bar .filter-wrap form .form-inner:first-child{
        max-width:185px;
        min-width:185px
    }
}
@media(max-width:1199px){
    .search-bar .filter-wrap form .form-inner:first-child{
        max-width:unset;
        min-width:unset
    }
}
@media(max-width:991px){
    .search-bar .filter-wrap form .form-inner:first-child{
        width:100%
    }
}
.search-bar .filter-wrap form .form-inner button{
    padding:17px 18px;
    line-height:1
}
@media(max-width:991px){
    .search-bar .filter-wrap form .form-inner button{
        justify-content:center
    }
}
.search-bar .filter-wrap .advanced-btn button{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    transition:.35s;
    white-space:nowrap;
    background-color:transparent
}
.search-bar .filter-wrap .advanced-btn button svg{
    transition:.35s;
    fill:var(--white-color)
}
.search-bar .filter-wrap .advanced-btn button:hover{
    color:var(--primary-color1)
}
.search-bar .filter-wrap .advanced-btn button:hover svg{
    fill:var(--primary-color1)
}
.banner-section1{
    background-image:url(../img/home1/bannar1-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    padding:90px 8% 90px 11%;
    position:relative
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section1{
        padding:90px 3%
    }
}
@media(max-width:1399px){
    .banner-section1{
        padding:90px 3%
    }
}
.banner-section1 .banner-content{
    max-width:705px;
    width:100%
}
.banner-section1 .banner-content h6{
    margin-bottom:20px;
    color:var(--primary-color1);
    font-family:var(--font-open-sans);
    font-size:18px;
    font-weight:600;
    display:inline-block
}
.banner-section1 .banner-content h6 span{
    position:relative;
    display:inline-block;
    margin-right:120px
}
.banner-section1 .banner-content h6 span::after{
    content:"";
    height:1px;
    width:80px;
    background-color:rgba(22,25,30,.2);
    position:absolute;
    right:-100px;
    top:50%;
    transform:translateY(-50%)
}
.banner-section1 .banner-content h1,.banner-section1 .banner-content h2{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:70px;
    line-height:1.11;
    color:var(--title-color);
    margin-bottom:20px
}
@media(max-width:1399px){
    .banner-section1 .banner-content h1,.banner-section1 .banner-content h2{
        font-size:60px
    }
}
@media(max-width:576px){
    .banner-section1 .banner-content h1,.banner-section1 .banner-content h2{
        font-size:50px
    }
}
.banner-section1 .banner-content p{
    font-size:18px;
    color:var(--text-color);
    line-height:34px;
    margin-bottom:0
}
.banner-section1 .banner-content .banner-content-bottom{
    padding-top:45px;
    display:flex;
    gap:55px
}
@media(max-width:576px){
    .banner-section1 .banner-content .banner-content-bottom{
        flex-wrap:wrap;
        gap:15px
    }
}
.banner-section1 .banner-content .banner-content-bottom .view-dt-btn{
    display:flex;
    align-items:center
}
.banner-section1 .banner-content .banner-content-bottom .rating{
    line-height:1
}
.banner-section1 .banner-content .banner-content-bottom .rating a{
    display:inline-block
}
.banner-section1 .banner-content .banner-content-bottom .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.banner-section1 .banner-content .banner-content-bottom .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.banner-section1 .banner-content .banner-content-bottom .rating a .review-top .star ul li{
    line-height:1
}
.banner-section1 .banner-content .banner-content-bottom .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.banner-section1 .banner-content .banner-content-bottom .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.banner-section1 .banner-content .banner-content-bottom .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    position:relative
}
.banner-section1 .banner-content .banner-content-bottom .rating a .content ul li span{
    font-weight:600
}
.banner-section1 .banner-content .banner-content-bottom .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--text-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.banner-section1 .banner-content .banner-content-bottom .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.banner-section1 .banner-img-area{
    position:relative
}
.banner-section1 .banner-img-area>img{
    border-radius:10px
}
.banner-section1 .banner-img-area .price-and-features-area{
    position:absolute;
    left:-100px;
    bottom:33px;
    max-width:470px;
    width:100%;
    border-radius:5px;
    background:#f8f1f9;
    padding:25px 40px 30px;
    z-index:2
}
@media(max-width:1399px){
    .banner-section1 .banner-img-area .price-and-features-area{
        left:-50px
    }
}
@media(max-width:1199px){
    .banner-section1 .banner-img-area .price-and-features-area{
        left:0;
        bottom:0
    }
}
.banner-section1 .banner-img-area .price-and-features-area::before{
    content:"";
    height:102%;
    width:100%;
    border-radius:5px;
    background:var(--title-color);
    position:absolute;
    bottom:3px;
    right:4px;
    z-index:-1
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location{
    margin-bottom:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    line-height:1
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location .price{
    line-height:1
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location .price strong{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location .price del{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location .location a{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px;
    transition:.35s
}
.banner-section1 .banner-img-area .price-and-features-area .price-and-location .location a:hover{
    color:var(--primary-color1)
}
.banner-section1 .banner-img-area .price-and-features-area .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #353535;
    border-bottom:1px solid #353535;
    padding:16px 0
}
.banner-section1 .banner-img-area .price-and-features-area .features li{
    line-height:1;
    color:#ebe9e9;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:5px
}
.banner-section1 .pagination-and-btn{
    position:absolute;
    bottom:73px;
    display:inline-flex;
    align-items:center;
    gap:35px
}
@media(max-width:1399px){
    .banner-section1 .pagination-and-btn{
        bottom:30px
    }
}
@media(max-width:767px){
    .banner-section1 .pagination-and-btn{
        display:none;
        visibility:hidden
    }
}
.banner-section1 .pagination-and-btn .banner-swiper-pagination{
    display:flex;
    align-items:center;
    gap:0
}
.banner-section1 .pagination-and-btn .banner-swiper-pagination .swiper-pagination-bullet{
    padding:0;
    margin:0;
    height:1px;
    width:100px;
    background-color:rgba(22,25,30,.1);
    opacity:1
}
.banner-section1 .pagination-and-btn .banner-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--primary-color1)
}
.banner-section1 .pagination-and-btn .btn-group{
    display:inline-flex;
    gap:20px;
    align-items:center
}
.banner-section1 .pagination-and-btn .btn-group .slider-btn{
    height:34px;
    width:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    transition:.35s;
    opacity:.4
}
.banner-section1 .pagination-and-btn .btn-group .slider-btn svg{
    fill:var(--primary-color1);
    transition:.35s
}
.banner-section1 .pagination-and-btn .btn-group .slider-btn:hover{
    opacity:1;
    background-color:var(--primary-color1)
}
.banner-section1 .pagination-and-btn .btn-group .slider-btn:hover svg{
    fill:var(--title-color)
}
.banner-section1 .swiper-slide-active .price-and-features-area{
    animation:fadeInRights 1.7s
}
.banner-section1 .swiper-slide-active .banner-content h6{
    animation:fadeInLeft 1.2s
}
.banner-section1 .swiper-slide-active .banner-content h1{
    animation:fadeInLeft 1.6s
}
.banner-section1 .swiper-slide-active .banner-content h2{
    animation:fadeInLeft 1.6s
}
.banner-section1 .swiper-slide-active .banner-content p{
    animation:fadeInLeft 2s
}
.banner-section1 .swiper-slide-active .banner-content .banner-content-bottom{
    animation:fadeInLeft 2.4s
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-50px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes fadeInRights{
    0%{
        opacity:0;
        transform:translateX(100px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.banner-section2{
    position:relative
}
.banner-section2 .banner2-swiper-pagination{
    position:absolute;
    right:50px;
    top:50%;
    z-index:111;
    width:unset;
    left:unset;
    display:flex;
    flex-direction:column;
    gap:30px
}
@media(max-width:767px){
    .banner-section2 .banner2-swiper-pagination{
        display:none;
        visibility:hidden
    }
}
.banner-section2 .banner2-swiper-pagination .swiper-pagination-bullet{
    height:8px;
    width:8px;
    background-color:var(--white-color);
    position:relative;
    opacity:.8
}
.banner-section2 .banner2-swiper-pagination .swiper-pagination-bullet::after{
    content:"";
    height:14px;
    width:14px;
    border-radius:50%;
    border:1px solid var(--white-color);
    position:absolute;
    left:-3px;
    top:-3px
}
.banner-section2 .banner2-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--primary-color1);
    opacity:1
}
.banner-section2 .banner2-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    border:1px solid var(--primary-color1)
}
.banner-section2 .banner-wrapper{
    background-size:cover;
    background-repeat:no-repeat;
    padding:321px 0 167px 0;
    overflow:hidden;
    position:relative;
    padding-left:11%
}
@media(min-width:1400px) and (max-width:1599px){
    .banner-section2 .banner-wrapper{
        padding:260px 0 167px 0;
        padding-left:5%
    }
}
@media(max-width:1399px){
    .banner-section2 .banner-wrapper{
        padding:260px 0 167px 0;
        padding-left:5%
    }
}
@media(max-width:767px){
    .banner-section2 .banner-wrapper{
        padding:220px 0 120px 0;
        padding-left:5%
    }
}
@media(max-width:576px){
    .banner-section2 .banner-wrapper{
        padding-left:10px;
        padding-right:10px
    }
}
.banner-section2 .banner-wrapper .banner-content{
    max-width:625px;
    width:100%
}
.banner-section2 .banner-wrapper .banner-content h1,.banner-section2 .banner-wrapper .banner-content h2{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:700;
    font-size:75px;
    line-height:1.2;
    color:var(--white-color);
    margin-bottom:15px
}
@media(max-width:1399px){
    .banner-section2 .banner-wrapper .banner-content h1,.banner-section2 .banner-wrapper .banner-content h2{
        font-size:60px
    }
}
@media(max-width:576px){
    .banner-section2 .banner-wrapper .banner-content h1,.banner-section2 .banner-wrapper .banner-content h2{
        font-size:50px
    }
}
.banner-section2 .banner-wrapper .banner-content p{
    font-family:var(--font-open-sans);
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:1.7;
    color:var(--white-color);
    margin-bottom:40px
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom{
    display:flex;
    gap:55px
}
@media(max-width:576px){
    .banner-section2 .banner-wrapper .banner-content .banner-content-bottom{
        flex-wrap:wrap;
        gap:15px
    }
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a{
    display:inline-block
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .review-top .star ul li{
    line-height:1
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--white-color);
    position:relative
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .content ul li span{
    font-weight:600
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--white-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.banner-section2 .banner-wrapper .banner-content .banner-content-bottom .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.text-slider2{
    overflow:hidden;
    background:#13141a;
    padding:30px 0
}
.text-slider2 .marquee_text .js-marquee{
    display:flex;
    align-items:center;
    gap:50px;
    color:#fff;
    font-size:16px;
    font-family:Montserrat;
    font-weight:600
}
.topbar-header{
    position:absolute;
    z-index:777;
    left:0;
    top:0;
    width:100%
}
.quick-link-area{
    background-color:var(--title-color);
    padding:30px 11%
}
@media(min-width:1400px) and (max-width:1599px){
    .quick-link-area{
        padding:30px 3%
    }
}
@media(max-width:1399px){
    .quick-link-area{
        padding:30px 3%
    }
}
.quick-link-area ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:991px){
    .quick-link-area ul{
        -moz-columns:2;
        columns:2;
        display:block
    }
}
@media(max-width:576px){
    .quick-link-area ul{
        -moz-columns:1;
        columns:1;
        display:block
    }
}
.quick-link-area ul li{
    line-height:1;
    position:relative
}
@media(max-width:991px){
    .quick-link-area ul li{
        display:flex;
        justify-content:center
    }
    .quick-link-area ul li:nth-child(odd){
        margin-bottom:30px
    }
}
@media(max-width:576px){
    .quick-link-area ul li{
        margin-bottom:30px;
        justify-content:flex-start
    }
    .quick-link-area ul li:last-child{
        margin-bottom:0
    }
}
.quick-link-area ul li::after{
    content:"";
    height:46px;
    width:1px;
    background-color:rgba(255,255,255,.5);
    position:absolute;
    left:-134px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:1699px){
    .quick-link-area ul li::after{
        left:-120px
    }
}
@media(max-width:1199px){
    .quick-link-area ul li::after{
        left:-75px
    }
}
@media(max-width:991px){
    .quick-link-area ul li::after{
        display:none;
        visibility:hidden
    }
}
.quick-link-area ul li:first-child::after{
    display:none;
    visibility:hidden
}
.quick-link-area ul li a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--white-color);
    display:flex;
    align-items:center;
    gap:10px;
    transition:.35s
}
.quick-link-area ul li a svg{
    fill:var(--white-color);
    transition:.35s
}
.quick-link-area ul li a:hover{
    color:var(--primary-color1)
}
.quick-link-area ul li a:hover svg{
    fill:var(--primary-color1)
}
.home1-about-section .about-img img{
    border-radius:10px
}
@media(min-width:992px){
    .home1-about-section .about-content-wrap{
        padding-left:35px
    }
}
.home1-about-section .about-content-wrap>h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:17px;
    font-weight:600;
    line-height:30px;
    padding-top:20px;
    margin-bottom:5px
}
.home1-about-section .about-content-wrap p{
    color:var(--text-color);
    line-height:30px
}
.home1-about-section .about-content-wrap .about-features{
    margin:0;
    padding:0;
    list-style:none;
    padding-top:15px;
    margin-bottom:50px
}
.home1-about-section .about-content-wrap .about-features .single-features{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    transition:.35s;
    position:relative;
    padding:20px 0
}
.home1-about-section .about-content-wrap .about-features .single-features::after,.home1-about-section .about-content-wrap .about-features .single-features::before{
    content:"";
    height:1px;
    width:100%;
    background:linear-gradient(90deg,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    bottom:0
}
.home1-about-section .about-content-wrap .about-features .single-features::before{
    bottom:unset;
    top:0
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content{
    display:flex;
    align-items:center;
    gap:15px
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .icon{
    line-height:1;
    transition:.35s
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .icon svg{
    fill:var(--title-color);
    transition:.35s
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .icon svg .vector{
    fill:rgba(22,25,30,.1)
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .content{
    line-height:1
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .content h6{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.home1-about-section .about-content-wrap .about-features .single-features .icon-content .content p{
    font-size:14px;
    line-height:22px;
    color:var(--text-color);
    margin-bottom:0
}
.home1-about-section .about-content-wrap .about-features .single-features .sent-btn a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#faf8fb;
    border-radius:50%;
    transition:.35s
}
.home1-about-section .about-content-wrap .about-features .single-features .sent-btn a svg{
    fill:var(--title-color)
}
.home1-about-section .about-content-wrap .about-features .single-features:hover .icon-content .icon svg{
    fill:var(--primary-color1)
}
.home1-about-section .about-content-wrap .about-features .single-features:hover .icon-content .icon svg .vector{
    fill:var(--primary-color1)
}
.home1-about-section .about-content-wrap .about-features .single-features:hover .sent-btn a{
    background-color:var(--primary-color1)
}
.home1-about-section .about-content-wrap .author-and-exp-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    transform:translateX(-50%);
    width:100%
}
@media(max-width:1399px){
    .home1-about-section .about-content-wrap .author-and-exp-area{
        transform:translateX(-62%)
    }
}
@media screen and (max-width:1300px){
    .home1-about-section .about-content-wrap .author-and-exp-area{
        transform:translateX(-70%)
    }
}
@media(max-width:1199px){
    .home1-about-section .about-content-wrap .author-and-exp-area{
        flex-wrap:wrap;
        transform:unset;
        gap:20px
    }
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area{
    min-width:649px;
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    padding:30px 40px;
    position:relative
}
@media(max-width:1199px){
    .home1-about-section .about-content-wrap .author-and-exp-area .author-area{
        min-width:100%
    }
}
@media(max-width:576px){
    .home1-about-section .about-content-wrap .author-and-exp-area .author-area{
        padding:30px 25px
    }
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area:before{
    content:"";
    width:4px;
    height:100%;
    background-color:var(--primary-color1);
    border-radius:5px 0 0 5px;
    position:absolute;
    left:-1px;
    top:0
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area p{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    line-height:30px;
    margin-bottom:12px
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span{
    display:inline-block;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    padding-left:55px;
    position:relative;
    line-height:1.5
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span::before{
    content:"";
    width:40px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.home1-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span strong{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    display:inline-block;
    padding-right:5px
}
.home1-about-section .about-content-wrap .author-and-exp-area .exp-area .number h2{
    background-image:url(../img/home1/about-text-bg.png);
    background-position:center;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-family:var(--font-montserrat);
    font-size:150px;
    font-weight:800;
    line-height:1
}
.home1-about-section .about-content-wrap .author-and-exp-area .exp-area h5{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    line-height:30px;
    margin-left:118px;
    margin-top:-56px;
    width:100%
}
@media(max-width:767px){
    .home1-about-section .about-content-wrap .author-and-exp-area .exp-area h5{
        width:unset
    }
}
.home1-about-section .about-content-wrap .author-and-exp-area .exp-area h5 span{
    color:var(--white-color)
}
.home2-about-area .about-img{
    margin-bottom:40px
}
.home2-about-area .about-img img{
    border-radius:10px
}
.home2-about-area .activetis{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    line-height:1;
    min-width:630px;
    position:relative;
    padding:20px 0
}
@media(max-width:1199px){
    .home2-about-area .activetis{
        min-width:100%;
        padding:20px;
        flex-wrap:wrap;
        justify-content:space-around
    }
}
.home2-about-area .activetis::before{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    top:0
}
.home2-about-area .activetis::after{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    bottom:0
}
.home2-about-area .activetis .single-activiti{
    display:flex;
    align-items:center;
    gap:16px;
    line-height:1
}
.home2-about-area .activetis .single-activiti .content .number{
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    display:flex;
    align-items:center;
    margin-bottom:8px
}
.home2-about-area .activetis .single-activiti .content .number h5{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700
}
.home2-about-area .activetis .single-activiti .content .number span{
    line-height:1
}
.home2-about-area .activetis .single-activiti .content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    margin-bottom:0;
    line-height:22px
}
@media(min-width:992px){
    .home2-about-area .about-content-wrap{
        padding-left:35px
    }
}
.home2-about-area .about-content-wrap>h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:17px;
    font-weight:600;
    line-height:30px;
    padding-top:20px;
    margin-bottom:5px
}
.home2-about-area .about-content-wrap p{
    color:var(--text-color);
    line-height:30px
}
.home2-about-area .about-content-wrap .author-and-img{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding-top:25px
}
@media(max-width:1399px){
    .home2-about-area .about-content-wrap .author-and-img{
        gap:120px
    }
}
@media(max-width:991px){
    .home2-about-area .about-content-wrap .author-and-img{
        gap:30px
    }
}
@media(max-width:767px){
    .home2-about-area .about-content-wrap .author-and-img{
        flex-wrap:wrap
    }
}
.home2-about-area .about-content-wrap .author-and-img .author-area img{
    margin-bottom:15px
}
.home2-about-area .about-content-wrap .author-and-img .author-area .author-name-deg{
    line-height:1
}
.home2-about-area .about-content-wrap .author-and-img .author-area .author-name-deg h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:5px
}
.home2-about-area .about-content-wrap .author-and-img .author-area .author-name-deg span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.view-btn-area{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
}
.view-btn-area p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:16px;
    line-height:22px;
    color:var(--title-color);
    margin-bottom:0;
    text-align:center
}
.width-90{
    max-width:90px;
    min-width:90px
}
.home1-apartment-types{
    position:relative
}
.home1-apartment-types .apartment-types1{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    border-radius:10px;
    background:#faf8fb;
    padding:35px 20px;
    z-index:1;
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1 .brand-icon{
    margin-bottom:24px;
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1 .brand-icon svg{
    fill:var(--title-color);
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1 .category-content{
    line-height:1;
    text-align:center;
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1 .category-content h6{
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:8px;
    line-height:1;
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1 .category-content span{
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1;
    transition:all ease .35s
}
.home1-apartment-types .apartment-types1:hover{
    background-color:var(--title-color)
}
.home1-apartment-types .apartment-types1:hover .brand-icon svg{
    fill:var(--white-color)
}
.home1-apartment-types .apartment-types1:hover .category-content h6{
    color:var(--white-color)
}
.home1-apartment-types .apartment-types1:hover .category-content span{
    color:var(--white-color)
}
.home1-apartment-types .view-btn-area{
    background-color:var(--white-color);
    max-width:500px;
    margin:0 auto
}
.home1-apartment-types .slick-arrow{
    position:absolute;
    top:unset;
    bottom:-90px;
    height:32px;
    width:32px;
    border-radius:50%;
    border:1px solid var(--title-color);
    z-index:9;
    transition:.35s;
    opacity:.5
}
.home1-apartment-types .slick-arrow::before{
    content:url(../img/home1/icon/arrow-left.svg);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:.35s
}
.home1-apartment-types .slick-arrow:hover{
    opacity:1;
    border-color:var(--primary-color1);
    background-color:var(--primary-color1)
}
.home1-apartment-types .slick-prev{
    left:12px
}
.home1-apartment-types .slick-next{
    right:12px
}
.home1-apartment-types .slick-next::before{
    content:url(../img/home1/icon/arrow-right.svg)
}
.most-search-area{
    background:#faf8fb;
    padding-left:8%;
    padding-right:8%
}
.most-search-area .slider-btn{
    height:34px;
    width:34px;
    border-radius:50%;
    border:1px solid var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    position:absolute;
    left:-3px;
    top:50%;
    transform:translateY(-50%);
    z-index:99
}
@media(max-width:991px){
    .most-search-area .slider-btn{
        display:none;
        visibility:hidden
    }
}
.most-search-area .slider-btn.next-12{
    right:-3px;
    left:unset
}
.most-search-area .slider-btn svg{
    fill:var(--primary-color1);
    transition:.35s
}
.most-search-area .slider-btn:hover{
    background-color:var(--primary-color1)
}
.most-search-area .slider-btn:hover svg{
    fill:var(--white-color)
}
@media(max-width:1699px){
    .most-search-area{
        padding-left:3%;
        padding-right:3%
    }
}
@media(max-width:1399px){
    .most-search-area{
        padding-left:2%;
        padding-right:2%
    }
}
.most-search-area .nav-tabs{
    border-bottom:unset;
    gap:20px
}
.most-search-area .nav-tabs li{
    padding:0
}
.most-search-area .nav-tabs li button{
    padding:9px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:14px;
    color:var(--title-color);
    border-radius:0;
    border:1px solid rgba(22,25,30,.15);
    border-radius:5px
}
.most-search-area .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.most-search-area.style-2 .slider-btn{
    position:relative;
    left:unset;
    top:unset;
    right:unset;
    transform:unset
}
.product-card{
    padding:10px;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee;
    transition:.35s;
    position:relative
}
.product-card .new{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:10px;
    line-height:14px;
    color:var(--black-color);
    background-color:var(--primary-color1);
    display:inline-block;
    z-index:99;
    position:absolute;
    left:0;
    top:0;
    padding:6px 20px;
    border-radius:10px 0
}
.product-card .product-img{
    position:relative;
    border-radius:5px;
    transition:.35s
}
.product-card .product-img .batch{
    line-height:1.5;
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.product-card .product-img .batch span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    background-color:var(--primary-color1);
    border-radius:5px 0 5px 0;
    padding:4px 12px
}
.product-card .product-img .batch span.red{
    background-color:#ff5e3a;
    color:#fff
}
.product-card .product-img .batch span.black{
    background-color:var(--title-color);
    color:#fff
}
.product-card .product-img .number-of-img{
    position:absolute;
    left:20px;
    top:17px;
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    color:var(--white-color);
    z-index:2;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    transition:.35s;
    opacity:0
}
.product-card .product-img .fav{
    position:absolute;
    top:17px;
    right:20px;
    z-index:2;
    transition:.35s;
    line-height:1;
    opacity:0;
    width:24px;
    height:24px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff
}
.product-card .product-img .fav svg{
    fill:var(--title-color);
    transition:.35s
}
.product-card .product-img .fav:hover svg{
    fill:var(--primary-color1)
}
.product-card .product-img .slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    transition:.35s;
    opacity:0
}
.product-card .product-img .slider-btn-group .swiper-arrow{
    height:26px;
    width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(19,20,26,.6);
    cursor:pointer;
    transition:.35s
}
.product-card .product-img .slider-btn-group .swiper-arrow svg{
    fill:var(--white-color);
    transition:.35s
}
.product-card .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--primary-color1)
}
.product-card .product-img::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:5px;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50.27%);
    transition:.35s;
    opacity:0
}
.product-card .product-img img{
    border-radius:5px
}
@media(max-width:767px){
    .product-card .product-img img{
        width:100%
    }
}
.product-card .product-content{
    padding:15px;
    padding-top:25px
}
@media(max-width:1499px){
    .product-card .product-content{
        padding:15px 10px
    }
}
.product-card .product-content .countdown-timer{
    width:208px;
    height:35px;
    line-height:1;
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px
}
.product-card .product-content .countdown-timer ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px
}
.product-card .product-content .countdown-timer ul li{
    line-height:1;
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:700;
    display:flex;
    align-items:center
}
.product-card .product-content .location{
    line-height:1;
    margin-bottom:7px
}
.product-card .product-content .location a{
    display:flex;
    align-items:center;
    gap:4px;
    line-height:1;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--title-color)
}
.product-card .product-content h5{
    margin-bottom:15px;
    line-height:1
}
.product-card .product-content h5 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:1.2;
    color:var(--title-color);
    transition:.35s
}
.product-card .product-content h5 a:hover{
    color:var(--primary-color1)
}
.product-card .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:7px;
    position:relative;
    padding-bottom:15px;
    flex-wrap:wrap
}
@media(max-width:1699px){
    .product-card .product-content .features{
        gap:15px
    }
}
@media(max-width:1399px){
    .product-card .product-content .features{
        gap:5px;
        flex-wrap:wrap
    }
}
.product-card .product-content .features::after{
    content:"";
    background-color:#eee;
    position:absolute;
    left:50%;
    height:1px;
    width:80%;
    bottom:0;
    transform:translateX(-50%)
}
.product-card .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color);
    margin-right:5px
}
@media(max-width:1499px){
    .product-card .product-content .features li{
        font-size:12px
    }
}
@media(max-width:1399px){
    .product-card .product-content .features li{
        padding-right:5px
    }
}
.product-card .product-content .features li svg{
    fill:var(--text-color)
}
.product-card .product-content .content-btm{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:20px
}
.product-card .product-content .content-btm .view-btn2{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:14px;
    line-height:17px;
    color:var(--title-color);
    display:flex;
    align-items:center;
    gap:7px;
    transition:.35s
}
.product-card .product-content .content-btm .view-btn2 svg path{
    fill:var(--primary-color1)
}
.product-card .product-content .content-btm .view-btn2 svg path:first-child{
    fill:none;
    stroke:var(--primary-color1)
}
.product-card .product-content .content-btm .view-btn2:hover{
    color:var(--primary-color1)
}
.product-card .product-content .content-btm .price{
    line-height:1;
    position:relative
}
.product-card .product-content .content-btm .price strong{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:18px;
    line-height:1;
    color:var(--title-color);
    display:block
}
.product-card .product-content .content-btm .price del{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:14px;
    line-height:1;
    color:var(--text-color)
}
.product-card.auction .product-content{
    position:relative;
    z-index:99;
    padding-top:0;
    margin-top:-17px
}
.product-card.style-2{
    background:#faf8fb
}
.product-card.style-2 .product-content{
    padding-top:20px
}
.product-card.style-2 .product-content .content-top{
    display:flex;
    justify-content:space-between;
    gap:20px
}
.product-card.style-2 .product-content .content-top .price{
    margin-bottom:7px;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:18px;
    line-height:22px;
    color:var(--title-color)
}
.product-card.style-2 .product-content .content-top .company-logo{
    height:56px;
    width:62px;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-35px);
    z-index:99
}
.product-card.style-2 .product-content .launch-date{
    margin-bottom:30px
}
.product-card.style-2 .product-content .launch-date p{
    margin-bottom:0;
    font-size:16px;
    line-height:19px;
    color:var(--text-color)
}
@media(min-width:992px) and (max-width:1199px){
    .product-card.style-2 .product-content .launch-date p{
        font-size:14px
    }
}
.product-card.style-2 .product-content .launch-date p span{
    color:var(--black-color);
    display:inline-block;
    padding-left:35px;
    position:relative
}
.product-card.style-2 .product-content .launch-date p span::before{
    content:"";
    height:1px;
    width:16px;
    background-color:var(--text-color);
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%)
}
.product-card.style-2 .product-content .launch-btn .primary-btn1{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:14px;
    line-height:17px;
    justify-content:center;
    padding:13px 20px;
    width:100%;
    justify-content:center
}
.product-card.style-2.compare{
    border-radius:10px;
    border:1px solid rgba(238,238,238,.93);
    background:#fff;
    position:relative
}
.product-card.style-2.compare .close-btn{
    width:28px;
    height:28px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    cursor:pointer;
    position:absolute;
    right:0;
    top:0;
    z-index:99
}
.product-card.style-2.compare .close-btn i{
    font-size:20px;
    font-weight:700;
    transition:.35s
}
.product-card.style-2.compare .close-btn:hover{
    background-color:red
}
.product-card.style-2.compare .close-btn:hover i{
    color:var(--white-color)
}
.product-card.style-2.compare .product-content{
    padding-top:40px;
    position:relative
}
.product-card.style-2.compare .product-content .content-top{
    margin-bottom:13px
}
.product-card.style-2.compare .product-content .content-top .company-logo{
    height:50px;
    width:50px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    z-index:99;
    top:-25px
}
.product-card.style-2.compare .product-content .change-model{
    height:48px
}
.product-card.style-2.compare .product-content .change-model .nice-select{
    height:48px;
    border-radius:5px;
    border:1px solid rgba(238,238,238,.93);
    background:#faf8fb
}
.product-card:hover{
    border-color:var(--primary-color1)
}
.product-card:hover .product-img .number-of-img{
    opacity:1
}
.product-card:hover .product-img .fav{
    opacity:1
}
.product-card:hover .product-img .slider-btn-group{
    opacity:1
}
.product-card:hover .product-img::after{
    opacity:1
}
.slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:99;
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    transform:translateY(-50%)
}
.slider-btn-group.style-2{
    position:relative;
    left:unset;
    top:unset;
    transform:unset
}
.slider-btn-group.style-3{
    width:unset
}
.slider-btn-group .slider-btn{
    height:34px;
    width:34px;
    border-radius:50%;
    border:1px solid var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.slider-btn-group .slider-btn svg{
    fill:var(--primary-color1);
    transition:.35s
}
.slider-btn-group .slider-btn:hover{
    background-color:var(--primary-color1)
}
.slider-btn-group .slider-btn:hover svg{
    fill:var(--white-color)
}
.recent-product-section .nav-tabs{
    border-bottom:unset;
    gap:20px
}
.recent-product-section .nav-tabs li{
    padding:0
}
.recent-product-section .nav-tabs li button{
    padding:9px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:14px;
    color:var(--title-color);
    border-radius:0;
    border:1px solid rgba(22,25,30,.15);
    border-radius:5px
}
.recent-product-section .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.why-choose-area{
    background-image:url(../img/home1/why-choose-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.why-choose-area .choose-card{
    background:linear-gradient(116.81deg,#fff 0%,rgba(255,255,255,0.7) 100%) padding-box,linear-gradient(-90deg,rgba(204,244,224,0.1),rgba(239,185,63,0.4)) border-box;
    border:1px solid transparent;
    background-origin:padding-box,border-box;
    background-repeat:no-repeat;
    border-radius:10px;
    padding:40px 30px;
    position:relative;
    z-index:1;
    transition:.35s
}
@media(min-width:992px) and (max-width:1199px){
    .why-choose-area .choose-card{
        padding:30px 20px
    }
}
.why-choose-area .choose-card::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    border-radius:5px;
    height:100%;
    background:linear-gradient(116.81deg,#fff 100%,white 100%) padding-box,linear-gradient(-90deg,#efb93f,#efb93f) border-box;
    border:1px solid transparent;
    background-origin:padding-box,border-box;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:0;
    transition:.35s
}
.why-choose-area .choose-card:hover::after{
    opacity:1
}
.why-choose-area .choose-card .choose-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:15px
}
.why-choose-area .choose-card .choose-top h5{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:20px;
    line-height:24px;
    color:var(--title-color);
    margin-bottom:0
}
.why-choose-area .choose-card .choose-top h5 span{
    color:var(--primary-color1)
}
.why-choose-area .choose-card p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:16px;
    line-height:26px;
    color:var(--text-color);
    margin-bottom:0
}
.why-choose-area .choose-card .more-btn{
    padding-top:20px
}
.why-choose-area .choose-card .more-btn a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:14px;
    line-height:17px;
    color:var(--title-color);
    display:flex;
    align-items:center;
    gap:5px;
    transition:.35s
}
.why-choose-area .choose-card .more-btn a span{
    height:18px;
    width:18px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center
}
.why-choose-area .choose-card .more-btn a span i{
    font-size:17px;
    color:var(--title-color)
}
.why-choose-area .choose-card .more-btn a:hover{
    color:var(--primary-color1)
}
.why-choose-area .our-activetis{
    padding:40px 0;
    border-bottom:1px solid rgba(19,20,26,.1);
    border-top:1px solid rgba(19,20,26,.1)
}
.why-choose-area .our-activetis .single-activiti{
    display:flex;
    align-items:center;
    gap:20px
}
.why-choose-area .our-activetis .single-activiti .content .number{
    display:flex;
    align-items:center;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:20px;
    line-height:24px;
    color:var(--title-color);
    margin-bottom:4px
}
.why-choose-area .our-activetis .single-activiti .content .number h5{
    margin-bottom:0;
    line-height:1
}
.why-choose-area .our-activetis .single-activiti .content p{
    margin-bottom:0;
    color:var(--text-color);
    line-height:22px
}
.why-choose-area .our-activetis .divider{
    position:relative
}
.why-choose-area .our-activetis .divider::after{
    height:41px;
    width:1px;
    background-color:rgba(19,20,26,.16);
    position:absolute;
    right:0;
    top:50%;
    left:unset;
    transform:translateY(-50%)
}
@media(max-width:991px){
    .why-choose-area .our-activetis .divider::after{
        display:none;
        visibility:hidden
    }
}
.why-choose-area .trustpilot-review{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:30px
}
.why-choose-area .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--black-color)
}
.why-choose-area .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--text-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.why-choose-area .trustpilot-review p strong{
    font-weight:600
}
.why-choose-area .trustpilot-review p a{
    color:var(--text-color);
    text-decoration:underline
}
.why-choose-area .divider{
    position:relative;
    z-index:1
}
.why-choose-area .divider::after{
    content:"";
    height:1px;
    width:80%;
    background-color:#eee;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:-1
}
.why-choose-area.two .rating{
    min-width:270px
}
.why-choose-area.two .rating a{
    display:inline-block;
    border-radius:10px;
    border:1px solid #eee;
    padding:10px 20px 15px
}
.why-choose-area.two .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.why-choose-area.two .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.why-choose-area.two .rating a .review-top .star ul li{
    line-height:1
}
.why-choose-area.two .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.why-choose-area.two .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.why-choose-area.two .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    position:relative
}
.why-choose-area.two .rating a .content ul li span{
    font-weight:600
}
.why-choose-area.two .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--text-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.why-choose-area.two .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.home2-why-choose-section{
    background-image:url(../img/home1/why-choose-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.home2-why-choose-section .why-choose-content-area{
    max-width:500px;
    width:100%
}
.home2-why-choose-section .why-choose-content-area ul{
    margin:0;
    padding:0;
    list-style:none
}
.home2-why-choose-section .why-choose-content-area ul .single-choose{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding-left:18px;
    padding-bottom:30px;
    padding-top:35px;
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
    position:relative;
    transition:.35s
}
@media(max-width:576px){
    .home2-why-choose-section .why-choose-content-area ul .single-choose{
        flex-wrap:wrap
    }
}
.home2-why-choose-section .why-choose-content-area ul .single-choose::before{
    content:"";
    height:100%;
    width:1px;
    position:absolute;
    left:0;
    top:0;
    background-color:var(--primary-color1);
    transition:.35s;
    opacity:0
}
.home2-why-choose-section .why-choose-content-area ul .single-choose:first-child{
    padding-top:0
}
.home2-why-choose-section .why-choose-content-area ul .single-choose:last-child{
    padding-bottom:0;
    border-bottom:none
}
.home2-why-choose-section .why-choose-content-area ul .single-choose:hover::before{
    opacity:1
}
.home2-why-choose-section .why-choose-content-area ul .single-choose .icon{
    line-height:1;
    height:70px;
    min-width:70px;
    max-width:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background-color:var(--white-color);
    border:1px solid var(--primary-color1)
}
.home2-why-choose-section .why-choose-content-area ul .single-choose .content{
    line-height:1
}
.home2-why-choose-section .why-choose-content-area ul .single-choose .content h5{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    margin-bottom:10px
}
.home2-why-choose-section .why-choose-content-area ul .single-choose .content h5 span{
    color:var(--primary-color1)
}
.home2-why-choose-section .why-choose-content-area ul .single-choose .content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:26px;
    margin-bottom:0
}
.home2-why-choose-section .why-choose-img-wrap{
    position:relative
}
.home2-why-choose-section .why-choose-img-wrap .logo-area{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:102px;
    width:102px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3
}
.home2-why-choose-section .why-choose-img-wrap .logo-area img{
    position:relative;
    z-index:1
}
.home2-why-choose-section .why-choose-img-wrap .logo-area::after{
    content:"";
    background-color:#16191e;
    border:6px solid var(--primary-color1);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:rotate(45deg);
    z-index:-1;
    border-radius:5px
}
.home2-why-choose-section .why-choose-img-wrap .choose-img img{
    border-radius:10px
}
@media(max-width:991px){
    .home2-why-choose-section .why-choose-img-wrap .choose-img img{
        width:100%
    }
}
.home2-why-choose-section .trustpilot-review{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:30px;
    border-top:1px solid #eee
}
.home2-why-choose-section .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--black-color)
}
.home2-why-choose-section .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--text-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.home2-why-choose-section .trustpilot-review p strong{
    font-weight:600
}
.home2-why-choose-section .trustpilot-review p a{
    color:var(--text-color);
    text-decoration:underline;
    transition:.35s
}
.home2-why-choose-section .trustpilot-review p a strong{
    transition:.35s
}
.home2-why-choose-section .trustpilot-review p a:hover{
    color:var(--primary-color1)
}
.recommended-apartment-section{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center
}
.recommended-apartment-section::after{
    content:"";
    background-color:var(--title-color);
    width:100%;
    height:300px;
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1
}
@media(max-width:1499px){
    .recommended-apartment-section::after{
        height:260px
    }
}
@media(max-width:1399px){
    .recommended-apartment-section::after{
        height:220px
    }
}
@media(max-width:1199px){
    .recommended-apartment-section::after{
        display:none;
        visibility:hidden
    }
}
@media(max-width:991px){
    .recommended-apartment-section{
        background-color:var(--title-color)
    }
}
.recommended-apartment-section .aparment-img{
    min-width:645px
}
@media(max-width:1499px){
    .recommended-apartment-section .aparment-img{
        min-width:500px
    }
}
@media(max-width:1399px){
    .recommended-apartment-section .aparment-img{
        min-width:400px
    }
}
@media(max-width:1199px){
    .recommended-apartment-section .aparment-img{
        display:none
    }
}
.recommended-apartment-section .recomended-content-wrap{
    display:flex;
    align-items:center;
    justify-content:space-around;
    width:100%
}
@media(max-width:1199px){
    .recommended-apartment-section .recomended-content-wrap{
        background-color:var(--title-color);
        padding:40px 20px
    }
}
@media(max-width:767px){
    .recommended-apartment-section .recomended-content-wrap{
        flex-direction:column;
        align-items:flex-start;
        gap:20px
    }
}
.recommended-apartment-section .recomended-content-wrap .section-title1{
    max-width:425px;
    width:100%
}
.recommended-apartment-section .recomended-content-wrap .section-title1 h2{
    color:var(--white-color)
}
.recommended-apartment-section .recomended-content-wrap .recomended-content{
    max-width:336px;
    width:100%;
    position:relative
}
.recommended-apartment-section .recomended-content-wrap .recomended-content p{
    color:#fff;
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:26px
}
.project-location-area .project-card{
    border-radius:10px;
    position:relative
}
.project-location-area .project-card img{
    border-radius:10px
}
@media(max-width:576px){
    .project-location-area .project-card img{
        width:100%
    }
}
.project-location-area .project-card .location-content-wrap{
    background:linear-gradient(360deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.2) 100%);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    justify-content:end;
    padding:40px 30px;
    overflow:hidden;
    transition:.5s
}
.project-location-area .project-card .location-content-wrap .location-content{
    transform:translateY(55px);
    transition:.5s
}
.project-location-area .project-card .location-content-wrap .location-content h5{
    margin-bottom:0
}
.project-location-area .project-card .location-content-wrap .location-content h5 a{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    transition:.35s
}
.project-location-area .project-card .location-content-wrap .location-content h5 a:hover{
    color:var(--primary-color1)
}
.project-location-area .project-card .location-content-wrap .location-content span{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn{
    opacity:0;
    transition:.5s
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn a{
    padding-top:20px;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
    transition:.35s
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn a span{
    width:20px;
    height:20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--primary-color1);
    transition:.35s
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn a span svg{
    fill:var(--title-color);
    transition:.35s
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn a:hover{
    color:var(--primary-color1)
}
.project-location-area .project-card .location-content-wrap .location-content .veiw-btn a:hover svg{
    transform:rotate(45deg)
}
.project-location-area .project-card .location-content-wrap:hover .location-content{
    transform:translateY(0)
}
.project-location-area .project-card .location-content-wrap:hover .location-content .veiw-btn{
    opacity:1
}
.home1-team-section{
    background:#faf8fb
}
.home1-team-section .slider-btn{
    background-color:#fff
}
.home1-team-section .single-team-card .team-img{
    border-radius:10px;
    position:relative;
    transition:.35s
}
.home1-team-section .single-team-card .team-img .social-area{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    left:20px;
    top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-direction:column;
    opacity:0;
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s
}
.home1-team-section .single-team-card .team-img .social-area li a{
    height:26px;
    width:26px;
    border-radius:50%;
    background-color:var(--white-color);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.home1-team-section .single-team-card .team-img .social-area li a i{
    color:var(--title-color);
    transition:.35s
}
.home1-team-section .single-team-card .team-img .social-area li a:hover{
    background-color:var(--primary-color1)
}
.home1-team-section .single-team-card .team-img img{
    border-radius:10px
}
@media(max-width:576px){
    .home1-team-section .single-team-card .team-img img{
        width:100%
    }
}
.home1-team-section .single-team-card .team-img .contact-btn{
    position:absolute;
    right:15px;
    bottom:-16px
}
.home1-team-section .single-team-card .team-img .contact-btn .primary-btn3{
    font-size:13px;
    gap:6px;
    padding:9px 13px;
    background-color:var(--white-color);
    border:1px solid rgba(239,185,63,.5)
}
.home1-team-section .single-team-card .team-img .contact-btn .primary-btn3::after{
    background-color:var(--primary-color1)
}
.home1-team-section .single-team-card .team-img .contact-btn .primary-btn3:hover{
    color:var(--title-color)
}
.home1-team-section .single-team-card .team-content{
    padding-top:22px
}
.home1-team-section .single-team-card .team-content h6{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:700;
    transition:.35s
}
.home1-team-section .single-team-card .team-content span{
    line-height:1;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}
.home1-team-section .single-team-card.style-2 .team-img .contact-btn{
    right:unset;
    left:15px;
    bottom:-16px
}
.home1-team-section .single-team-card.style-2 .team-content{
    padding-left:15px;
    padding-right:15px;
    padding-top:32px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
.home1-team-section .single-team-card.style-2 .team-content .social-area{
    display:flex;
    align-items:center;
    gap:8px;
    transition:.45s;
    position:relative
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .social-icons{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    opacity:0;
    transform:scaleY(0);
    transform-origin:bottom;
    transition:.45s;
    position:absolute;
    bottom:38px
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .social-icons a{
    height:30px;
    width:30px;
    line-height:30px;
    background-color:var(--title-color);
    border:1px solid var(--title-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.45s;
    color:var(--white-color)
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .social-icons a:hover{
    color:var(--primary-color1)
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .share-icon{
    height:30px;
    width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--title-color);
    border:1px solid var(--title-color);
    border-radius:50%;
    transition:.45s;
    cursor:pointer
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .share-icon svg{
    fill:var(--white-color);
    transition:.45s
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .share-icon:hover{
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1)
}
.home1-team-section .single-team-card.style-2 .team-content .social-area .share-icon:hover svg{
    fill:var(--title-color)
}
.home1-team-section .single-team-card.style-2 .team-content .social-area:hover .social-icons{
    opacity:1;
    transform:scaleY(1)
}
.home1-team-section .single-team-card.style-3 .team-content{
    padding-top:20px;
    text-align:center
}
.home1-team-section .single-team-card.style-3 .team-content h6{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:700;
    transition:.35s
}
.home1-team-section .single-team-card.style-3 .team-content .social-area{
    border-top:1px solid rgba(29,29,29,.1);
    padding-top:14px;
    margin-top:4px
}
.home1-team-section .single-team-card.style-3 .team-content .social-area .social-icons{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px
}
.home1-team-section .single-team-card.style-3 .team-content .social-area .social-icons li a{
    height:26px;
    width:26px;
    line-height:26px;
    background-color:var(--white-color);
    border:1px solid var(--white-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.45s;
    color:var(--title-color)
}
.home1-team-section .single-team-card.style-3 .team-content .social-area .social-icons li a:hover{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.home1-team-section .single-team-card:hover .team-img .social-area{
    transform:scaleX(1);
    opacity:1
}
.customar-feedback-area .customer-feedback-left{
    background-image:url(../img/home1/customer-feedbac-bg1.png);
    background-repeat:no-repeat;
    background-size:cover;
    border:1px solid #eee;
    border-radius:10px;
    padding:50px 20px;
    min-height:380px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column;
    gap:60px;
    position:relative
}
.customar-feedback-area .customer-feedback-left::after{
    content:"";
    height:1px;
    width:144px;
    background-color:rgba(19,20,26,.25);
    position:absolute;
    left:50%;
    top:54%;
    transform:translate(-50%,-50%)
}
.customar-feedback-area .customer-feedback-left .trustpilot{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center
}
.customar-feedback-area .customer-feedback-left .trustpilot h5{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:20px;
    line-height:24px;
    color:var(--title-color);
    margin-bottom:10px
}
.customar-feedback-area .customer-feedback-left .trustpilot span{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:19px;
    color:var(--title-color);
    display:inline-block;
    padding-top:6px;
    margin-bottom:10px
}
.customar-feedback-area .customer-feedback-left .trustpilot span strong{
    font-weight:600
}
.customar-feedback-area .customer-feedback-left .google{
    display:flex;
    align-items:center;
    flex-direction:column
}
.customar-feedback-area .customer-feedback-left .google ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px;
    padding-top:7px;
    margin-bottom:5px
}
.customar-feedback-area .customer-feedback-left .google ul li{
    line-height:1
}
.customar-feedback-area .customer-feedback-left .google ul li i{
    font-style:14px;
    color:#dda701
}
.customar-feedback-area .customer-feedback-left .google span{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:19px;
    color:var(--title-color);
    display:inline-block;
    padding-top:6px
}
.customar-feedback-area .customer-feedback-left .google span strong{
    font-weight:600
}
.customar-feedback-area .customer-feedback-right .feedback-card{
    padding:40px 30px;
    background:#faf8fb;
    border-radius:10px;
    border:1px solid transparent;
    transition:.35s
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:15px
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area{
    display:flex;
    flex-direction:column
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px;
    padding-top:7px;
    margin-bottom:5px
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area ul li{
    line-height:1
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area ul li i{
    font-style:13px;
    color:#dda701
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area img{
    margin-bottom:5px
}
.customar-feedback-area .customer-feedback-right .feedback-card .feedback-top .stat-area span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.customar-feedback-area .customer-feedback-right .feedback-card p{
    font-size:18px;
    font-weight:500;
    line-height:32px;
    color:var(--text-color)
}
.customar-feedback-area .customer-feedback-right .feedback-card .author-name h6{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:14px;
    line-height:17px;
    color:var(--title-color);
    padding-left:30px;
    position:relative
}
.customar-feedback-area .customer-feedback-right .feedback-card .author-name h6::after{
    content:"";
    height:1px;
    width:20px;
    background-color:var(--title-color);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.customar-feedback-area .customer-feedback-right .feedback-card:hover{
    border-color:var(--primary-color1)
}
.customar-feedback-area.style-2 .slider-btn-group .slider-btn{
    background-color:transparent;
    border-color:rgba(19,20,26,.2)
}
.customar-feedback-area.style-2 .slider-btn-group .slider-btn svg{
    fill:rgba(19,20,26,.2)
}
.customar-feedback-area.style-2 .slider-btn-group .slider-btn:hover{
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.customar-feedback-area.style-2 .slider-btn-group .slider-btn:hover svg{
    fill:var(--white-color)
}
.customar-feedback-area.style-2 .slider-btn-group .view-btn::after{
    border-color:#000
}
.customar-feedback-area.style-2 .slider-btn-group .view-btn:hover{
    color:#000
}
.customar-feedback-area .sub-title{
    z-index:1;
    margin-bottom:40px;
    display:flex;
    align-items:center
}
.customar-feedback-area .sub-title h6{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    margin-bottom:0;
    background-color:var(--white-color);
    z-index:5;
    position:relative;
    white-space:nowrap;
    padding:0 20px 0 0
}
.customar-feedback-area .sub-title .dash{
    position:relative;
    width:100%
}
.customar-feedback-area .sub-title .dash::after{
    content:"";
    height:1px;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:#eee
}
.customar-feedback-area .partner-slider{
    overflow:hidden
}
.customar-feedback-area .partner-slider .js-marquee{
    display:flex;
    align-items:center;
    gap:100px;
    margin-right:0!important
}
.trusted-partner-section .sub-title{
    z-index:1;
    margin-bottom:40px;
    display:flex;
    align-items:center
}
.trusted-partner-section .sub-title h6{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    margin-bottom:0;
    background-color:var(--white-color);
    z-index:5;
    position:relative;
    white-space:nowrap;
    padding:0 20px 0 0
}
.trusted-partner-section .sub-title .dash{
    position:relative;
    width:100%
}
.trusted-partner-section .sub-title .dash::after{
    content:"";
    height:1px;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:#eee
}
.trusted-partner-section .partner-slider{
    overflow:hidden
}
.trusted-partner-section .partner-slider .js-marquee{
    display:flex;
    align-items:center;
    gap:100px;
    margin-right:0!important
}
@media(max-width:576px){
    .trusted-partner-section .partner-slider .js-marquee{
        gap:40px
    }
}
.news-section{
    background:#faf8fb
}
.news-section.two{
    background-image:url(../img/home1/why-choose-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.news-section.five{
    background-color:transparent
}
.news-section .news-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:5px;
    padding:10px
}
.news-section .news-card .news-img{
    position:relative;
    border-radius:5px
}
.news-section .news-card .news-img img{
    border-radius:5px;
    width:100%
}
.news-section .news-card .news-img .date{
    position:absolute;
    right:-10px;
    bottom:-15px
}
.news-section .news-card .news-img .date a{
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,7% 50%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%,7% 50%);
    display:flex;
    height:30px;
    align-items:center;
    justify-content:center;
    padding:3px 30px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--title-color);
    transition:.35s
}
.news-section .news-card .content{
    padding-top:30px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px
}
.news-section .news-card .content>h6{
    margin-bottom:0;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom:20px
}
.news-section .news-card .content>h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:30px;
    color:var(--title-color);
    transition:.35s
}
.news-section .news-card .content>h6 a:hover{
    color:var(--primary-color1)
}
.news-section .news-card .content .news-btm .author-area{
    display:flex;
    align-items:center;
    gap:10px
}
.news-section .news-card .content .news-btm .author-area .author-img img{
    height:38px;
    width:38px;
    border-radius:50%
}
.news-section .news-card .content .news-btm .author-area .author-content{
    display:inline-grid
}
.news-section .news-card .content .news-btm .author-area .author-content h6{
    margin-bottom:3px;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    line-height:18px;
    color:var(--title-color)
}
.news-section .news-card .content .news-btm .author-area .author-content a{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color);
    transition:.35s
}
.news-section .news-card .content .news-btm .author-area .author-content a:hover{
    color:var(--primary-color1)
}
.news-section .news-card .content .news-btm .author-area .author-content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color)
}
.news-section .news-card.style-2 .date{
    position:absolute;
    left:-10px;
    right:unset;
    bottom:-15px;
    display:flex;
    align-items:center;
    gap:20px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    padding:0 22px;
    line-height:1
}
.news-section .news-card.style-2 .date a{
    -webkit-clip-path:unset;
    clip-path:unset;
    background-color:transparent;
    display:flex;
    height:30px;
    align-items:center;
    justify-content:center;
    padding:0;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--title-color);
    position:relative
}
.news-section .news-card.style-2 .date a::after{
    content:"";
    height:10px;
    width:1px;
    background-color:rgba(19,20,26,.5);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.news-section .news-card.style-2 .date a:first-child::after{
    display:none
}
.news-section .news-card.style-2 .social-area{
    display:flex;
    align-items:center;
    gap:8px;
    transition:.45s;
    position:relative
}
.news-section .news-card.style-2 .social-area .share-icon{
    height:30px;
    width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f6f6f6;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    transition:.45s;
    cursor:pointer
}
.news-section .news-card.style-2 .social-area .share-icon svg{
    fill:var(--title-color);
    transition:.45s
}
.news-section .news-card.style-2 .social-area .share-icon:hover{
    background-color:var(--primary-color1)
}
.news-section .news-card.style-2 .social-area .social-icons{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:8px;
    opacity:0;
    transform:scaleX(0);
    transform-origin:right;
    transition:.45s;
    position:absolute;
    right:38px
}
.news-section .news-card.style-2 .social-area .social-icons li a{
    height:30px;
    width:30px;
    line-height:30px;
    background-color:#f6f6f6;
    border:1px solid var(--primary-color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.45s;
    color:var(--title-color)
}
.news-section .news-card.style-2 .social-area .social-icons li a:hover{
    background-color:var(--primary-color1)
}
.news-section .news-card.style-2 .social-area:hover .social-icons{
    opacity:1;
    transform:scaleX(1)
}
.news-section .news-card.dark .date a{
    background-color:var(--white-color);
    color:var(--title-color);
    border:1px solid #eee
}
.news-section .news-card.dark .content>h6 a:hover{
    color:var(--title-color)
}
.news-section .news-card.dark .content .news-btm .author-area .author-content a:hover{
    color:var(--title-color)
}
.news-section.six{
    background-color:rgba(250,248,251,.4)
}
.news-section.six .slider-btn-group2 .slider-btn:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.news-section.six .slider-btn-group2 .slider-btn:hover svg{
    fill:var(--white-color)
}
footer{
    background:var(--title-color)
}
footer .footer-top{
    padding:90px 11%
}
@media(max-width:1699px){
    footer .footer-top{
        padding:90px 6%
    }
}
@media(max-width:1399px){
    footer .footer-top{
        padding:90px 5%
    }
}
@media(max-width:1399px){
    footer .footer-top{
        padding:90px 3%
    }
}
@media(max-width:991px){
    footer .footer-top{
        padding:70px 2%
    }
}
footer .footer-widget .widget-title{
    margin-bottom:23px
}
footer .footer-widget .widget-title h5{
    margin-bottom:0;
    color:var(--white-color);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600
}
footer .footer-widget .menu-container ul{
    margin:0;
    padding:0;
    list-style:none
}
footer .footer-widget .menu-container ul li{
    margin-bottom:8px
}
footer .footer-widget .menu-container ul li:last-child{
    margin-bottom:0
}
footer .footer-widget .menu-container ul li a{
    color:#b3b3b3;
    font-size:15px;
    font-family:var(--font-open-sans);
    font-weight:600;
    transition:.35s;
    display:flex;
    align-items:center;
    gap:7px
}
footer .footer-widget .menu-container ul li a svg{
    fill:#b3b3b3;
    transition:.35s;
    opacity:0
}
footer .footer-widget .menu-container ul li a:hover{
    color:var(--white-color)
}
footer .footer-widget .menu-container ul li a:hover svg{
    fill:var(--primary-color1);
    opacity:1
}
footer .footer-widget .app-download{
    padding-top:10px
}
footer .footer-widget .app-download ul{
    margin:0;
    padding:0;
    list-style:none
}
footer .footer-widget .app-download ul li{
    margin-bottom:28px
}
footer .footer-widget .app-download ul li:last-child{
    margin-bottom:0
}
footer .footer-widget .app-download ul li a{
    display:inline-block;
    padding:14px;
    border-radius:5px;
    border:1px solid rgba(255,255,255,.1)
}
footer .footer-center{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 11% 35px
}
@media(max-width:1699px){
    footer .footer-center{
        padding:0 6% 35px
    }
}
@media(max-width:1399px){
    footer .footer-center{
        padding:0 5% 35px
    }
}
@media(max-width:1199px){
    footer .footer-center{
        padding:0 3% 35px;
        flex-direction:column;
        gap:40px
    }
}
@media(max-width:991px){
    footer .footer-center{
        padding:0 2% 35px
    }
}
footer .footer-center .contact-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px
}
@media(max-width:1199px){
    footer .footer-center .contact-area{
        gap:40px
    }
}
@media(max-width:767px){
    footer .footer-center .contact-area{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px
    }
}
footer .footer-center .contact-area .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
footer .footer-center .contact-area .hotline-area .icon{
    position:relative
}
footer .footer-center .contact-area .hotline-area .icon::after{
    content:"";
    width:1px;
    height:40px;
    background-color:rgba(255,255,255,.2);
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%)
}
footer .footer-center .contact-area .hotline-area .icon svg{
    fill:var(--primary-color1)
}
footer .footer-center .contact-area .hotline-area .content{
    line-height:1
}
footer .footer-center .contact-area .hotline-area .content span{
    color:#b3b3b3;
    font-size:14px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:10px
}
footer .footer-center .contact-area .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
footer .footer-center .contact-area .hotline-area .content h6 a{
    color:var(--primary-color1);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1;
    transition:.35s
}
footer .footer-center .contact-area .hotline-area .content h6 a:hover{
    color:var(--white-color)
}
footer .newsletter-area .form-inner label{
    color:#fff;
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
footer .newsletter-area .form-inner .input-area{
    border-radius:5px;
    border:1px solid rgba(255,255,255,.1);
    background:#0e1014;
    height:44px;
    min-width:340px;
    padding:7px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:576px){
    footer .newsletter-area .form-inner .input-area{
        min-width:300px
    }
}
footer .newsletter-area .form-inner .input-area input{
    background:#0e1014;
    width:100%;
    color:#b3b3b3;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400
}
footer .newsletter-area .form-inner .input-area input::-moz-placeholder{
    color:var(--text-color)
}
footer .newsletter-area .form-inner .input-area input::placeholder{
    color:var(--text-color)
}
footer .newsletter-area .form-inner .input-area button{
    min-width:30px;
    height:30px;
    border-radius:50%;
    background-color:rgba(239,185,63,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
footer .newsletter-area .form-inner .input-area button svg{
    transition:.35s;
    fill:var(--primary-color1)
}
footer .newsletter-area .form-inner .input-area button:hover{
    background-color:var(--primary-color1)
}
footer .newsletter-area .form-inner .input-area button:hover svg{
    fill:var(--white-color)
}
footer .footer-btm{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid rgba(255,255,255,.05);
    padding:17px 11%
}
@media(max-width:1699px){
    footer .footer-btm{
        padding:17px 6%
    }
}
@media(max-width:1399px){
    footer .footer-btm{
        padding:17px 5%
    }
}
@media(max-width:1399px){
    footer .footer-btm{
        padding:17px 3%
    }
}
@media(max-width:991px){
    footer .footer-btm{
        padding:17px 2%
    }
}
@media(max-width:767px){
    footer .footer-btm{
        flex-wrap:wrap;
        justify-content:center;
        gap:12px
    }
}
footer .footer-btm .copyright-area p{
    margin-bottom:0;
    color:var(--white-color);
    font-size:14px;
    font-weight:400;
    font-family:var(--font-open-sans)
}
footer .footer-btm .copyright-area p a{
    color:var(--primary-color1)
}
footer .footer-btm .social-area{
    display:flex;
    align-items:center;
    gap:15px
}
footer .footer-btm .social-area h6{
    color:var(--white-color);
    font-size:14px;
    font-family:var(--font-open-sans);
    font-weight:400;
    margin-bottom:0
}
footer .footer-btm .social-area ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:15px
}
footer .footer-btm .social-area ul li a{
    width:26px;
    height:26px;
    border-radius:50%;
    border-radius:15px;
    border:1px solid rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-color1);
    transition:.35s
}
footer .footer-btm .social-area ul li a:hover{
    color:var(--title-color);
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
footer.style-2{
    border-radius:30px 30px 0 0
}
footer.style-3 .footer-widget .menu-container ul li a:hover{
    color:var(--white-color)
}
footer.style-3 .footer-widget .menu-container ul li a:hover svg{
    fill:var(--white-color);
    opacity:1
}
footer.style-3 .footer-center .contact-area .hotline-area .icon svg{
    fill:var(--white-color)
}
footer.style-3 .footer-center .contact-area .hotline-area .content h6 a{
    color:var(--white-color)
}
footer.style-3 .footer-btm .copyright-area p a{
    color:var(--white-color)
}
footer.style-3 .footer-btm .social-area ul li a{
    color:rgba(255,255,255,.5)
}
footer.style-3 .footer-btm .social-area ul li a:hover{
    color:var(--title-color);
    background-color:var(--white-color);
    border-color:var(--white-color)
}
footer.style-3 .newsletter-area .form-inner .input-area button{
    min-width:30px;
    height:30px;
    border-radius:50%;
    background-color:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
footer.style-3 .newsletter-area .form-inner .input-area button svg{
    transition:.35s;
    fill:var(--white-color)
}
footer.style-3 .newsletter-area .form-inner .input-area button:hover{
    background-color:var(--white-color)
}
footer.style-3 .newsletter-area .form-inner .input-area button:hover svg{
    fill:var(--title-color)
}
.explore-btn2{
    color:var(--title-color);
    font-size:16px;
    font-family:var(--font-montserrat);
    font-weight:600;
    display:flex;
    align-items:center;
    transition:.35s;
    line-height:.7;
    white-space:nowrap
}
.explore-btn2 i{
    font-size:20px
}
.explore-btn2:hover{
    color:var(--primary-color1)
}
.explore-btn2.two:hover{
    color:var(--title-color)
}
.dream-property-area{
    background-image:url(../img/home2/dream-car-bg.png);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.dream-property-area .filter-area{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin-bottom:35px;
    padding:12px;
    gap:15px
}
.dream-property-area .nav-pills{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px
}
.dream-property-area .nav-pills li button{
    color:var(--text-color);
    font-size:16px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1;
    padding-top:0;
    padding-bottom:0
}
@media(max-width:991px){
    .dream-property-area .nav-pills li button{
        padding:0
    }
}
.dream-property-area .nav-pills li button.active{
    background:0 0;
    color:var(--title-color)
}
.dream-property-area .nav-pills li button:hover{
    background:0 0;
    color:var(--title-color)
}
.dream-property-area .car-category{
    border-radius:10px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
    padding:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.35s
}
@media(max-width:576px){
    .dream-property-area .car-category{
        padding:25px 20px
    }
}
.dream-property-area .car-category:hover{
    border:1px solid var(--primary-color1)
}
.dream-property-area .car-category .icon{
    margin-bottom:20px
}
.dream-property-area .car-category .content{
    line-height:1
}
.dream-property-area .car-category .content h6{
    color:var(--title-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:2px;
    line-height:20px
}
.dream-property-area .car-category .content span{
    color:var(--text-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:0;
    line-height:20px
}
.featured-car-section{
    padding-left:9%;
    padding-right:9%
}
@media(max-width:1699px){
    .featured-car-section{
        padding-left:3%;
        padding-right:3%
    }
}
@media(max-width:1399px){
    .featured-car-section{
        padding-left:2%;
        padding-right:2%
    }
}
.featured-car-section .slider-btn-group2{
    max-width:90px;
    width:100%
}
.featured-car-section .feature-card{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    transition:.35s
}
.featured-car-section .feature-card .product-img{
    position:relative;
    border-radius:10px;
    transition:.35s
}
.featured-car-section .feature-card .product-img .number-of-img{
    position:absolute;
    left:20px;
    top:17px;
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    color:var(--white-color);
    z-index:2;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    transition:.35s;
    opacity:0
}
.featured-car-section .feature-card .product-img .fav{
    position:absolute;
    top:17px;
    right:20px;
    z-index:2;
    transition:.35s;
    line-height:1;
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:var(--white-color);
    display:flex;
    align-items:center;
    justify-content:center
}
.featured-car-section .feature-card .product-img .fav svg{
    fill:var(--title-colort);
    transition:.35s
}
.featured-car-section .feature-card .product-img .fav:hover{
    background-color:var(--primary-color1)
}
.featured-car-section .feature-card .product-img .slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    transition:.35s;
    opacity:0
}
.featured-car-section .feature-card .product-img .slider-btn-group .swiper-arrow{
    height:26px;
    width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#13141a;
    cursor:pointer;
    transition:.35s
}
.featured-car-section .feature-card .product-img .slider-btn-group .swiper-arrow svg{
    fill:var(--white-color);
    transition:.35s
}
.featured-car-section .feature-card .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--primary-color1)
}
.featured-car-section .feature-card .product-img::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50%;
    z-index:1;
    border-radius:10px;
    background:linear-gradient(0deg,rgba(19,20,26,0.8) 0%,rgba(19,20,26,0) 100%);
    transition:.35s
}
.featured-car-section .feature-card .product-img img{
    border-radius:10px
}
@media(max-width:767px){
    .featured-car-section .feature-card .product-img img{
        width:100%
    }
}
.featured-car-section .feature-card .product-content{
    position:absolute;
    bottom:20px;
    left:30px;
    right:30px;
    z-index:1
}
@media(max-width:1499px){
    .featured-car-section .feature-card .product-content{
        left:25px;
        right:25px
    }
}
.featured-car-section .feature-card .product-content .price{
    line-height:1;
    margin-bottom:8px
}
.featured-car-section .feature-card .product-content .price strong{
    color:var(--white-color);
    font-size:18px;
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1
}
.featured-car-section .feature-card .product-content h5{
    margin-bottom:0
}
.featured-car-section .feature-card .product-content h5 a{
    color:var(--white-color);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600
}
.featured-car-section .feature-card .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:none;
    flex-wrap:wrap;
    align-items:center;
    gap:13px;
    border-top:1px solid rgba(255,255,255,.16);
    padding-top:15px;
    margin-top:10px
}
.featured-car-section .feature-card .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--white-color);
    font-size:13px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1
}
@media(min-width:1400px) and (max-width:1599px){
    .featured-car-section .feature-card .product-content .features li{
        margin-right:10px
    }
}
@media(max-width:1399px){
    .featured-car-section .feature-card .product-content .features li{
        margin-right:10px
    }
}
.featured-car-section .feature-card .product-content .features li:last-child{
    margin-right:0
}
.featured-car-section .feature-card .product-content .features li svg{
    fill:var(--white-color)
}
.featured-car-section .feature-card:hover .product-img .number-of-img{
    opacity:1
}
.featured-car-section .feature-card:hover .product-img .slider-btn-group{
    opacity:1
}
.featured-car-section .feature-card:hover .product-content .features{
    display:flex;
    animation:fade-up .45s linear
}
.slider-btn-group2{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.slider-btn-group2 .slider-btn{
    height:34px;
    width:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(239,185,63,.4);
    cursor:pointer;
    transition:.35s
}
.slider-btn-group2 .slider-btn svg{
    fill:var(--primary-color1)
}
.slider-btn-group2 .slider-btn:hover{
    background-color:var(--primary-color1)
}
.slider-btn-group2 .slider-btn:hover svg{
    fill:var(--title-color)
}
.slider-btn-group2.style-6{
    max-width:90px;
    width:100%
}
.slider-btn-group2.style-6 .slider-btn:hover{
    background-color:var(--title-color)
}
.slider-btn-group2.style-6 .slider-btn:hover svg{
    fill:var(--white-color)
}
.slider-btn-group2.dark .slider-btn{
    border:1px solid rgba(29,29,29,.16)
}
.slider-btn-group2.dark .slider-btn svg{
    fill:rgba(29,29,29,.16)
}
.slider-btn-group2.dark .slider-btn:hover{
    background-color:var(--title-color)
}
.slider-btn-group2.dark .slider-btn:hover svg{
    fill:var(--white-color)
}
.recent-launched-project .slider-btn-group2{
    max-width:90px;
    min-width:90px;
    width:100%
}
.recent-launched-project .tab-and-slider-btn-group{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative
}
.recent-launched-project .tab-and-slider-btn-group .slider-btn-group2{
    position:relative
}
@media(max-width:576px){
    .recent-launched-project .tab-and-slider-btn-group .slider-btn-group2{
        display:none;
        visibility:hidden
    }
}
.recent-launched-project .tab-and-slider-btn-group .slider-btn-group2::after{
    content:"";
    width:1px;
    height:34px;
    opacity:.2;
    background:#16191e;
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.recent-launched-project .nav-tabs{
    border-bottom:unset;
    flex-wrap:nowrap;
    gap:20px
}
@media(max-width:767px){
    .recent-launched-project .nav-tabs{
        flex-wrap:wrap
    }
}
.recent-launched-project .nav-tabs li{
    padding:0
}
.recent-launched-project .nav-tabs li button{
    padding:9px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:14px;
    color:var(--title-color);
    border-radius:0;
    border:1px solid rgba(22,25,30,.15);
    border-radius:5px
}
.recent-launched-project .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.recent-launched-project .slider-and-explore-btn-group{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    flex-wrap:wrap
}
.recent-launched-project .slider-and-explore-btn-group .explore-more-btn{
    position:relative
}
.recent-launched-project .slider-and-explore-btn-group .explore-more-btn::after{
    content:"";
    width:1px;
    height:34px;
    opacity:.2;
    background:#16191e;
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.product-card2{
    border-radius:10px;
    border:1px solid #eee;
    padding:10px;
    transition:.35s
}
.product-card2 .product-img{
    border-radius:10px;
    position:relative;
    transition:.35s
}
.product-card2 .product-img .date{
    position:absolute;
    left:-89px;
    top:50%;
    transform:translateY(-50%) rotate(-90deg) scaleX(0);
    transition:.35s;
    opacity:0
}
.product-card2 .product-img .date button{
    color:var(--black-color);
    font-size:14px;
    font-family:var(--font-open-sans);
    font-weight:400;
    background-color:var(--primary-color1);
    border-radius:0 0 30px 30px;
    padding:2px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:190px
}
.product-card2 .product-img .fav{
    height:24px;
    width:24px;
    border-radius:50%;
    background-color:var(--white-color);
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:14px;
    top:14px;
    transition:.35s
}
.product-card2 .product-img .fav svg{
    fill:var(--title-color)
}
.product-card2 .product-img .fav:hover{
    background-color:var(--primary-color1)
}
.product-card2 .product-img img{
    border-radius:10px
}
@media(max-width:767px){
    .product-card2 .product-img img{
        width:100%
    }
}
.product-card2 .product-content{
    position:relative;
    padding:27px 10px 15px;
    line-height:1
}
.product-card2 .product-content .company-logo{
    position:absolute;
    right:20px;
    top:-22px
}
.product-card2 .product-content .details-btn{
    position:absolute;
    right:20px;
    top:-19px
}
.product-card2 .product-content .details-btn a{
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#faf8fb;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.product-card2 .product-content .details-btn a i{
    font-size:24px;
    color:#cbc5c5;
    transform:rotate(-45deg);
    transition:.35s
}
.product-card2 .product-content .price{
    line-height:1;
    margin-bottom:10px
}
.product-card2 .product-content .price strong{
    color:var(--title-color);
    font-size:18px;
    font-family:var(--font-montserrat);
    font-weight:700;
    line-height:1
}
.product-card2 .product-content h6{
    margin-bottom:8px;
    line-height:1
}
.product-card2 .product-content h6 a{
    color:var(--title-color);
    font-size:18px;
    font-family:var(--font-montserrat);
    font-weight:600;
    transition:.35s
}
.product-card2 .product-content h6 a:hover{
    color:var(--primary-color1)
}
.product-card2 .product-content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
.product-card2.two .product-content .price{
    line-height:1
}
.product-card2.two .product-content .price strong{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.product-card2.two .product-content h6{
    margin-bottom:12px
}
.product-card2.two .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:7px;
    position:relative;
    padding-top:15px;
    flex-wrap:wrap
}
@media(max-width:1699px){
    .product-card2.two .product-content .features{
        gap:15px
    }
}
@media(max-width:1399px){
    .product-card2.two .product-content .features{
        gap:5px;
        flex-wrap:wrap
    }
}
.product-card2.two .product-content .features::after{
    content:"";
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:50%;
    height:1px;
    width:80%;
    top:0;
    transform:translateX(-50%)
}
.product-card2.two .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color);
    margin-right:5px
}
@media(max-width:1499px){
    .product-card2.two .product-content .features li{
        font-size:12px
    }
}
@media(max-width:1399px){
    .product-card2.two .product-content .features li{
        padding-right:5px
    }
}
.product-card2.two .product-content .features li svg{
    fill:var(--text-color)
}
.product-card2:hover{
    border:1px solid var(--primary-color1)
}
.product-card2:hover .product-img .date{
    opacity:1;
    transform:translateY(-50%) rotate(-90deg) scaleX(1)
}
.product-card2:hover .product-content .details-btn a{
    background-color:var(--primary-color1)
}
.product-card2:hover .product-content .details-btn a i{
    color:var(--title-color);
    transform:rotate(0deg)
}
.product-card2.drak .product-img .fav:hover{
    background-color:var(--title-color)
}
.product-card2.drak .product-img .fav:hover svg{
    fill:var(--white-color)
}
.product-card2.drak .product-content h6 a:hover{
    color:var(--title-color)
}
.product-card2.drak:hover{
    border:1px solid var(--title-color)
}
.product-card2.drak:hover .product-content .details-btn a{
    background-color:var(--title-color)
}
.product-card2.drak:hover .product-content .details-btn a i{
    color:var(--white-color)
}
.how-it-work-section{
    background:#faf8fb;
    padding:90px 0
}
.how-it-work-section.style-2{
    border-radius:30px;
    background:#f6f6f6
}
.how-it-work-section .video-btn a{
    color:var(--white-color);
    font-size:15px;
    font-family:var(--font-montserrat);
    font-weight:500;
    display:flex;
    align-items:center;
    gap:5px;
    border-radius:5px;
    border:1px solid var(--title-color);
    background:var(--title-color);
    padding:5px 18px;
    position:relative;
    z-index:1;
    overflow:hidden;
    transition:all .5s ease-out 0s
}
.how-it-work-section .video-btn a i{
    line-height:1;
    color:var(--white-color);
    transition:all .5s ease-out 0s
}
.how-it-work-section .video-btn a::after{
    position:absolute;
    content:"";
    display:block;
    left:8%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:#fff;
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.how-it-work-section .video-btn a:hover{
    color:var(--title-color)
}
.how-it-work-section .video-btn a:hover i{
    color:var(--title-color)
}
.how-it-work-section .video-btn a:hover svg{
    fill:var(--title-color)
}
.how-it-work-section .video-btn a:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.how-it-work-section .single-work-process{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    transition:.35s;
    max-width:250px;
    width:100%;
    margin:0 auto
}
.how-it-work-section .single-work-process .step{
    height:34px;
    width:34px;
    border-radius:50%;
    border:1px solid rgba(19,20,26,.5);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:30px
}
.how-it-work-section .single-work-process .step span{
    width:26px;
    height:26px;
    border-radius:50%;
    color:var(--title-color);
    font-size:15px;
    font-family:var(--font-montserrat);
    font-weight:600;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center
}
.how-it-work-section .single-work-process .icon{
    height:70px;
    width:70px;
    border-radius:50%;
    background-color:var(--white-color);
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    margin-bottom:13px
}
.how-it-work-section .single-work-process .content h6{
    color:var(--title-color);
    font-size:18px;
    font-family:var(--font-montserrat);
    font-weight:700;
    margin-bottom:8px
}
.how-it-work-section .single-work-process .content p{
    color:var(--text-color);
    font-size:16px;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:26px;
    margin-bottom:0
}
.how-it-work-section .single-work-process:hover .icon{
    background-color:var(--primary-color1)
}
.how-it-work-section .work-process-group{
    border-bottom:1px solid #eee;
    padding-bottom:40px;
    position:relative;
    z-index:1
}
.how-it-work-section .work-process-group::after{
    content:"";
    height:1px;
    width:100%;
    background-color:#eee;
    position:absolute;
    top:17px;
    left:0;
    z-index:-1
}
@media(max-width:991px){
    .how-it-work-section .work-process-group::after{
        display:none;
        visibility:hidden
    }
}
.how-it-work-section .trustpilot-review{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:30px
}
.how-it-work-section .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--black-color)
}
.how-it-work-section .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--text-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.how-it-work-section .trustpilot-review p strong{
    font-weight:600
}
.how-it-work-section .trustpilot-review p a{
    color:var(--text-color);
    text-decoration:underline;
    transition:.35s
}
.how-it-work-section .trustpilot-review p a strong{
    transition:.35s
}
.how-it-work-section .trustpilot-review p a:hover{
    color:var(--primary-color1)
}
.how-it-work-section.style-3 .work-process-group::after{
    display:none;
    visibility:hidden
}
.how-it-work-section.style-3 .work-process-group .single-work-process{
    position:relative
}
.how-it-work-section.style-3 .work-process-group .single-work-process .steps{
    position:absolute;
    right:-51px;
    top:20px
}
@media(max-width:1399px){
    .how-it-work-section.style-3 .work-process-group .single-work-process .steps{
        right:-28px
    }
}
@media(max-width:991px){
    .how-it-work-section.style-3 .work-process-group .single-work-process .steps{
        position:relative;
        right:unset;
        top:unset;
        margin-bottom:20px
    }
}
.how-it-work-section.style-3 .work-process-group .single-work-process .steps::before{
    content:"";
    position:absolute;
    right:30px;
    width:90px;
    height:1px;
    background-color:rgba(29,29,29,.07);
    top:50%;
    transform:translateY(-50%);
    z-index:-1
}
@media(max-width:991px){
    .how-it-work-section.style-3 .work-process-group .single-work-process .steps::before{
        display:none;
        visibility:hidden
    }
}
.how-it-work-section.style-3 .work-process-group .single-work-process .steps::after{
    content:"";
    position:absolute;
    left:30px;
    width:90px;
    height:1px;
    background-color:rgba(29,29,29,.07);
    top:50%;
    transform:translateY(-50%);
    z-index:-1
}
@media(max-width:991px){
    .how-it-work-section.style-3 .work-process-group .single-work-process .steps::after{
        display:none;
        visibility:hidden
    }
}
.how-it-work-section.style-3 .work-process-group .single-work-process .steps span{
    width:30px;
    height:30px;
    border-radius:50%;
    color:var(--black-color2);
    font-size:15px;
    font-family:var(--font-montserrat);
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(29,29,29,.2)
}
.how-it-work-section.style-3 .work-process-group .single-work-process:hover .icon{
    background-color:var(--white-color)
}
.how-it-work-section.style-4{
    background-image:url( );
    background-repeat:no-repeat;
    background-size:cover;
    background-position:right
}
.how-it-work-section.style-4 .work-process-group::after{
    display:none;
    visibility:hidden
}
.how-it-work-section.style-4 .work-process-group .single-work-process{
    position:relative;
    margin:unset
}
.how-it-work-section.style-4 .work-process-group .single-work-process .steps{
    position:absolute;
    right:-207px;
    top:20px
}
@media(max-width:1399px){
    .how-it-work-section.style-4 .work-process-group .single-work-process .steps{
        right:-171px
    }
}
@media(max-width:1199px){
    .how-it-work-section.style-4 .work-process-group .single-work-process .steps{
        right:-122px
    }
}
@media(max-width:991px){
    .how-it-work-section.style-4 .work-process-group .single-work-process .steps{
        display:none
    }
}
.how-it-work-section.style-4 .work-process-group .single-work-process .icon svg{
    fill:var(--primary-color1);
    transition:.35s
}
.how-it-work-section.style-4 .work-process-group .single-work-process:hover .icon svg{
    fill:var(--white-color)
}
.brief-history-section .brief-history-card{
    text-align:center
}
.brief-history-section .brief-history-card .brief-history-card-img{
    margin-bottom:40px
}
.brief-history-section .brief-history-card .brief-history-card-img img{
    border-radius:50%
}
.brief-history-section .brief-history-card .brief-history-card-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    line-height:1;
    margin-bottom:8px
}
.brief-history-section .brief-history-card .brief-history-card-content p{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    margin-bottom:0
}
.home2-testimonial-section .slider-btn-group2{
    max-width:90px;
    min-width:90px;
    width:100%
}
.home2-testimonial-section .rating{
    min-width:270px
}
.home2-testimonial-section .rating a{
    display:inline-block;
    border-radius:10px;
    border:1px solid #eee;
    padding:10px 20px 15px
}
.home2-testimonial-section .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.home2-testimonial-section .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.home2-testimonial-section .rating a .review-top .star ul li{
    line-height:1
}
.home2-testimonial-section .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.home2-testimonial-section .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.home2-testimonial-section .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    position:relative
}
.home2-testimonial-section .rating a .content ul li span{
    font-weight:600
}
.home2-testimonial-section .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--text-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.home2-testimonial-section .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.home2-testimonial-section .feedback-card{
    padding:40px 30px;
    background:#faf8fb;
    border-radius:10px;
    border:1px solid transparent;
    transition:.35s;
    border:1px solid rgba(238,238,238,.93)
}
.home2-testimonial-section .feedback-card .feedback-top{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:15px
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area{
    display:flex;
    flex-direction:column
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px;
    padding-top:7px;
    margin-bottom:5px
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area ul li{
    line-height:1
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area ul li i{
    font-style:13px;
    color:#dda701
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area img{
    margin-bottom:5px
}
.home2-testimonial-section .feedback-card .feedback-top .stat-area span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.home2-testimonial-section .feedback-card .feedback-top .services span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.home2-testimonial-section .feedback-card p{
    font-size:18px;
    font-weight:500;
    line-height:32px;
    color:var(--text-color);
    margin-bottom:15px
}
.home2-testimonial-section .feedback-card p strong{
    font-weight:700
}
.home2-testimonial-section .feedback-card .author-name{
    display:flex;
    align-items:center;
    gap:6px
}
.home2-testimonial-section .feedback-card .author-name h6{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:14px;
    line-height:17px;
    color:var(--title-color);
    padding-left:30px;
    position:relative
}
.home2-testimonial-section .feedback-card .author-name h6::after{
    content:"";
    height:1px;
    width:20px;
    background-color:var(--title-color);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.home2-testimonial-section .feedback-card .author-name span{
    color:var(--text-color);
    font-size:12px;
    font-family:var(--font-open-sans);
    font-weight:600
}
.home2-testimonial-section .feedback-card:hover{
    border-color:var(--primary-color1)
}
.home3-banner-area{
    position:relative
}
.home3-banner-area .banner-bg{
    height:840px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
@media(min-width:1400px) and (max-width:1599px){
    .home3-banner-area .banner-bg{
        height:650px
    }
}
@media(max-width:1399px){
    .home3-banner-area .banner-bg{
        height:650px
    }
}
.home3-banner-area .banner-wrapper{
    position:absolute;
    bottom:100px;
    z-index:9;
    width:100%;
    left:0;
    padding-left:10%;
    padding-right:10%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between
}
@media(min-width:1400px) and (max-width:1599px){
    .home3-banner-area .banner-wrapper{
        padding:0 3%
    }
}
@media(max-width:1399px){
    .home3-banner-area .banner-wrapper{
        padding:0 3%
    }
}
@media(max-width:991px){
    .home3-banner-area .banner-wrapper{
        flex-wrap:wrap;
        gap:50px
    }
}
.home3-banner-area .banner-wrapper .banner-content h1{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:75px;
    font-weight:700;
    line-height:1.1;
    margin-bottom:25px
}
@media(min-width:1400px) and (max-width:1599px){
    .home3-banner-area .banner-wrapper .banner-content h1{
        font-size:60px
    }
}
@media(max-width:1399px){
    .home3-banner-area .banner-wrapper .banner-content h1{
        font-size:60px
    }
}
@media(max-width:767px){
    .home3-banner-area .banner-wrapper .banner-content h1{
        font-size:55px
    }
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul li{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    position:relative;
    margin-right:25px;
    line-height:1
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul li:last-child{
    margin-right:0
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul li span{
    color:var(--primary-color1)
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul li::after{
    content:"";
    height:8px;
    width:8px;
    border-radius:50%;
    background-color:rgba(255,255,255,.4);
    position:absolute;
    left:-22px;
    top:50%;
    transform:translateY(-50%)
}
.home3-banner-area .banner-wrapper .banner-content .banner-feature ul li:first-child::after{
    display:none;
    visibility:hidden
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding-top:40px
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--white-color)
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--white-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review p strong{
    font-weight:600
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review p a{
    color:var(--white-color);
    text-decoration:underline;
    transition:.35s
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review p a strong{
    transition:.35s
}
.home3-banner-area .banner-wrapper .banner-content .trustpilot-review p a:hover{
    color:var(--primary-color1)
}
@media(max-width:767px){
    .home3-banner-area .banner-wrapper .slider-btn-group{
        display:none;
        visibility:hidden
    }
}
.home3-banner-area .banner-wrapper .slider-btn-group .slider-btn{
    min-width:34px;
    background-color:transparent;
    border-color:rgba(255,255,255,.5)
}
.home3-banner-area .banner-wrapper .slider-btn-group .slider-btn svg{
    fill:rgba(255,255,255,.5)
}
.home3-banner-area .banner-wrapper .slider-btn-group .slider-btn:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.home3-banner-area .banner-wrapper .slider-btn-group .slider-btn:hover svg{
    fill:var(--title-color)
}
.home3-banner-area .banner-wrapper .slider-btn-group .paginations{
    display:flex;
    align-items:center;
    gap:20px
}
.home3-banner-area .banner-wrapper .slider-btn-group .swiper-pagination-bullet{
    width:30px;
    height:3px;
    background-color:#d9d9d9;
    border-radius:10px;
    opacity:1
}
.home3-banner-area .banner-wrapper .slider-btn-group .swiper-pagination-bullet-active{
    background-color:var(--primary-color1)
}
.brand-category-section .slider-btn-group2,.home3-project-location-area .slider-btn-group2{
    max-width:90px;
    width:100%
}
.home3-about-section{
    background-image:url(../img/home3/about-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
@media(min-width:992px){
    .home3-about-section .about-content-wrap{
        padding-right:35px
    }
}
.home3-about-section .about-content-wrap>h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:17px;
    font-weight:600;
    line-height:30px;
    padding-top:20px;
    margin-bottom:5px
}
.home3-about-section .about-content-wrap p{
    color:var(--text-color);
    line-height:30px
}
.home3-about-section .about-content-wrap .author-area{
    padding-top:20px
}
.home3-about-section .about-content-wrap .author-area img{
    margin-bottom:15px
}
.home3-about-section .about-content-wrap .author-area .author-name-deg{
    line-height:1
}
.home3-about-section .about-content-wrap .author-area .author-name-deg h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:5px
}
.home3-about-section .about-content-wrap .author-area .author-name-deg span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
@media(max-width:991px){
    .home3-about-section .office-location-area{
        max-width:635px;
        width:100%
    }
}
.home3-about-section .office-location-area .slider-btn-group2{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:9;
    width:95%
}
.home3-about-section .office-location-area .slider-btn-group2 .slider-btn{
    background-color:rgba(239,185,63,.4)
}
.home3-about-section .office-location-area .slider-btn-group2 .slider-btn svg{
    fill:var(--white-color)
}
.home3-about-section .office-location-area .slider-btn-group2 .slider-btn:hover{
    background-color:var(--primary-color1)
}
.home3-about-section .office-location-area .about-img-wrap{
    position:relative;
    display:flex;
    align-items:center;
    gap:24px;
    margin-bottom:24px
}
.home3-about-section .office-location-area .about-img-wrap .logo-area{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-36%,-50%);
    height:102px;
    width:102px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3
}
.home3-about-section .office-location-area .about-img-wrap .logo-area::after{
    content:"";
    background-color:#16191e;
    border:0px solid var(--primary-color1);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:rotate(45deg);
    z-index:-1;
    border-radius:50px
}
.home3-about-section .office-location-area .office-address{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap
}
.home3-about-section .office-location-area .office-address h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    margin-bottom:0;
    position:relative;
    padding-right:40px
}
.home3-about-section .office-location-area .office-address h6::after{
    content:"";
    height:1px;
    width:20px;
    background-color:#d9d9d9;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10px
}
.home3-about-section .office-location-area .office-address a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.home3-about-section .our-activetis{
    padding:40px 0 0;
    border-top:1px solid rgba(19,20,26,.1)
}
.home3-about-section .our-activetis .divider{
    position:relative
}
.home3-about-section .our-activetis .divider::after{
    height:41px;
    width:1px;
    background-color:rgba(29,29,29,.16);
    position:absolute;
    right:0;
    top:50%;
    left:unset;
    transform:translateY(-50%)
}
@media(max-width:767px){
    .home3-about-section .our-activetis .divider::after{
        display:none;
        visibility:hidden
    }
}
.home3-about-section .our-activetis .single-activiti{
    display:flex;
    align-items:center;
    gap:20px
}
.home3-about-section .our-activetis .single-activiti .content .number{
    display:flex;
    align-items:center;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:20px;
    line-height:24px;
    color:var(--title-color);
    margin-bottom:4px
}
.home3-about-section .our-activetis .single-activiti .content .number h5{
    margin-bottom:0;
    line-height:1
}
.home3-about-section .our-activetis .single-activiti .content p{
    margin-bottom:0;
    color:var(--text-color);
    line-height:22px
}
.home3-apartment-type-section .single-category3{
    padding:25px;
    border:1px solid transparent;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px;
    border-radius:29px;
    transition:.35s
}
.home3-apartment-type-section .single-category3 .brand-icon{
    width:104px;
    height:104px;
    border-radius:50%;
    background-color:#faf8fb;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    margin-left:auto;
    margin-right:auto
}
.home3-apartment-type-section .single-category3 .brand-icon svg{
    fill:var(--title-color);
    transition:.35s
}
.home3-apartment-type-section .single-category3 .category-content{
    text-align:center
}
.home3-apartment-type-section .single-category3 .category-content h6{
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:0;
    line-height:1
}
.home3-apartment-type-section .single-category3 .category-content span{
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}
.home3-apartment-type-section .single-category3:hover{
    border:1px solid var(--primary-color1)
}
.home3-apartment-type-section .single-category3:hover .brand-icon svg{
    fill:var(--primary-color1)
}
.home3-featured-projects-area{
    padding-left:8%;
    padding-right:8%
}
@media(max-width:1699px){
    .home3-featured-projects-area{
        padding-left:3%;
        padding-right:3%
    }
}
@media(max-width:1399px){
    .home3-featured-projects-area{
        padding-left:2%;
        padding-right:2%
    }
}
.product-card3{
    transition:.35s;
    position:relative
}
.product-card3 .product-img{
    position:relative;
    transition:.35s
}
.product-card3 .product-img .batch{
    line-height:1.5;
    position:absolute;
    left:20px;
    top:20px;
    z-index:2
}
.product-card3 .product-img .batch span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    background-color:var(--primary-color1);
    border-radius:5px;
    padding:4px 12px
}
.product-card3 .product-img .batch span.red{
    background-color:#ff5e3a;
    color:#fff
}
.product-card3 .product-img .batch span.black{
    background-color:var(--title-color);
    color:#fff
}
.product-card3 .product-img .fav{
    position:absolute;
    top:17px;
    right:20px;
    z-index:2;
    transition:.35s;
    line-height:1;
    height:30px;
    width:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--white-color)
}
.product-card3 .product-img .fav svg{
    fill:var(--title-color);
    transition:.35s
}
.product-card3 .product-img .fav:hover{
    background-color:var(--primary-color1)
}
.product-card3 .product-img .slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    transition:.35s;
    opacity:0
}
.product-card3 .product-img .slider-btn-group .swiper-arrow{
    height:26px;
    width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(19,20,26,.6);
    cursor:pointer;
    transition:.35s
}
.product-card3 .product-img .slider-btn-group .swiper-arrow svg{
    fill:var(--white-color);
    transition:.35s
}
.product-card3 .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--primary-color1)
}
.product-card3 .product-img::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50.27%);
    transition:.35s;
    opacity:0
}
@media(max-width:767px){
    .product-card3 .product-img img{
        width:100%
    }
}
.product-card3 .product-content{
    padding:20px 0 0
}
@media(max-width:1499px){
    .product-card3 .product-content{
        padding:20px 10px 0
    }
}
.product-card3 .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:16px;
    position:relative
}
@media(max-width:1699px){
    .product-card3 .product-content .features{
        gap:15px
    }
}
@media(max-width:1399px){
    .product-card3 .product-content .features{
        gap:5px;
        flex-wrap:wrap
    }
}
.product-card3 .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color)
}
@media(max-width:1499px){
    .product-card3 .product-content .features li{
        font-size:12px
    }
}
@media(max-width:1399px){
    .product-card3 .product-content .features li{
        padding-right:5px
    }
}
.product-card3 .product-content .features li svg{
    fill:var(--text-color)
}
.product-card3 .product-content h5{
    margin-bottom:0;
    line-height:1
}
.product-card3 .product-content h5 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:1.2;
    color:var(--title-color);
    transition:.35s
}
.product-card3 .product-content h5 a:hover{
    color:var(--primary-color1)
}
.product-card3 .product-content .price-location{
    display:flex;
    align-items:center;
    gap:30px;
    line-height:1;
    margin-bottom:10px
}
.product-card3 .product-content .price-location .price{
    line-height:1;
    position:relative
}
.product-card3 .product-content .price-location .price::after{
    content:"";
    height:13px;
    width:1px;
    background-color:rgba(19,20,26,.3);
    position:absolute;
    right:-15px;
    top:50%;
    transform:translateY(-50%)
}
.product-card3 .product-content .price-location .price strong{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:20px;
    line-height:1;
    color:var(--title-color)
}
.product-card3 .product-content .price-location .location{
    line-height:1
}
.product-card3 .product-content .price-location .location a{
    display:flex;
    align-items:center;
    gap:4px;
    line-height:1;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    color:var(--title-color)
}
.product-card3.style-2 .product-content{
    padding:22px 0 0;
    position:relative
}
@media(max-width:1499px){
    .product-card3.style-2 .product-content{
        padding:22px 10px 0
    }
}
.product-card3.style-2 .product-content h5{
    margin-bottom:7px
}
.product-card3.style-2 .product-content h5 a{
    font-size:18px;
    color:var(--title-color)
}
.product-card3.style-2 .product-content h5 a:hover{
    color:var(--primary-color1)
}
.product-card3.style-2 .product-content .price-tag{
    line-height:1;
    margin-bottom:10px
}
.product-card3.style-2 .product-content .price-tag span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.product-card3.style-2 .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:16px;
    position:relative;
    border-top:1px solid #eee;
    padding-top:12px
}
@media(max-width:1699px){
    .product-card3.style-2 .product-content .features{
        gap:15px
    }
}
@media(max-width:1399px){
    .product-card3.style-2 .product-content .features{
        gap:5px;
        flex-wrap:wrap
    }
}
.product-card3.style-2 .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color)
}
@media(max-width:1499px){
    .product-card3.style-2 .product-content .features li{
        font-size:12px
    }
}
@media(max-width:1399px){
    .product-card3.style-2 .product-content .features li{
        padding-right:5px
    }
}
.product-card3.style-2 .product-content .features li svg{
    fill:var(--text-color)
}
.product-card3.style-3 .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:16px;
    position:relative;
    padding-top:10px
}
@media(max-width:1699px){
    .product-card3.style-3 .features{
        gap:15px
    }
}
@media(max-width:1399px){
    .product-card3.style-3 .features{
        gap:5px;
        flex-wrap:wrap
    }
}
.product-card3.style-3 .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color)
}
@media(max-width:1499px){
    .product-card3.style-3 .features li{
        font-size:12px
    }
}
@media(max-width:1399px){
    .product-card3.style-3 .features li{
        padding-right:5px
    }
}
.product-card3.style-3 .features li svg{
    fill:var(--text-color)
}
.product-card3.style-4 .product-img::after{
    display:none
}
.product-card3.style-4 .product-content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}
.product-card3:hover{
    border-color:var(--primary-color1)
}
.product-card3:hover .product-img .slider-btn-group{
    opacity:1
}
.product-card3:hover .product-img::after{
    opacity:1
}
.home3-recent-launched-section .slider-btn-group2{
    max-width:90px;
    min-width:90px;
    width:100%
}
.home3-recent-launched-section .tab-and-slider-btn-group{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative
}
.home3-recent-launched-section .tab-and-slider-btn-group .slider-btn-group2{
    position:relative
}
@media(max-width:576px){
    .home3-recent-launched-section .tab-and-slider-btn-group .slider-btn-group2{
        display:none;
        visibility:hidden
    }
}
.home3-recent-launched-section .tab-and-slider-btn-group .slider-btn-group2::after{
    content:"";
    width:1px;
    height:34px;
    opacity:.2;
    background:#16191e;
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.home3-recent-launched-section .nav-tabs{
    border-bottom:unset;
    flex-wrap:nowrap;
    gap:20px
}
@media(max-width:767px){
    .home3-recent-launched-section .nav-tabs{
        flex-wrap:wrap
    }
}
.home3-recent-launched-section .nav-tabs li{
    padding:0
}
.home3-recent-launched-section .nav-tabs li button{
    padding:8px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:14px;
    color:var(--title-color);
    border-radius:0;
    border:1px solid rgba(22,25,30,.15);
    border-radius:50px
}
.home3-recent-launched-section .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.home3-inner-banner{
    background-color:var(--title-color);
    padding:90px 0;
    display:flex;
    align-items:center;
    position:relative
}
@media(max-width:991px){
    .home3-inner-banner{
        padding:50px 0
    }
}
.home3-inner-banner .section-title-2 h2{
    color:var(--white-color)
}
.home3-inner-banner .section-title-2 p{
    color:var(--white-color);
    margin-bottom:40px
}
.home3-inner-banner .section-title-2 .primary-btn3{
    border-radius:0;
    padding:17px 25px
}
.home3-inner-banner .inner-banner-img{
    position:absolute;
    right:0;
    bottom:0
}
@media(max-width:1399px){
    .home3-inner-banner .inner-banner-img{
        max-width:550px
    }
}
@media(max-width:1199px){
    .home3-inner-banner .inner-banner-img{
        display:none;
        visibility:hidden
    }
}
.home3-testimonial-area{
    position:relative;
    padding:100px 0 0
}
@media(max-width:991px){
    .home3-testimonial-area{
        padding:0
    }
}
@media(max-width:767px){
    .home3-testimonial-area .slider-btn{
        display:none;
        visibility:hidden
    }
}
.home3-testimonial-area .sm-img-group{
    margin:0;
    padding:0;
    list-style:none
}
@media(max-width:991px){
    .home3-testimonial-area .sm-img-group{
        display:none;
        visibility:hidden
    }
}
.home3-testimonial-area .sm-img-group li{
    position:absolute
}
.home3-testimonial-area .sm-img-group li img{
    border-radius:50%
}
.home3-testimonial-area .sm-img-group li:nth-child(1){
    top:0;
    left:20%
}
.home3-testimonial-area .sm-img-group li:nth-child(1) img{
    width:92px;
    height:92px
}
.home3-testimonial-area .sm-img-group li:nth-child(2){
    top:0;
    right:20%
}
.home3-testimonial-area .sm-img-group li:nth-child(2) img{
    width:74px;
    height:74px
}
.home3-testimonial-area .sm-img-group li:nth-child(3){
    right:8%;
    top:18%
}
.home3-testimonial-area .sm-img-group li:nth-child(3) img{
    width:54px;
    height:54px
}
.home3-testimonial-area .sm-img-group li:nth-child(4){
    left:8%;
    bottom:30%
}
.home3-testimonial-area .sm-img-group li:nth-child(4) img{
    width:68px;
    height:68px
}
.home3-testimonial-area .sm-img-group li:nth-child(5){
    bottom:23%;
    left:25%
}
@media(max-width:1399px){
    .home3-testimonial-area .sm-img-group li:nth-child(5){
        display:none;
        visibility:hidden
    }
}
.home3-testimonial-area .sm-img-group li:nth-child(5) img{
    width:54px;
    height:54px
}
.home3-testimonial-area .sm-img-group li:nth-child(6){
    right:11%;
    bottom:12%
}
.home3-testimonial-area .sm-img-group li:nth-child(6) img{
    width:90px;
    height:90px
}
.home3-testimonial-area .testimonial-slider3{
    max-width:740px;
    width:100%;
    margin:0 auto 50px
}
.home3-testimonial-area .testimonial-wrap .author-image-area{
    height:85px;
    width:85px;
    border-radius:50%;
    border:1px solid var(--title-color);
    position:relative;
    display:flex;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px
}
.home3-testimonial-area .testimonial-wrap .author-image-area .quat{
    height:26px;
    width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--title-color);
    background-color:var(--white-color);
    position:absolute;
    right:-13px;
    top:25%
}
.home3-testimonial-area .testimonial-wrap .author-image-area>img{
    height:79px;
    width:79px;
    border-radius:50%
}
.home3-testimonial-area .testimonial-wrap .review{
    margin-bottom:10px
}
.home3-testimonial-area .testimonial-wrap .review h6{
    color:#13141a;
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:700;
    margin-bottom:0;
    padding-top:3px
}
.home3-testimonial-area .testimonial-wrap .content{
    margin-bottom:15px
}
.home3-testimonial-area .testimonial-wrap .content p{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:22px;
    font-weight:400;
    line-height:36px;
    margin-bottom:0
}
@media(max-width:576px){
    .home3-testimonial-area .testimonial-wrap .content p{
        font-sizw:20px;
        line-height:33px
    }
}
.home3-testimonial-area .testimonial-wrap .author-name h5{
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.home3-testimonial-area .trustpilot-review{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
}
.home3-testimonial-area .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--black-color)
}
.home3-testimonial-area .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--text-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.home3-testimonial-area .trustpilot-review p strong{
    font-weight:600
}
.home3-testimonial-area .trustpilot-review p a{
    color:var(--text-color);
    text-decoration:underline
}
.home4-banner-area{
    background-image:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.25) 100%),url(../img/home4/hme4-banner-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    padding:277px 0 215px;
    display:flex;
    align-items:center;
    position:relative
}
@media(max-width:1399px){
    .home4-banner-area{
        padding:210px 0 145px
    }
}
.home4-banner-area .banner-content{
    max-width:705px;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.home4-banner-area .banner-content h6{
    margin-bottom:20px;
    color:var(--primary-color1);
    font-family:var(--font-open-sans);
    font-size:18px;
    font-weight:600;
    display:inline-block
}
.home4-banner-area .banner-content h1,.home4-banner-area .banner-content h2{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:70px;
    line-height:1.11;
    color:var(--white-color);
    margin-bottom:20px
}
@media(max-width:1399px){
    .home4-banner-area .banner-content h1,.home4-banner-area .banner-content h2{
        font-size:60px
    }
}
@media(max-width:576px){
    .home4-banner-area .banner-content h1,.home4-banner-area .banner-content h2{
        font-size:50px
    }
}
.home4-banner-area .banner-content p{
    font-size:18px;
    color:var(--white-color);
    line-height:34px;
    margin-bottom:0
}
.home4-banner-area .banner-content .banner-content-bottom{
    padding-top:45px;
    display:flex;
    justify-content:center;
    gap:55px
}
@media(max-width:576px){
    .home4-banner-area .banner-content .banner-content-bottom{
        flex-wrap:wrap;
        gap:15px
    }
}
.home4-banner-area .banner-content .banner-content-bottom .view-dt-btn{
    display:flex;
    align-items:center
}
.home4-banner-area .banner-content .banner-content-bottom .rating{
    line-height:1
}
.home4-banner-area .banner-content .banner-content-bottom .rating a{
    display:inline-block
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li{
    line-height:1
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--white-color);
    position:relative
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .content ul li span{
    font-weight:600
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--white-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.home4-banner-area .banner-content .banner-content-bottom .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.explore-more-btn a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    transition:.35s;
    white-space:nowrap
}
.explore-more-btn a:hover{
    color:var(--primary-color1)
}
.explore-more-btn.two{
    position:relative
}
.explore-more-btn.two::after{
    content:"";
    width:1px;
    height:34px;
    background-color:rgba(0,0,0,.2);
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:1199px){
    .explore-more-btn.three::after{
        display:none;
        visibility:hidden
    }
}
.home4-apartment-type .car-category{
    border-radius:10px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
    padding:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.35s
}
@media(max-width:576px){
    .home4-apartment-type .car-category{
        padding:25px 20px
    }
}
.home4-apartment-type .car-category:hover{
    border:1px solid var(--primary-color1)
}
.home4-apartment-type .car-category .icon{
    margin-bottom:20px
}
.home4-apartment-type .car-category .content{
    line-height:1
}
.home4-apartment-type .car-category .content h6{
    color:var(--title-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:2px;
    line-height:20px
}
.home4-apartment-type .car-category .content span{
    color:var(--text-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:0;
    line-height:20px
}
@media(min-width:992px){
    .home4-about-section .about-content-wrap{
        padding-right:35px
    }
}
.home4-about-section .about-content-wrap>h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:17px;
    font-weight:600;
    line-height:30px;
    padding-top:20px;
    margin-bottom:5px
}
.home4-about-section .about-content-wrap p{
    color:var(--text-color);
    line-height:30px
}
.home4-about-section .about-content-wrap .about-features{
    margin:0;
    padding:0;
    list-style:none;
    padding-top:15px;
    margin-bottom:50px
}
.home4-about-section .about-content-wrap .about-features .single-features{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    transition:.35s;
    position:relative;
    padding:20px 0
}
.home4-about-section .about-content-wrap .about-features .single-features::after,.home4-about-section .about-content-wrap .about-features .single-features::before{
    content:"";
    height:1px;
    width:100%;
    background:linear-gradient(90deg,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    bottom:0
}
.home4-about-section .about-content-wrap .about-features .single-features::before{
    bottom:unset;
    top:0
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content{
    display:flex;
    align-items:center;
    gap:15px
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .icon{
    line-height:1;
    transition:.35s
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .icon svg{
    fill:var(--title-color);
    transition:.35s
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .icon svg .vector{
    fill:rgba(22,25,30,.1)
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .content{
    line-height:1
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .content h6{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.home4-about-section .about-content-wrap .about-features .single-features .icon-content .content p{
    font-size:14px;
    line-height:22px;
    color:var(--text-color);
    margin-bottom:0
}
.home4-about-section .about-content-wrap .about-features .single-features .sent-btn a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#faf8fb;
    border-radius:50%;
    transition:.35s
}
.home4-about-section .about-content-wrap .about-features .single-features .sent-btn a svg{
    fill:var(--title-color)
}
.home4-about-section .about-content-wrap .about-features .single-features:hover .icon-content .icon svg{
    fill:var(--primary-color1)
}
.home4-about-section .about-content-wrap .about-features .single-features:hover .icon-content .icon svg .vector{
    fill:var(--primary-color1)
}
.home4-about-section .about-content-wrap .about-features .single-features:hover .sent-btn a{
    background-color:var(--primary-color1)
}
.home4-about-section .about-content-wrap .author-and-exp-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    transform:translateX(-50%);
    width:100%
}
@media(max-width:1399px){
    .home4-about-section .about-content-wrap .author-and-exp-area{
        transform:translateX(-62%)
    }
}
@media screen and (max-width:1300px){
    .home4-about-section .about-content-wrap .author-and-exp-area{
        transform:translateX(-70%)
    }
}
@media(max-width:1199px){
    .home4-about-section .about-content-wrap .author-and-exp-area{
        flex-wrap:wrap;
        transform:unset;
        gap:20px
    }
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area{
    min-width:649px;
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    padding:30px 40px;
    position:relative
}
@media(max-width:1199px){
    .home4-about-section .about-content-wrap .author-and-exp-area .author-area{
        min-width:100%
    }
}
@media(max-width:576px){
    .home4-about-section .about-content-wrap .author-and-exp-area .author-area{
        padding:30px 25px
    }
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area:before{
    content:"";
    width:4px;
    height:100%;
    background-color:var(--primary-color1);
    border-radius:5px 0 0 5px;
    position:absolute;
    left:-1px;
    top:0
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area p{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    line-height:30px;
    margin-bottom:12px
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span{
    display:inline-block;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    padding-left:55px;
    position:relative;
    line-height:1.5
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span::before{
    content:"";
    width:40px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.home4-about-section .about-content-wrap .author-and-exp-area .author-area .name-deg span strong{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    display:inline-block;
    padding-right:5px
}
.home4-about-section .about-content-wrap .author-and-exp-area .exp-area .number h2{
    background-image:url(../img/home1/about-text-bg.png);
    background-position:center;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-family:var(--font-montserrat);
    font-size:150px;
    font-weight:800;
    line-height:1
}
.home4-about-section .about-content-wrap .author-and-exp-area .exp-area h5{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    line-height:30px;
    margin-left:118px;
    margin-top:-56px;
    width:100%
}
@media(max-width:767px){
    .home4-about-section .about-content-wrap .author-and-exp-area .exp-area h5{
        width:unset
    }
}
.home4-about-section .about-content-wrap .author-and-exp-area .exp-area h5 span{
    color:var(--white-color)
}
.home4-about-section .about-img-wrap{
    margin-bottom:30px
}
.home4-about-section .about-img-wrap img{
    border-radius:10px
}
.home4-about-section .slider-btn-group2{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:9;
    width:95%
}
.home4-about-section .slider-btn-group2 .slider-btn{
    background-color:rgba(239,185,63,.4)
}
.home4-about-section .slider-btn-group2 .slider-btn svg{
    fill:var(--white-color)
}
.home4-about-section .slider-btn-group2 .slider-btn:hover{
    background-color:var(--primary-color1)
}
.home4-about-section .activetis{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    line-height:1;
    min-width:630px;
    position:relative;
    padding:20px 0
}
@media(max-width:1199px){
    .home4-about-section .activetis{
        min-width:100%;
        padding:20px;
        flex-wrap:wrap;
        justify-content:space-around
    }
}
.home4-about-section .activetis::before{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    top:0
}
.home4-about-section .activetis::after{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    bottom:0
}
.home4-about-section .activetis .single-activiti{
    display:flex;
    align-items:center;
    gap:16px;
    line-height:1
}
.home4-about-section .activetis .single-activiti .content .number{
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    display:flex;
    align-items:center;
    margin-bottom:8px
}
.home4-about-section .activetis .single-activiti .content .number h5{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700
}
.home4-about-section .activetis .single-activiti .content .number span{
    line-height:1
}
.home4-about-section .activetis .single-activiti .content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    margin-bottom:0;
    line-height:22px
}
.product-card4{
    padding:10px;
    border-radius:10px;
    background:#fff;
    border:1px solid #eee;
    transition:.35s;
    position:relative
}
.product-card4 .product-img{
    position:relative;
    transition:.35s
}
.product-card4 .product-img .batch{
    line-height:1.5;
    position:absolute;
    left:20px;
    top:20px;
    z-index:2
}
.product-card4 .product-img .batch span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    background-color:var(--primary-color1);
    border-radius:5px;
    padding:4px 12px
}
.product-card4 .product-img .batch span.red{
    background-color:#ff5e3a;
    color:#fff
}
.product-card4 .product-img .batch span.black{
    background-color:var(--title-color);
    color:#fff
}
.product-card4 .product-img .fav{
    position:absolute;
    top:17px;
    right:20px;
    z-index:2;
    transition:.35s;
    line-height:1;
    height:30px;
    width:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--white-color)
}
.product-card4 .product-img .fav svg{
    fill:var(--title-color);
    transition:.35s
}
.product-card4 .product-img .fav:hover{
    background-color:var(--primary-color1)
}
.product-card4 .product-img .slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    transition:.35s;
    opacity:0
}
.product-card4 .product-img .slider-btn-group .swiper-arrow{
    height:26px;
    width:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(19,20,26,.6);
    cursor:pointer;
    transition:.35s
}
.product-card4 .product-img .slider-btn-group .swiper-arrow svg{
    fill:var(--white-color);
    transition:.35s
}
.product-card4 .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--primary-color1)
}
.product-card4 .product-img::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50.27%);
    transition:.35s;
    opacity:0;
    border-radius:5px 5px 0 0
}
.product-card4 .product-img img{
    border-radius:5px 5px 0 0
}
@media(max-width:767px){
    .product-card4 .product-img img{
        width:100%
    }
}
.product-card4 .product-content{
    padding:25px 15px 15px
}
@media(max-width:1499px){
    .product-card4 .product-content{
        padding:25px 10px 15px
    }
}
.product-card4 .product-content .location{
    margin-bottom:7px
}
.product-card4 .product-content .location a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    line-height:1;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px;
    transition:.35s
}
.product-card4 .product-content .location a:hover{
    color:var(--primary-color1)
}
.product-card4 .product-content h6{
    margin-bottom:14px
}
.product-card4 .product-content h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    transition:.35s
}
.product-card4 .product-content h6 a:hover{
    color:var(--primary-color1)
}
.product-card4 .product-content .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    position:relative;
    padding-bottom:15px;
    padding-top:12px;
    margin-bottom:30px;
    flex-wrap:wrap
}
.product-card4 .product-content .features::after{
    content:"";
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0.2) 100%);
    position:absolute;
    left:50%;
    height:1px;
    width:100%;
    bottom:0;
    transform:translateX(-50%)
}
.product-card4 .product-content .features::before{
    content:"";
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0.2) 100%);
    position:absolute;
    left:50%;
    height:1px;
    width:100%;
    top:0;
    transform:translateX(-50%)
}
.product-card4 .product-content .features li{
    display:flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:18px;
    color:var(--text-color);
    margin-right:15px
}
@media(max-width:1499px){
    .product-card4 .product-content .features li{
        font-size:12px
    }
}
.product-card4 .product-content .button-and-price{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.product-card4 .product-content .button-and-price .primary-btn3{
    font-size:14px;
    font-family:var(--font-montserrat);
    padding:13px 17px
}
.product-card4 .product-content .button-and-price .price-area{
    line-height:1;
    position:relative;
    padding-left:12px
}
.product-card4 .product-content .button-and-price .price-area span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:10px
}
.product-card4 .product-content .button-and-price .price-area h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:700;
    margin-bottom:0;
    line-height:1
}
.product-card4 .product-content .button-and-price .price-area del{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    padding-top:8px;
    display:inline-block
}
.product-card4.style-2 .product-content h6{
    margin-bottom:0
}
.product-card4.style-2 .product-content .exp-date{
    display:flex
}
.product-card4.style-2 .product-content .exp-date p{
    margin-bottom:14px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}
.product-card4.style-2 .product-content .exp-date p span{
    color:var(--title-color);
    display:inline-block;
    padding-left:40px;
    position:relative
}
.product-card4.style-2 .product-content .exp-date p span::after{
    content:"";
    height:2px;
    width:20px;
    opacity:.200000003;
    background:#5e5e5e;
    position:absolute;
    top:50%;
    left:10px
}
.product-card4.style-2 .product-content .button-and-price .primary-btn3{
    font-size:15px;
    font-family:var(--font-montserrat);
    padding:5px 18px
}
.product-card4:hover{
    border-color:var(--primary-color1)
}
.product-card4:hover .product-img .number-of-img{
    opacity:1
}
.product-card4:hover .product-img .fav{
    opacity:1
}
.product-card4:hover .product-img .slider-btn-group{
    opacity:1
}
.product-card4:hover .product-img::after{
    opacity:1
}
.product-card4.style-3 .product-img{
    position:relative;
    transition:.35s
}
.product-card4.style-3 .product-img .fav:hover{
    background-color:var(--title-color)
}
.product-card4.style-3 .product-img .fav:hover svg{
    fill:var(--white-color)
}
.product-card4.style-3 .product-img .slider-btn-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    transition:.35s;
    opacity:0
}
.product-card4.style-3 .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--title-color)
}
.product-card4.style-3 .product-content .location a:hover{
    color:var(--title-color)
}
.product-card4.style-3 .product-content h6 a:hover{
    color:var(--title-color)
}
.product-card4.style-3 .product-content .button-and-price .primary-btn7{
    padding:11px 14px
}
.product-card4.style-3:hover{
    border-color:var(--title-color)
}
.product-card4.style-3:hover .product-img .number-of-img{
    opacity:1
}
.product-card4.style-3:hover .product-img .fav{
    opacity:1
}
.product-card4.style-3:hover .product-img .slider-btn-group{
    opacity:1
}
.product-card4.style-3:hover .product-img::after{
    opacity:1
}
.slider-btn-pagination{
    display:flex;
    align-items:center;
    gap:15px
}
.slider-btn-pagination .slider-btn{
    line-height:1
}
.slider-btn-pagination .slider-btn i{
    line-height:1;
    font-size:24px;
    vertical-align:-webkit-baseline-middle;
    color:var(--title-color);
    transition:.35s
}
.slider-btn-pagination .slider-btn i:hover{
    color:var(--primary-color1)
}
.slider-btn-pagination .pagination{
    width:unset
}
.slider-btn-pagination .pagination .swiper-pagination-bullet{
    height:8px;
    width:8px;
    background-color:#e9e9e9;
    opacity:1
}
.slider-btn-pagination .pagination .swiper-pagination-bullet-active{
    height:10px;
    width:10px;
    background-color:var(--primary-color1)
}
.home4-featured-project-section{
    background:#faf8fb
}
.used-car-filter-area ul{
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:none
}
.used-car-filter-area ul li .nav-link{
    padding:0;
    border:none;
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    border-radius:25px;
    padding:10px 20px;
    line-height:1
}
.used-car-filter-area ul li .nav-link.active{
    background-color:var(--title-color);
    color:var(--white-color)
}
.home4-recent-project-area .tab-and-slider-btn-group{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    flex-wrap:wrap
}
@media(max-width:576px){
    .home4-recent-project-area .tab-and-slider-btn-group{
        gap:20px
    }
}
.home4-recent-project-area .tab-and-slider-btn-group .explore-more-btn{
    position:relative
}
.home4-recent-project-area .tab-and-slider-btn-group .explore-more-btn::after{
    content:"";
    width:1px;
    height:34px;
    opacity:.2;
    background:#16191e;
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:576px){
    .home4-recent-project-area .tab-and-slider-btn-group .explore-more-btn::after{
        display:none;
        visibility:hidden
    }
}
.home4-recent-project-area .nav-tabs{
    border-bottom:unset;
    flex-wrap:nowrap;
    gap:5px
}
@media(max-width:767px){
    .home4-recent-project-area .nav-tabs{
        flex-wrap:wrap
    }
}
.home4-recent-project-area .nav-tabs li{
    padding:0
}
.home4-recent-project-area .nav-tabs li button{
    padding:8px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:14px;
    color:var(--title-color);
    border-radius:0;
    border:1px solid transparent;
    border-radius:50px
}
.home4-recent-project-area .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.home4-inner-banner-section{
    background:#13141a;
    position:relative
}
.home4-inner-banner-section .section-title-2{
    max-width:600px;
    width:100%
}
.home4-inner-banner-section .section-title-2 h2{
    color:var(--white-color);
    margin-bottom:12px
}
.home4-inner-banner-section .section-title-2 p{
    color:var(--white-color);
    margin-bottom:40px
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info{
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:576px){
    .home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info{
        flex-direction:column;
        align-items:flex-start;
        gap:20px
    }
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .primary-btn3{
    color:var(--title-color);
    padding:15px 21px
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .primary-btn3 svg{
    fill:var(--title-color)
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .primary-btn3:hover::after{
    background-color:var(--white-color)
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info>span{
    color:rgba(255,255,255,.5);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .icon{
    position:relative
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .icon::after{
    content:"";
    width:1px;
    height:40px;
    background-color:rgba(255,255,255,.2);
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%)
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .icon svg{
    fill:var(--primary-color1)
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .content{
    line-height:1
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .content span{
    color:#b3b3b3;
    font-size:14px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:10px
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6 a{
    color:var(--primary-color1);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1;
    transition:.35s
}
.home4-inner-banner-section .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6 a:hover{
    color:var(--white-color)
}
.home4-inner-banner-section .inner-banner-img{
    position:absolute;
    right:0;
    bottom:0
}
@media(max-width:1399px){
    .home4-inner-banner-section .inner-banner-img{
        max-width:600px
    }
}
@media(max-width:1199px){
    .home4-inner-banner-section .inner-banner-img{
        display:none;
        visibility:hidden
    }
}
.home4-inner-banner-section .inner-banner-img2{
    position:relative;
    z-index:1;
    width:100%
}
@media(max-width:1199px){
    .home4-inner-banner-section .inner-banner-img2{
        display:none;
        visibility:hidden
    }
}
.home4-inner-banner-section .inner-banner-img2 .banner-img{
    position:absolute;
    bottom:-78px;
    right:0;
    z-index:2
}
@media(max-width:1199px){
    .home4-inner-banner-section .inner-banner-img2 .banner-img{
        display:none;
        visibility:hidden
    }
}
.home4-inner-banner-section .inner-banner-img2::after{
    content:"";
    width:304px;
    height:304px;
    border-radius:304px;
    background:#2d2929;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:-1
}
.home4-inner-banner-section.style-2{
    background-color:transparent;
    height:375px;
    display:flex;
    align-items:center
}
@media(max-width:1199px){
    .home4-inner-banner-section.style-2{
        height:unset;
        background-color:var(--black-color2);
        padding:80px 0
    }
}
.home4-inner-banner-section.style-2::after{
    content:"";
    height:100%;
    width:100%;
    background-color:var(--black-color2);
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1
}
@media(max-width:1199px){
    .home4-inner-banner-section.style-2::after{
        display:none;
        visibility:hidden
    }
}
.home4-inner-banner-section.style-2 .section-title-2{
    max-width:600px;
    width:100%
}
.home4-inner-banner-section.style-2 .section-title-2 h2{
    color:var(--white-color);
    margin-bottom:12px
}
.home4-inner-banner-section.style-2 .section-title-2 p{
    color:var(--white-color);
    margin-bottom:40px
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info{
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:576px){
    .home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info{
        flex-direction:column;
        align-items:flex-start;
        gap:20px
    }
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .primary-btn6{
    background-color:transparent;
    border:1px solid rgba(255,255,255,.3);
    color:var(--white-color);
    padding:9px 24px
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .primary-btn6 svg{
    fill:var(--white-color)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .primary-btn6:hover{
    color:var(--title-color)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .primary-btn6:hover svg{
    fill:var(--title-color)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .primary-btn6:hover::after{
    background-color:var(--white-color)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info>span{
    color:rgba(255,255,255,.5);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area{
    display:flex;
    align-items:center;
    gap:20px
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .icon{
    position:relative
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .icon::after{
    content:"";
    width:1px;
    height:40px;
    background-color:rgba(255,255,255,.2);
    position:absolute;
    right:-11px;
    top:50%;
    transform:translateY(-50%)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .icon svg{
    fill:var(--white-color)
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .content{
    line-height:1
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .content span{
    color:#b3b3b3;
    font-size:13px;
    font-family:var(--font-open-sans);
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:10px
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6{
    margin-bottom:0;
    line-height:1
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6 a{
    color:var(--white-color);
    font-size:20px;
    font-family:var(--font-montserrat);
    font-weight:600;
    line-height:1;
    transition:.35s
}
.home4-inner-banner-section.style-2 .section-title-2 .sell-btn-and-contact-info .hotline-area .content h6 a:hover{
    color:var(--white-color)
}
.home5-banner-area{
    position:relative;
    border-radius:30px
}
@media(max-width:767px){
    .home5-banner-area{
        border-radius:0
    }
}
.home5-banner-area .paginations111{
    position:absolute;
    left:50%;
    bottom:40px;
    transform:translateX(-50%);
    z-index:2;
    width:unset;
    line-height:1;
    display:flex;
    align-items:center;
    gap:20px
}
.home5-banner-area .paginations111 .swiper-pagination-bullet{
    position:relative;
    opacity:1;
    height:16px;
    width:16px;
    border-radius:50%;
    background-color:transparent;
    border:1px solid rgba(255,255,255,.5)
}
.home5-banner-area .paginations111 .swiper-pagination-bullet::after{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background-color:rgba(255,255,255,.5)
}
.home5-banner-area .paginations111 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color:var(--primary-color1)
}
.home5-banner-area .paginations111 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    background-color:var(--primary-color1)
}
.home5-banner-area .banner-bg{
    height:633px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:30px
}
@media(max-width:767px){
    .home5-banner-area .banner-bg{
        border-radius:0
    }
}
.home5-banner-area .banner-content{
    max-width:970px;
    width:100%;
    position:absolute;
    top:50%;
    text-align:center;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.home5-banner-area .banner-content h1{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:700;
    font-size:75px;
    line-height:1.2;
    color:var(--white-color);
    margin-bottom:8px
}
@media(max-width:1399px){
    .home5-banner-area .banner-content h1{
        font-size:60px
    }
}
@media(max-width:576px){
    .home5-banner-area .banner-content h1{
        font-size:50px
    }
}
.home5-banner-area .banner-content p{
    font-family:var(--font-open-sans);
    font-style:normal;
    font-weight:400;
    font-size:20px;
    line-height:1.7;
    color:var(--white-color);
    margin-bottom:40px
}
.home5-banner-area .banner-content .banner-content-bottom{
    display:flex;
    justify-content:center;
    gap:55px
}
@media(max-width:576px){
    .home5-banner-area .banner-content .banner-content-bottom{
        flex-wrap:wrap;
        gap:15px
    }
}
.home5-banner-area .banner-content .banner-content-bottom .rating a{
    display:inline-block
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li{
    line-height:1
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--white-color);
    position:relative
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .content ul li span{
    font-weight:600
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--white-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.home5-banner-area .banner-content .banner-content-bottom .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
@media(min-width:992px){
    .home5-about-area .about-content-wrap{
        padding-right:50px
    }
}
.home5-about-area .about-content-wrap>h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:17px;
    font-weight:600;
    line-height:30px;
    padding-top:20px;
    margin-bottom:5px
}
.home5-about-area .about-content-wrap p{
    color:var(--text-color);
    line-height:30px
}
.home5-about-area .about-content-wrap .author-area{
    padding-top:20px
}
.home5-about-area .about-content-wrap .author-area img{
    margin-bottom:15px
}
.home5-about-area .about-content-wrap .author-area .author-name-deg{
    line-height:1
}
.home5-about-area .about-content-wrap .author-area .author-name-deg h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:5px
}
.home5-about-area .about-content-wrap .author-area .author-name-deg span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.home5-about-area .activetis{
    border-radius:10px;
    border:1px solid #eee;
    padding:15px 40px;
    position:relative
}
@media(min-width:1200px) and (max-width:1399px){
    .home5-about-area .activetis{
        padding:15px 25px
    }
}
.home5-about-area .activetis::after{
    content:"";
    height:96%;
    width:2px;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.home5-about-area .activetis .single-activiti{
    line-height:1;
    display:flex;
    align-items:center;
    gap:16px;
    border-bottom:1px solid #eee;
    padding:25px 0
}
.home5-about-area .activetis .single-activiti:last-child{
    border-bottom:none
}
.home5-about-area .activetis .single-activiti .icon{
    line-height:1
}
.home5-about-area .activetis .single-activiti .content{
    line-height:1
}
.home5-about-area .activetis .single-activiti .content .number{
    display:flex;
    align-items:center;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700
}
.home5-about-area .activetis .single-activiti .content .number h5{
    margin-bottom:0
}
.home5-about-area .activetis .single-activiti .content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    margin-bottom:0
}
.home5-brand-category-area{
    border-radius:30px;
    background:#faf8fb
}
.home5-brand-category-area .slider-btn-group2{
    max-width:90px;
    min-width:90px;
    width:100%
}
.single-category5{
    border-radius:10px;
    border:1px solid #eee;
    background:var(--white-color);
    padding:25px;
    transition:.35s;
    position:relative;
    overflow:hidden
}
.single-category5 .category-icon{
    margin-bottom:20px
}
.single-category5 .category-content{
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin-bottom:20px
}
.single-category5 .category-content h5{
    margin-bottom:0;
    line-height:1
}
.single-category5 .category-content h5 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    transition:.35s
}
.single-category5 .category-content h5 a:hover{
    color:var(--primary-color1)
}
.single-category5 .category-content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    line-height:1
}
.single-category5 .explore-btn5 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    gap:10px;
    align-items:center;
    transition:.35s
}
.single-category5 .explore-btn5 a i{
    height:24px;
    min-width:24px;
    max-width:24px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--primary-color1);
    color:var(--title-color);
    background-color:var(--primary-color1);
    font-size:20px;
    transform:rotate(-45deg);
    transition:.35s
}
.single-category5:hover{
    border-color:var(--primary-color1)
}
.single-category5:hover .explore-btn5 a i{
    background-color:var(--primary-color1);
    transform:rotate(0deg)
}
.home5-featured-project-area .slider-and-explore-btn-group{
    display:flex;
    align-items:center;
    gap:40px;
    position:relative;
    flex-wrap:wrap
}
.home5-featured-project-area .slider-and-explore-btn-group .explore-more-btn{
    position:relative
}
.home5-featured-project-area .slider-and-explore-btn-group .explore-more-btn::after{
    content:"";
    width:1px;
    height:34px;
    opacity:.2;
    background:#16191e;
    position:absolute;
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.home5-why-neckle-area{
    border-radius:30px;
    background-image:url(../img/home5/home5-why-choose-bg.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.home5-why-neckle-area .neckle-content{
    max-width:520px;
    width:100%
}
.home5-why-neckle-area .neckle-content ul{
    margin:0;
    padding:0;
    list-style:none
}
.home5-why-neckle-area .neckle-content ul .single-feature{
    display:flex;
    align-items:flex-start;
    gap:25px;
    margin-bottom:20px;
    transition:.35s
}
.home5-why-neckle-area .neckle-content ul .single-feature:last-child{
    margin-bottom:0
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-icon{
    min-width:59px;
    max-width:59px;
    height:59px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    border:1px solid rgba(22,25,30,.1);
    background:#fff;
    position:relative;
    transition:.35s
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-icon svg{
    fill:var(--primary-color1);
    transition:.35s
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-icon:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-icon:hover svg{
    fill:var(--white-color)
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-content h5{
    margin-bottom:5px;
    color:#000;
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:500
}
.home5-why-neckle-area .neckle-content ul .single-feature .feature-content p{
    margin-bottom:0;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:26px
}
.home5-why-neckle-area .neckle-content ul .single-feature:hover .feature-icon{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.home5-why-neckle-area .neckle-content ul .single-feature:hover .feature-icon svg{
    fill:var(--white-color)
}
.home5-why-neckle-area .neckle-img-group{
    display:flex;
    align-items:flex-end;
    gap:30px
}
@media(max-width:576px){
    .home5-why-neckle-area .neckle-img-group{
        gap:15px
    }
}
.home5-why-neckle-area .neckle-img-group .left-img-group{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:30px
}
@media(max-width:576px){
    .home5-why-neckle-area .neckle-img-group .left-img-group{
        gap:15px
    }
}
.home5-why-neckle-area .neckle-img-group .left-img-group .logo-area{
    position:absolute;
    left:88%;
    top:38%;
    height:102px;
    width:102px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3
}
@media(max-width:1399px){
    .home5-why-neckle-area .neckle-img-group .left-img-group .logo-area{
        left:86%;
        top:36%
    }
}
@media(max-width:1199px){
    .home5-why-neckle-area .neckle-img-group .left-img-group .logo-area{
        left:82%;
        top:34%
    }
}
@media(max-width:991px){
    .home5-why-neckle-area .neckle-img-group .left-img-group .logo-area{
        left:88%;
        top:38%
    }
}
.home5-why-neckle-area .neckle-img-group .left-img-group .logo-area::after{
    content:"";
    background-color:#16191e;
    border:6px solid var(--primary-color1);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:rotate(45deg);
    z-index:-1;
    border-radius:5px
}
.home5-why-neckle-area .neckle-img-group .left-img-group .choose-img-1 img{
    border-radius:10px
}
.home5-why-neckle-area .neckle-img-group .right-img .choose-img-3 img{
    border-radius:10px
}
.slider-btn-and-exp-btn{
    display:flex;
    align-items:center;
    gap:40px
}
.slider-btn-and-exp-btn .slider-btn-group2{
    max-width:90px;
    min-width:90px
}
.home5-testimonial-section{
    border-radius:30px;
    background:#f6f6f6
}
.home5-testimonial-section .rating{
    min-width:270px
}
.home5-testimonial-section .rating a{
    display:inline-block;
    border-radius:10px;
    border:1px solid #eee;
    padding:10px 20px 15px
}
.home5-testimonial-section .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.home5-testimonial-section .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.home5-testimonial-section .rating a .review-top .star ul li{
    line-height:1
}
.home5-testimonial-section .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.home5-testimonial-section .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.home5-testimonial-section .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--text-color);
    position:relative
}
.home5-testimonial-section .rating a .content ul li span{
    font-weight:600
}
.home5-testimonial-section .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--text-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.home5-testimonial-section .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.home5-testimonial-section .feedback-card{
    padding:40px 30px;
    background:var(--white-color);
    border-radius:10px;
    border:1px solid transparent;
    transition:.35s;
    border:1px solid #eee
}
.home5-testimonial-section .feedback-card .feedback-top{
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    margin-bottom:15px
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area{
    display:flex;
    flex-direction:column
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px;
    padding-top:7px;
    margin-bottom:5px
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area ul li{
    line-height:1
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area ul li i{
    font-style:13px;
    color:#dda701
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area img{
    margin-bottom:5px
}
.home5-testimonial-section .feedback-card .feedback-top .stat-area span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.home5-testimonial-section .feedback-card .feedback-top .services span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.home5-testimonial-section .feedback-card p{
    font-size:18px;
    font-weight:500;
    line-height:32px;
    color:var(--text-color);
    margin-bottom:23px;
    text-align:center
}
.home5-testimonial-section .feedback-card .author-name{
    display:flex;
    align-items:center;
    justify-content:center
}
.home5-testimonial-section .feedback-card .author-name h6{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:17px;
    color:var(--title-color);
    position:relative
}
.home5-testimonial-section .feedback-card:hover{
    border-color:var(--primary-color1)
}
.home5-testimonial-section .trustpilot-review{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
}
.home5-testimonial-section .trustpilot-review>strong{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:18px;
    line-height:22px;
    color:var(--black-color)
}
.home5-testimonial-section .trustpilot-review p{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:15px;
    line-height:20px;
    color:var(--text-color);
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.home5-testimonial-section .trustpilot-review p strong{
    font-weight:600
}
.home5-testimonial-section .trustpilot-review p a{
    color:var(--text-color);
    text-decoration:underline
}
.home6-banner-area{
    background-image:url(../img/home6/banner-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    padding:95px 8% 130px
}
@media(min-width:1400px) and (max-width:1599px){
    .home6-banner-area{
        padding:95px 3% 130px
    }
}
@media(max-width:1399px){
    .home6-banner-area{
        padding:95px 3% 130px
    }
}
@media(max-width:576px){
    .home6-banner-area{
        padding:95px 0% 130px
    }
}
.home6-banner-area .banner-content>span{
    color:var(--black-color2);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:500;
    line-height:1;
    display:inline-block;
    position:relative
}
.home6-banner-area .banner-content>span::after{
    content:"";
    position:absolute;
    right:-70px;
    top:50%;
    transform:translateY(-50%);
    height:1px;
    width:51px;
    background-color:rgba(29,29,29,.15)
}
.home6-banner-area .banner-content h1{
    font-family:var(--font-montserrat);
    font-style:normal;
    font-weight:700;
    font-size:75px;
    line-height:1.2;
    color:var(--title-color);
    margin-bottom:15px
}
@media(max-width:1399px){
    .home6-banner-area .banner-content h1{
        font-size:60px
    }
}
@media(max-width:576px){
    .home6-banner-area .banner-content h1{
        font-size:50px
    }
}
.home6-banner-area .banner-content p{
    font-family:var(--font-open-sans);
    font-style:normal;
    font-weight:400;
    font-size:18px;
    line-height:1.7;
    color:var(--text-color);
    margin-bottom:40px
}
.home6-banner-area .banner-content .banner-content-bottom{
    display:flex;
    gap:55px
}
@media(max-width:576px){
    .home6-banner-area .banner-content .banner-content-bottom{
        flex-wrap:wrap;
        gap:15px
    }
}
.home6-banner-area .banner-content .banner-content-bottom .primary-btn7{
    padding:18px 28px
}
.home6-banner-area .banner-content .banner-content-bottom .rating a{
    display:inline-block
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .review-top{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li{
    line-height:1
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .review-top .star ul li i{
    font-size:12px;
    color:#dda701
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .content ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:18px
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .content ul li{
    font-family:var(--font-open-sans);
    font-weight:400;
    font-size:14px;
    line-height:1;
    color:var(--title-color);
    position:relative
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .content ul li span{
    font-weight:600
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .content ul li::after{
    content:"";
    height:10px;
    width:1px;
    background-color:var(--title-color);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.home6-banner-area .banner-content .banner-content-bottom .rating a .content ul li:first-child::after{
    display:none;
    visibility:hidden
}
.home6-banner-area .banner-img-group .top-img-group{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:15px;
    margin-bottom:15px
}
.home6-banner-area .banner-img-group .top-img-group .top-left-card{
    background-color:var(--white-color);
    border:1px solid #eee;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:195px;
    width:195px;
    border-radius:73px 73px 0 70px;
    position:relative
}
.home6-banner-area .banner-img-group .top-img-group .top-left-card::after{
    content:url(../img/home6/icon/banner-shep.svg);
    position:absolute;
    left:-45px;
    top:-22px
}
@media(max-width:576px){
    .home6-banner-area .banner-img-group .top-img-group .top-left-card::after{
        display:none;
        visibility:hidden
    }
}
.home6-banner-area .banner-img-group .top-img-group .top-left-card .icon{
    margin-bottom:20px
}
.home6-banner-area .banner-img-group .top-img-group .top-left-card h4{
    color:var(--black-color2);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:22px;
    margin-bottom:5px;
    font-weight:600;
    line-height:1
}
.home6-banner-area .banner-img-group .top-img-group .top-left-card span{
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:600;
    line-height:1
}
.home6-banner-area .banner-img-group .top-img-group .top-right-img img{
    border-radius:73px 73px 73px 0
}
.home6-banner-area .banner-img-group .bottom-img-group{
    display:flex;
    gap:15px
}
.home6-banner-area .banner-img-group .bottom-img-group .bottom-left-img img{
    border-radius:73px 0 73px 73px
}
.home6-banner-area .banner-img-group .bottom-img-group .bottom-right-img img{
    border-radius:0 73px 73px 73px
}
.home6-search-area{
    margin-top:-70px;
    position:relative;
    z-index:99
}
.home6-search-area form{
    border-radius:10px;
    border:1px solid rgba(29,29,29,.1);
    background:var(--white-color);
    padding:22px 40px 30px
}
@media(max-width:1199px){
    .home6-search-area form{
        padding:22px 20px 30px
    }
}
.home6-search-area form .form-inner{
    width:100%;
    gap:15px
}
.home6-search-area form .form-inner button{
    justify-content:center;
    background-color:var(--black-color2);
    color:var(--white-color);
    border:1px solid var(--black-color2);
    padding:17px 32px
}
.home6-search-area form .form-inner button svg{
    fill:var(--white-color)
}
.home6-search-area form .form-inner button::after{
    background-color:var(--white-color)
}
.home6-search-area form .form-inner button:hover{
    color:var(--black-color2)
}
.home6-search-area form .form-inner button:hover svg{
    fill:var(--black-color2)
}
.home6-search-area form .form-inner label{
    color:var(--black-color2);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:inline-flex;
    margin-bottom:12px
}
.home6-search-area form .form-inner .nice-select{
    padding:0 20px
}
.home6-search-area form .form-inner .nice-select::after{
    right:23px
}
.home6-search-area form .form-inner .nice-select:focus{
    border-color:var(--title-color)
}
.home6-search-area form .form-inner .nice-select .list option{
    padding-left:20px;
    padding-right:20px
}
.home6-search-area.two form{
    border-radius:10px;
    border:1px solid rgba(29,29,29,.1);
    background:var(--white-color);
    padding:22px 40px 30px
}
@media(max-width:1199px){
    .home6-search-area.two form{
        padding:22px 20px 30px
    }
}
.home6-search-area.two form .form-inner{
    width:100%;
    gap:15px
}
.home6-search-area.two form .form-inner label{
    color:var(--title-color)
}
.home6-search-area.two form .form-inner button{
    justify-content:center;
    padding:17px 32px;
    line-height:1
}
.home6-search-area.two form .form-inner button.primary-btn3{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    color:var(--title-color1)
}
.home6-search-area.two form .form-inner .nice-select:focus{
    border-color:var(--primary-color1)
}
.home6-filter-area{
    position:relative;
    padding:12px 0;
    gap:20px
}
@media(max-width:767px){
    .home6-filter-area{
        flex-wrap:wrap
    }
}
.home6-filter-area::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,#EEE 0%,rgba(238,238,238,0.2) 100%)
}
.home6-filter-area::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,#EEE 0%,rgba(238,238,238,0.2) 100%)
}
.home6-filter-area .nav-tabs{
    border:none;
    gap:15px
}
.home6-filter-area .nav-tabs .nav-item{
    border:none
}
.home6-filter-area .nav-tabs .nav-item .nav-link{
    padding:0;
    line-height:1;
    border:none;
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    border-radius:25px;
    padding:9px 20px;
    border:1px solid transparent;
    background:0 0
}
.home6-filter-area .nav-tabs .nav-item .nav-link:focus-visible{
    outline:none
}
.home6-filter-area .nav-tabs .nav-item .nav-link.active{
    border:1px solid #eee;
    background:#f8f8f8;
    color:var(--black-color2)
}
.home6-apartment-section{
    background-image:url(../img/home6/home6-apartment-bg.png)
}
.home6-apartment-section .car-category{
    border-radius:10px;
    border:1px solid rgba(0,0,0,.08);
    background-color:#fff;
    padding:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transition:.35s
}
@media(max-width:576px){
    .home6-apartment-section .car-category{
        padding:25px 20px
    }
}
.home6-apartment-section .car-category .icon{
    margin-bottom:20px;
    transition:.35s
}
.home6-apartment-section .car-category .icon svg{
    fill:var(--title-color);
    transition:.35s
}
.home6-apartment-section .car-category .content{
    line-height:1;
    transition:.35s
}
.home6-apartment-section .car-category .content h6{
    color:var(--title-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:2px;
    line-height:20px;
    transition:.35s
}
.home6-apartment-section .car-category .content span{
    color:var(--text-color);
    font-size:14px;
    font-family:var(--font-montserrat);
    font-weight:600;
    margin-bottom:0;
    line-height:20px;
    transition:.35s
}
.home6-apartment-section .car-category:hover{
    border:1px solid var(--title-color);
    background-color:var(--title-color)
}
.home6-apartment-section .car-category:hover .icon svg{
    fill:var(--white-color)
}
.home6-apartment-section .car-category:hover .content{
    line-height:1
}
.home6-apartment-section .car-category:hover .content h6{
    color:var(--white-color)
}
.home6-apartment-section .car-category:hover .content span{
    color:var(--white-color)
}
.home6-apartment-section .our-activetis{
    padding:40px 0 0;
    border-top:1px solid rgba(19,20,26,.1)
}
.home6-apartment-section .our-activetis .single-activiti{
    display:flex;
    align-items:center;
    gap:20px
}
.home6-apartment-section .our-activetis .single-activiti .content .number{
    display:flex;
    align-items:center;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:20px;
    line-height:24px;
    color:var(--title-color);
    margin-bottom:4px
}
.home6-apartment-section .our-activetis .single-activiti .content .number h5{
    margin-bottom:0;
    line-height:1
}
.home6-apartment-section .our-activetis .single-activiti .content p{
    margin-bottom:0;
    color:var(--text-color);
    line-height:22px
}
.home6-apartment-section .divider{
    position:relative
}
.home6-apartment-section .divider::after{
    height:41px;
    width:1px;
    background-color:rgba(29,29,29,.16);
    position:absolute;
    right:0;
    top:50%;
    left:unset;
    transform:translateY(-50%)
}
@media(max-width:767px){
    .home6-apartment-section .divider::after{
        display:none;
        visibility:hidden
    }
}
@media(min-width:992px){
    .home6-about-area .about-content-wrap{
        padding-right:35px
    }
}
.home6-about-area .about-content-wrap .section-title1 span{
    color:var(--text-color)
}
.home6-about-area .about-content-wrap .about-features{
    margin:0;
    padding:0;
    list-style:none;
    padding-top:45px;
    margin-bottom:50px
}
.home6-about-area .about-content-wrap .about-features .single-features{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    transition:.35s;
    position:relative;
    padding:20px 0
}
.home6-about-area .about-content-wrap .about-features .single-features::after,.home6-about-area .about-content-wrap .about-features .single-features::before{
    content:"";
    height:1px;
    width:100%;
    background:linear-gradient(90deg,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    left:0;
    bottom:0
}
.home6-about-area .about-content-wrap .about-features .single-features::before{
    bottom:unset;
    top:0
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content{
    display:flex;
    align-items:center;
    gap:15px
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .icon{
    line-height:1;
    transition:.35s
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .icon svg{
    fill:var(--title-color);
    transition:.35s
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .icon svg .vector{
    fill:rgba(22,25,30,.1)
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .content{
    line-height:1
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .content h6{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.home6-about-area .about-content-wrap .about-features .single-features .icon-content .content p{
    font-size:14px;
    line-height:22px;
    color:var(--text-color);
    margin-bottom:0
}
.home6-about-area .about-content-wrap .about-features .single-features .sent-btn a{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#faf8fb;
    border-radius:50%;
    transition:.35s
}
.home6-about-area .about-content-wrap .about-features .single-features .sent-btn a svg{
    fill:var(--title-color)
}
.home6-about-area .about-content-wrap .about-features .single-features:hover .icon-content .icon svg{
    fill:var(--title-color)
}
.home6-about-area .about-content-wrap .about-features .single-features:hover .icon-content .icon svg .vector{
    fill:var(--title-color)
}
.home6-about-area .about-content-wrap .about-features .single-features:hover .sent-btn a{
    background-color:var(--title-color)
}
.home6-about-area .about-content-wrap .about-features .single-features:hover .sent-btn a svg{
    fill:var(--white-color)
}
.home6-about-area .about-right p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px
}
.home6-about-area .about-right .about-img{
    padding-top:25px
}
.home6-about-area .about-right .about-img img{
    border-radius:10px
}
.eg-table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden
}
.eg-table thead tr th{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    padding:8px 20px;
    border-width:1px;
    border-color:rgba(238,238,238,.93);
    background-color:#faf8fb
}
.eg-table tbody tr td{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    padding:8px 20px;
    border-width:1px;
    border-color:rgba(238,238,238,.93)
}
.eg-table tbody tr td strong{
    font-weight:600
}
.eg-table tbody tr td .primary-btn2{
    padding:5px 22px
}
@media(max-width:576px){
    .eg-table.compare-table thead tr th:first-child{
        display:none;
        visibility:hidden
    }
}
.eg-table.compare-table tbody tr td{
    width:33.33%
}
@media(max-width:576px){
    .eg-table.compare-table tbody tr td{
        width:50%
    }
    .eg-table.compare-table tbody tr td:first-child{
        display:none;
        visibility:hidden
    }
}
.compare-modal .modal-header .modal-title{
    font-size:22px;
    font-weight:700;
    font-family:var(--font-montserrat)
}
.compare-modal .modal-header .btn-close{
    padding:0;
    margin:0;
    height:34px;
    width:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--primary-color1);
    opacity:1;
    background-image:none
}
.compare-modal .modal-header .btn-close i{
    line-height:1;
    font-size:22px
}
.compare-modal .modal-header .btn-close:focus{
    box-sizing:none
}
.compare-modal .compare-top{
    background:#fff;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:35px;
    padding:30px 15px
}
.compare-modal .compare-top .single-car .content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:1;
    color:var(--text-color)
}
.compare-modal .compare-top .single-car .content h6{
    margin-bottom:0
}
.compare-modal .compare-top .single-car .content h6.title{
    margin-bottom:5px
}
.compare-modal .compare-top .single-car .content h6.title a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:20px;
    color:var(--title-color);
    transition:.35s
}
.compare-modal .compare-top .single-car .content h6.title a:hover{
    color:var(--primary-color1)
}
.compare-modal .compare-top .single-car .content h6.price{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:20px;
    line-height:17px;
    color:var(--title-color)
}
.compare-modal .compare-top .vs{
    padding:0 12px;
    transform:translateY(-40px)
}
.compare-modal .compare-top .vs span{
    height:32px;
    width:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--primary-color1);
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:12px;
    color:var(--black-color)
}
.compare-modal .compare-top .vs span::after{
    content:"";
    height:90px;
    width:1px;
    background-color:var(--primary-color1);
    position:absolute;
    bottom:-90px
}
.compare-modal .compare-top .vs span::before{
    content:"";
    width:9px;
    height:1px;
    background-color:var(--primary-color1);
    position:absolute;
    bottom:-90px
}
.compare-modal .compare-btm{
    width:100%
}
.compare-modal.two .modal-header .btn-close{
    background-color:var(--black-color)
}
.compare-modal.two .modal-header .btn-close i{
    color:var(--white-color)
}
.compare-modal.two .compare-top .single-car .content h6.title a:hover{
    color:var(--title-color)
}
.compare-modal.two .compare-top .vs{
    padding:0 12px;
    transform:translateY(-40px)
}
.compare-modal.two .compare-top .vs span{
    background-color:var(--black-color);
    color:var(--white-color)
}
.compare-modal.two .compare-top .vs span::after{
    background-color:var(--black-color)
}
.compare-modal.two .compare-top .vs span::before{
    background-color:var(--black-color)
}
.compare-modal.two .compare-btm{
    width:100%
}
.compare-modal.two tbody tr td .primary-btn2{
    background-color:var(--black-color);
    padding:5px 22px;
    color:var(--white-color);
    border:1px solid var(--black-color)
}
.compare-modal.two tbody tr td .primary-btn2::after{
    background-color:var(--white-color)
}
.compare-modal.two tbody tr td .primary-btn2:hover{
    color:var(--black-color)
}
.inner-page-banner{
    background-image:linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)),url(../img/inner-page/inner-bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    padding:150px 0
}
.inner-page-banner.style-2{
    height:150px
}
.inner-page-banner.style-3{
    height:60px
}
.inner-page-banner .banner-wrapper{
    padding:0 11%
}
@media(min-width:1400px) and (max-width:1599px){
    .inner-page-banner .banner-wrapper{
        padding:0 3%
    }
}
@media(max-width:1399px){
    .inner-page-banner .banner-wrapper{
        padding:0 3%
    }
}
@media(max-width:1199px){
    .inner-page-banner .banner-wrapper{
        padding:0 1%
    }
}
.inner-page-banner .banner-content{
    max-width:705px;
    width:100%
}
.inner-page-banner .banner-content h1{
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:50px;
    color:var(--white-color);
    margin-bottom:20px;
    line-height:1.2;
    margin-bottom:0
}
@media(max-width:576px){
    .inner-page-banner .banner-content h1{
        font-size:50px
    }
}
.inner-page-banner .banner-content .breadcrumb-list{
    margin:0;
    padding:0;
    padding-top:25px;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px
}
.inner-page-banner .banner-content .breadcrumb-list li{
    line-height:1;
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    position:relative;
    padding-left:18px
}
.inner-page-banner .banner-content .breadcrumb-list li::before{
    content:"";
    height:1px;
    width:10px;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    opacity:1;
    z-index:9
}
.inner-page-banner .banner-content .breadcrumb-list li:first-child{
    padding-left:0
}
.inner-page-banner .banner-content .breadcrumb-list li:first-child::before{
    display:none;
    visibility:hidden
}
.inner-page-banner .banner-content .breadcrumb-list li a{
    color:var(--primary-color1);
    transition:.35s
}
.inner-page-banner .banner-content .breadcrumb-list li a:hover{
    color:var(--white-color)
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area{
    display:flex;
    align-items:center;
    gap:100px;
    margin-bottom:10px
}
@media(max-width:576px){
    .inner-page-banner .banner-content.style-2 .price-model-and-fav-area{
        flex-direction:column;
        align-items:flex-start;
        gap:5px;
        margin-bottom:20px
    }
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model{
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:576px){
    .inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model{
        flex-wrap:wrap;
        gap:2px
    }
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .price{
    line-height:1
}
@media(max-width:576px){
    .inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .price{
        padding-right:15px
    }
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .price h3{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .change-model-btn a{
    display:inline-flex;
    align-items:baseline;
    gap:6px;
    color:#13141a;
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    border-radius:12px;
    background:#fff;
    padding:6px 15px;
    white-space:nowrap;
    line-height:1
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:16px;
    position:relative
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav::before{
    content:"";
    height:24px;
    width:1px;
    background-color:rgba(19,20,26,.2);
    position:absolute;
    left:-50px;
    top:50%;
    transform:translateY(-50%)
}
@media(max-width:576px){
    .inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav::before{
        display:none;
        visibility:hidden
    }
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li{
    position:relative;
    transition:.5s
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .share-icon{
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:var(--white-color);
    border:1px solid rgba(239,185,63,.5);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
    cursor:pointer
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .share-icon:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .social-icons{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:8px;
    position:absolute;
    left:38px;
    top:50%;
    transform:scaleX(0) translateY(-50%);
    transform-origin:left;
    opacity:0;
    transition:.5s
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .social-icons>li>a{
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:var(--white-color);
    border:1px solid rgba(239,185,63,.5);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .social-icons>li>a i{
    transition:.35s;
    color:var(--title-color)
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li .social-icons>li>a:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .share-and-fav>li:hover .social-icons{
    transform:scaleX(1) translateY(-50%);
    opacity:1
}
@media(max-width:1399px){
    .inner-page-banner .banner-content.style-2 h1{
        font-size:45px
    }
}
.inner-page-banner .banner-content.style-2 .location-and-notification{
    margin-bottom:40px
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:40px
}
@media(max-width:767px){
    .inner-page-banner .banner-content.style-2 .location-and-notification ul{
        gap:5px;
        flex-wrap:wrap
    }
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li{
    display:flex;
    align-items:baseline;
    gap:5px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
@media(max-width:767px){
    .inner-page-banner .banner-content.style-2 .location-and-notification ul li{
        padding-right:15px
    }
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li.alart{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    cursor:pointer
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li.alart button{
    display:flex;
    align-items:baseline;
    gap:5px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    cursor:pointer;
    font-size:14px;
    font-weight:600;
    background-color:transparent
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li.alart button svg{
    transition:.35s
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li.alart button:hover{
    color:var(--primary-color1)
}
.inner-page-banner .banner-content.style-2 .location-and-notification ul li.alart button:hover svg{
    fill:var(--primary-color1)
}
.poperties-map-area #map{
    margin:0 auto;
    width:100%;
    min-height:650px;
    border-radius:10px
}
.poperties-map-area #map .gm-style-iw{
    max-width:280px!important;
    width:100%;
    padding:0!important
}
.poperties-map-area #map .gm-style-iw .gm-style-iw-d{
    overflow:unset!important
}
.poperties-map-area #map .gm-style-iw .gm-ui-hover-effect{
    position:absolute;
    top:0!important;
    right:0!important;
    background-color:var(--white-color)!important;
    border-radius:50%;
    border:1px solid #eee!important;
    z-index:9;
    opacity:1!important;
    transition:.35s
}
.poperties-map-area #map .gm-style-iw .gm-ui-hover-effect:hover{
    background-color:red!important;
    border-color:red!important
}
.poperties-map-area #map .gm-style-iw .product-card .product-img::after{
    display:none;
    visibility:hidden
}
.poperties-map-area #map .gm-style-iw .product-card .product-img img{
    max-width:100%!important
}
.poperties-map-area #map .gm-style-iw .product-card .content-btm{
    border-top:1px solid #eee
}
.neckle-gallery .gallery-item{
    position:relative;
    border-radius:10px
}
.neckle-gallery .gallery-item img{
    border-radius:10px
}
@media(max-width:991px){
    .neckle-gallery .gallery-item img{
        width:100%
    }
}
.neckle-gallery .gallery-item a{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9
}
.view-more-btn .primary-btn3{
    font-family:var(--font-montserrat);
    padding:10px 55px
}
.poperty-details-pages .poperty-map-area{
    line-height:1
}
.poperty-details-pages .poperty-map-area iframe{
    width:100%;
    min-height:480px
}
.poperty-details-pages .poperty-map-area.two iframe{
    min-height:624px
}
.poperty-details-pages .poperty-img-group{
    border-radius:10px;
    background:#fff;
    padding:10px;
    margin-top:-180px
}
.poperty-details-pages .poperty-img-group .single-img img{
    border-radius:10px
}
@media(max-width:991px){
    .poperty-details-pages .poperty-img-group .single-img img{
        width:100%
    }
}
.poperty-details-pages .poperty-img-group .share-and-save{
    margin:0;
    padding:0;
    padding-top:30px;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px
}
.poperty-details-pages .poperty-img-group .share-and-save li{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:7px;
    transition:.35s
}
.poperty-details-pages .poperty-img-group .share-and-save li svg{
    fill:var(--title-color);
    transition:.35s
}
.poperty-details-pages .poperty-img-group .share-and-save li:hover{
    color:var(--primary-color1)
}
.poperty-details-pages .poperty-img-group .share-and-save li:hover svg{
    fill:var(--primary-color1)
}
.poperty-details-pages .poperty-details-content .poperty-info .price{
    display:flex;
    align-items:center;
    gap:30px;
    margin-bottom:10px
}
.poperty-details-pages .poperty-details-content .poperty-info .price strong{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600
}
.poperty-details-pages .poperty-details-content .poperty-info .price span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    background-color:var(--primary-color1);
    border-radius:5px;
    padding:6px 12px
}
.poperty-details-pages .poperty-details-content .poperty-info .price span.red{
    background-color:#ff5e3a;
    color:#fff
}
.poperty-details-pages .poperty-details-content .poperty-info .price span.black{
    background-color:var(--title-color);
    color:#fff
}
.poperty-details-pages .poperty-details-content .poperty-info h1{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:45px;
    font-weight:700;
    line-height:65px;
    margin-bottom:15px
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:35px
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition .location{
    line-height:1;
    padding-right:20px
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition .location a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition .condition{
    line-height:1
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition .condition a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px;
    border-radius:14px;
    background:#f6eff7;
    padding:7px 16px
}
.poperty-details-pages .poperty-details-content .poperty-info .location-and-condition .condition a svg{
    fill:var(--title-color)
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:space-between;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:17px 0
}
@media(max-width:767px){
    .poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature{
        flex-wrap:wrap
    }
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .apt-type{
    line-height:1;
    display:flex;
    align-items:center
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .apt-type h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    margin-bottom:0;
    padding-right:10px
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .apt-type span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .features{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap
}
.poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .features li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
    padding-left:15px;
    line-height:1
}
@media(max-width:767px){
    .poperty-details-pages .poperty-details-content .poperty-info .apt-type-and-feature .features li{
        padding-left:0;
        padding-right:15px
    }
}
.poperty-details-pages .single-item .title{
    line-height:1
}
.poperty-details-pages .single-item .title h5{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    padding-right:25px
}
.poperty-details-pages .single-item p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px;
    margin-bottom:10px
}
.poperty-details-pages .single-item p:last-child{
    margin-bottom:0
}
.poperty-details-pages .single-item .overview-content{
    display:flex;
    justify-content:space-between;
    border-radius:10px;
    border:1px solid #eee;
    padding:30px 20px
}
@media(max-width:767px){
    .poperty-details-pages .single-item .overview-content{
        flex-direction:column;
        width:100%
    }
}
.poperty-details-pages .single-item .overview-content ul{
    margin:0;
    padding:0;
    list-style:none;
    max-width:47%;
    width:100%
}
@media(max-width:767px){
    .poperty-details-pages .single-item .overview-content ul{
        max-width:100%;
        width:100%;
        margin-bottom:20px
    }
}
.poperty-details-pages .single-item .overview-content ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    display:flex;
    justify-content:space-between;
    line-height:1;
    position:relative;
    padding:18px 0 10px
}
.poperty-details-pages .single-item .overview-content ul li span{
    font-family:var(--font-montserrat);
    line-height:1;
    font-weight:600
}
.poperty-details-pages .single-item .overview-content ul li:first-child{
    padding-top:0
}
.poperty-details-pages .single-item .overview-content ul li:last-child{
    padding-bottom:0
}
.poperty-details-pages .single-item .overview-content ul li:last-child::after{
    display:none;
    visibility:hidden
}
@media(max-width:767px){
    .poperty-details-pages .single-item .overview-content ul li:last-child{
        padding-bottom:10px
    }
    .poperty-details-pages .single-item .overview-content ul li:last-child::after{
        display:block;
        visibility:visible
    }
}
.poperty-details-pages .single-item .overview-content ul li::after{
    content:"";
    height:1px;
    width:100%;
    background:radial-gradient(50% 50% at 50% 50%,#EEE 0%,rgba(238,238,238,0) 100%);
    position:absolute;
    bottom:0;
    left:0
}
.poperty-details-pages .single-item .poperty-feature-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:40px
}
.poperty-details-pages .single-item .poperty-feature{
    margin:0;
    padding:0;
    list-style:none
}
.poperty-details-pages .single-item .poperty-feature li{
    display:flex;
    align-items:center;
    gap:20px;
    line-height:1;
    margin-bottom:40px
}
.poperty-details-pages .single-item .poperty-feature li:last-child{
    margin-bottom:0
}
.poperty-details-pages .single-item .poperty-feature li .icon{
    width:40px;
    height:40px;
    border:2px solid rgba(22,25,30,.2);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center
}
.poperty-details-pages .single-item .poperty-feature li .content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    margin-bottom:8px;
    line-height:1
}
.poperty-details-pages .single-item .poperty-feature li .content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400
}
.poperty-details-pages .single-item .kye-features ul{
    margin:0;
    padding:0;
    list-style:none;
    -moz-columns:3;
    columns:3
}
@media(max-width:767px){
    .poperty-details-pages .single-item .kye-features ul{
        -moz-columns:2;
        columns:2
    }
}
@media(max-width:576px){
    .poperty-details-pages .single-item .kye-features ul{
        -moz-columns:1;
        columns:1
    }
}
.poperty-details-pages .single-item .kye-features ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:20px
}
.poperty-details-pages .single-item .title-and-tab{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
@media(max-width:576px){
    .poperty-details-pages .single-item .title-and-tab{
        flex-wrap:wrap
    }
}
.poperty-details-pages .single-item .title-and-tab .nav-tabs{
    border:none;
    gap:10px
}
.poperty-details-pages .single-item .title-and-tab .nav-tabs li button{
    padding:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    border-radius:4px;
    border:1px solid #eee;
    padding:6px 11px;
    transition:.35s
}
.poperty-details-pages .single-item .title-and-tab .nav-tabs li button:hover{
    border-color:var(--primary-color1)
}
.poperty-details-pages .single-item .title-and-tab .nav-tabs li button.active{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.poperty-details-pages .single-item .tab-content .tab-pane img{
    border-radius:10px
}
.poperty-details-pages .single-item .poperty-video-area{
    position:relative
}
.poperty-details-pages .single-item .poperty-video-area img{
    border-radius:10px
}
.poperty-details-pages .single-item .poperty-video-area .play-btn{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.1);
    display:flex;
    align-items:center;
    justify-content:center
}
.poperty-details-pages .single-item .poperty-video-area .play-btn a{
    width:76px;
    height:76px;
    border:1px solid #fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    transition:.35s
}
.poperty-details-pages .single-item .poperty-video-area .play-btn a:hover{
    color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.poperty-details-pages .single-item .faq-wrap{
    border-radius:10px;
    border:1px solid #eee;
    padding:30px 20px
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter .filter-atra{
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    display:flex;
    align-items:center;
    gap:20px;
    padding:6px 6px 6px 20px
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter .filter-atra h6{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:500
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter .filter-atra .nice-select{
    height:30px;
    background-color:var(--primary-color1);
    padding-left:15px;
    padding-right:35px
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter .filter-atra .nice-select::after{
    border-color:var(--title-color);
    right:18px;
    height:7px;
    width:7px
}
.poperty-details-pages .single-item .user-qustion-area .section-title-and-filter .filter-atra .nice-select .current{
    color:var(--title-color);
    font-weight:600;
    font-size:13px
}
.poperty-details-pages .single-item .user-qustion-area .text-input-area .form-inner{
    border-radius:10px;
    border:1px solid var(--primary-color1);
    background:#fff;
    display:flex;
    padding:15px 25px
}
.poperty-details-pages .single-item .user-qustion-area .text-input-area .form-inner textarea{
    border:none;
    outline:none;
    width:100%;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400
}
.poperty-details-pages .single-item .user-qustion-area .text-input-area .form-inner button{
    height:30px;
    width:30px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center
}
.poperty-details-pages .single-item .user-qustion-area .text-input-area .form-inner button svg{
    fill:var(--title-color)
}
.poperty-details-pages .single-item .load-moer-btn{
    margin-top:50px
}
.poperty-details-pages .single-item .load-moer-btn .primary-btn3{
    display:flex;
    justify-content:center
}
.poperty-details-pages .poperty-details-sb .author-card{
    border-radius:10px;
    background:#f6eff7;
    padding:40px 35px
}
@media(max-width:1399px){
    .poperty-details-pages .poperty-details-sb .author-card{
        padding:40px 20px
    }
}
.poperty-details-pages .poperty-details-sb .author-card .author-area{
    margin-bottom:30px
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .author-img{
    margin-bottom:10px
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .author-img img{
    width:120px;
    height:120px;
    border-radius:50%
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .name-deg{
    line-height:1;
    position:relative;
    padding-bottom:15px
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .name-deg::after{
    content:"";
    height:1px;
    width:160px;
    background:radial-gradient(50% 50% at 50% 50%,#EFB93F 0%,rgba(239,185,63,0) 100%);
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    position:absolute
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .name-deg h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:700;
    margin-bottom:5px
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .name-deg span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .view-listing-btn{
    color:#000;
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    transition:.35s
}
.poperty-details-pages .poperty-details-sb .author-card .author-area .view-listing-btn:hover{
    color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info{
    background-color:#fafafa;
    border-radius:5px;
    padding:25px;
    margin-bottom:40px
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact{
    margin-bottom:10px
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact:last-child{
    margin-bottom:0
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact:last-child a span i{
    color:#f44336
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact a{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact a span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:10px;
    cursor:pointer;
    transition:.35s
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact a span:hover{
    color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .author-card .contact-info .single-contact a i{
    font-size:25px;
    color:#00d264
}
.poperty-details-pages .poperty-details-sb .author-card .button-group{
    display:flex;
    flex-direction:column;
    gap:20px
}
.poperty-details-pages .poperty-details-sb .author-card .button-group .primary-btn3,.poperty-details-pages .poperty-details-sb .author-card .button-group .primary-btn6{
    justify-content:center
}
.poperty-details-pages .poperty-details-sb .booking-form{
    border-radius:10px;
    background:#f6eff7;
    padding:45px 40px 50px
}
@media(max-width:1399px){
    .poperty-details-pages .poperty-details-sb .booking-form{
        padding:45px 20px 50px
    }
}
.poperty-details-pages .poperty-details-sb .booking-form .title{
    margin-bottom:25px
}
.poperty-details-pages .poperty-details-sb .booking-form .title h5{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    margin-bottom:8px
}
.poperty-details-pages .poperty-details-sb .booking-form .title p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px;
    margin-bottom:0
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner{
    position:relative;
    line-height:1
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400!important;
    line-height:1.4
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss span.text{
    font-weight:600
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:3.5px;
    top:-6px;
    position:absolute
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss .checkmark{
    position:absolute;
    top:4px;
    left:0;
    height:14px;
    width:14px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    border:1px solid #fff;
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    height:48px;
    width:100%;
    padding:10px 20px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner input:focus{
    border-color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    border:1px solid #fff;
    font-family:var(--font-open-sans);
    font-size:13px;
    height:48px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:100px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner textarea:focus{
    border-color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .primary-btn3{
    padding:17px 28px;
    width:100%;
    justify-content:center
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti{
    width:100%
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti input{
    padding-left:62px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti__selected-flag{
    padding-left:20px
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color:transparent
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti__country-list{
    max-width:280px;
    box-shadow:unset;
    background-color:#fff;
    border:1px solid var(--primary-color1)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti__country-list .iti__country.iti__highlight{
    background-color:rgba(239,185,63,.5)
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti__country-list li{
    font-family:var(--font-montserrat);
    font-weight:400
}
.poperty-details-pages .poperty-details-sb .booking-form .form-inner .iti__country-list li span{
    font-family:var(--font-montserrat);
    font-weight:400
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap{
    background-color:#f6eff7;
    padding:30px 40px;
    border-radius:10px
}
@media(max-width:1399px){
    .poperty-details-pages .poperty-details-sb .recent-project-wrap{
        padding:30px 20px
    }
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .widget-title{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .widget-title h5{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:700;
    margin-bottom:0
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .widget-title .slider-btn-group2{
    max-width:50px;
    min-width:50px
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .widget-title .slider-btn-group2 .slider-btn{
    height:20px;
    width:20px;
    border:1px solid #878585
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .widget-title .slider-btn-group2 .slider-btn svg{
    fill:#878585
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .product-card{
    padding:0;
    border-radius:0;
    background:0 0;
    border:unset
}
.poperty-details-pages .poperty-details-sb .recent-project-wrap .product-card .product-content .features::after{
    background-color:#fff
}
.poperty-details-pages .poperty-details-sb .discount-banner{
    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../img/inner-page/discount-img.png);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    padding:80px 50px;
    border-radius:10px
}
@media(max-width:1399px){
    .poperty-details-pages .poperty-details-sb .discount-banner{
        padding:50px 25px
    }
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content{
    border:1px solid #fff;
    border-radius:5px;
    padding:30px;
    transform:skewY(-4deg);
    position:relative
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content>span{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:18px;
    font-style:italic;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content h4{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-style:italic;
    font-weight:800;
    margin-bottom:0
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content h4 span{
    font-size:24px;
    font-weight:700
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content .offer-area{
    max-width:175px;
    margin-left:auto;
    margin-right:-40px;
    margin-top:30px
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content .offer-area span{
    background-image:url(../img/inner-page/icon/black-sharp.svg);
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-style:italic;
    font-weight:700;
    width:130px;
    height:50px;
    display:inline-flex;
    align-items:center;
    padding:10px 20px;
    position:relative
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content .offer-area h3{
    background-image:url(../img/inner-page/icon/red-sharp.svg);
    margin-bottom:0;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:35px;
    font-style:italic;
    font-weight:700;
    width:171.912px;
    height:106.681px;
    display:inline-flex;
    align-items:center;
    justify-content:end;
    padding-right:40px;
    margin-top:-51px;
    margin-left:-20px
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content .view-btns{
    position:absolute;
    bottom:-18px;
    left:50%;
    transform:translateX(-50%)
}
.poperty-details-pages .poperty-details-sb .discount-banner .discount-content .view-btns a{
    padding:7px 17px
}
.poperty-details-pages .poperty-details-top .product-img{
    position:relative
}
.poperty-details-pages .poperty-details-top .product-img img{
    min-height:350px;
    -o-object-fit:cover;
    object-fit:cover
}
.poperty-details-pages .poperty-details-top .product-img .slider-btn-group{
    left:50%;
    width:90%;
    top:50%;
    transform:translate(-50%,-50%)
}
.poperty-details-pages .poperty-details-top .product-img .slider-btn-group .swiper-arrow{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:rgba(255,255,255,.8);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.poperty-details-pages .poperty-details-top .product-img .slider-btn-group .swiper-arrow:hover{
    background-color:var(--primary-color1)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area{
    background:var(--title-color)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs{
    border:none;
    line-height:1;
    flex-wrap:wrap;
    justify-content:center
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link{
    padding:0;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:185px;
    border:none;
    border-right:1px solid rgba(255,255,255,.2);
    padding:20px;
    border-radius:unset;
    margin-bottom:0;
    transition:.35s
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link:first-child{
    border-left:1px solid rgba(255,255,255,.2)
}
@media(max-width:991px){
    .poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link{
        border:none!important
    }
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link svg{
    transition:.35s;
    fill:var(--white-color)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link:hover{
    border-top:none;
    border-bottom:none
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link.active{
    border-radius:unset;
    background-color:var(--primary-color1);
    border:none;
    border-right:1px solid var(--primary-color1);
    color:var(--title-color)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link.active svg{
    fill:var(--title-color)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .nav-tabs .nav-link.active:first-child{
    border-left:1px solid var(--primary-color1)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .share-and-save{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:50px
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .share-and-save li{
    line-height:1;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.35s;
    cursor:pointer;
    padding:13px 0
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .share-and-save li span{
    height:30px;
    width:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    transition:.35s
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .share-and-save li span svg{
    transition:.35s;
    fill:var(--title-color)
}
.poperty-details-pages .poperty-details-top .tabbtn-and-social-area .share-and-save li:hover span{
    background-color:var(--primary-color1)
}
button{
    white-space:nowrap
}
.faq-wrap .accordion .accordion-item{
    border-radius:5px;
    border:1px solid rgba(238,238,238,.5);
    background:#faf8fb;
    margin-bottom:15px
}
.faq-wrap .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-wrap .accordion .accordion-item .accordion-header{
    background:#faf8fb
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button{
    background:#faf8fb;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    padding:15px 55px 15px 25px
}
@media(max-width:576px){
    .faq-wrap .accordion .accordion-item .accordion-header .accordion-button{
        padding:15px 45px 15px 15px
    }
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after{
    flex-shrink:0;
    width:unset;
    height:unset;
    margin-left:auto;
    background-image:none;
    background-repeat:unset;
    background-size:unset;
    font-family:bootstrap-icons!important;
    position:absolute;
    right:17px;
    content:"\f282";
    transition:unset;
    font-size:17px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
    border:transparent;
    box-shadow:none;
    background-color:transparent;
    color:var(--title-color)
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
    background-image:none;
    transform:unset;
    font-family:bootstrap-icons!important;
    content:"\f286";
    color:var(--title-color)
}
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus{
    border:transparent;
    box-shadow:none
}
.faq-wrap .accordion .accordion-item .accordion-body{
    padding:0 25px 15px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px
}
@media(max-width:576px){
    .faq-wrap .accordion .accordion-item .accordion-body{
        padding:0 15px 15px
    }
}
.faq-wrap button{
    white-space:wrap
}
.comment{
    margin:0;
    padding:0;
    list-style:none
}
.comment>li{
    margin-bottom:40px
}
.comment>li>.single-comment-area{
    margin-bottom:24px
}
.comment>li:last-child{
    margin-bottom:0
}
.comment>li:last-child>.single-comment-area{
    margin-bottom:0
}
.comment .single-comment-area{
    display:flex;
    align-items:flex-start;
    gap:20px
}
.comment .single-comment-area .author-img img{
    max-width:50px;
    min-width:50px;
    height:50px;
    border-radius:50%
}
.comment .single-comment-area .comment-content .author-name-deg{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
    flex-wrap:wrap
}
.comment .single-comment-area .comment-content .author-name-deg h6{
    line-height:1;
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600
}
.comment .single-comment-area .comment-content .author-name-deg span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1
}
.comment .single-comment-area .comment-content p{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px;
    margin-bottom:12px
}
.comment .single-comment-area .comment-content .replay-btn{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:5px;
    line-height:1;
    cursor:pointer;
    transition:.35s
}
.comment .single-comment-area .comment-content .replay-btn svg{
    transition:.35s;
    fill:var(--text-color)
}
.comment .single-comment-area .comment-content .replay-btn:hover{
    color:var(--primary-color1)
}
.comment .single-comment-area .comment-content .replay-btn:hover svg{
    fill:var(--primary-color1)
}
.comment .comment-replay{
    margin:0;
    padding:0;
    list-style:none;
    margin-left:70px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:24px 0
}
.comment .comment-replay>li{
    margin-bottom:30px
}
.comment .comment-replay>li:last-child{
    margin-bottom:0
}
.car-details-sidebar .auction-info{
    border-radius:10px;
    border:1px dashed rgba(19,20,26,.16);
    padding:30px 20px
}
.car-details-sidebar .auction-info .countdown-timer ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.car-details-sidebar .auction-info .countdown-timer ul li svg{
    fill:var(--title-color)
}
.car-details-sidebar .auction-info .countdown-timer ul li.times{
    width:72px;
    height:55px;
    border-radius:5px;
    border:1px solid rgba(238,238,238,.4);
    background:#faf8fb;
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:700;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px
}
.car-details-sidebar .auction-info .bids-amount{
    padding-top:50px;
    margin-bottom:50px
}
.car-details-sidebar .auction-info .bids-amount ul{
    margin:0;
    padding:0;
    list-style:none
}
.car-details-sidebar .auction-info .bids-amount ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:space-between;
    line-height:1;
    margin-bottom:20px
}
.car-details-sidebar .auction-info .bids-amount ul li:last-child{
    margin-bottom:0
}
.car-details-sidebar .auction-info .bids-amount ul li strong{
    color:#13141a;
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600
}
.car-details-sidebar .auction-info .bids-amount ul li span{
    display:inline-block;
    position:relative;
    max-width:70px;
    height:1px;
    width:100%;
    opacity:.2;
    background:radial-gradient(50% 50% at 50% 50%,#13141A 0%,rgba(19,20,26,0) 100%)
}
.car-details-sidebar .auction-info .primary-btn3{
    width:100%;
    justify-content:center
}
.car-details-sidebar .contact-info{
    border-radius:10px;
    border:1px dashed rgba(19,20,26,.16);
    padding:30px 20px
}
.car-details-sidebar .contact-info .single-contact{
    margin-bottom:20px
}
.car-details-sidebar .contact-info .single-contact:last-child{
    margin-bottom:0
}
.car-details-sidebar .contact-info .single-contact a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    border-radius:5px;
    background:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 20px;
    text-align:center;
    width:100%;
    cursor:pointer
}
.car-details-sidebar .contact-info .single-contact a i{
    font-size:17px
}
.car-details-sidebar .contact-info .single-contact:nth-child(2) a{
    background-color:var(--title-color);
    color:var(--white-color)
}
.car-details-sidebar .contact-info .single-contact:last-child{
    margin-bottom:0
}
.car-details-sidebar .contact-info .single-contact:last-child a{
    background:#00d264
}
.car-details-sidebar .contact-info .single-contact:last-child a i{
    color:var(--white-color)
}
.car-details-sidebar .recent-car-area .nav-tabs{
    border-bottom:1px solid rgba(19,20,26,.1);
    margin-bottom:40px
}
.car-details-sidebar .recent-car-area .nav-tabs li{
    padding:0
}
.car-details-sidebar .recent-car-area .nav-tabs li button{
    padding:9px 15px;
    border:none;
    font-family:var(--font-open-sans);
    font-weight:400;
    line-height:1;
    font-size:16px;
    color:var(--title-color);
    border-radius:0
}
.car-details-sidebar .recent-car-area .nav-tabs li button.active{
    color:var(--white-color);
    background-color:var(--title-color)
}
.product-details-page .tab-content1 .tab-pane{
    border-radius:10px;
    border:1px solid rgba(238,238,238,.93);
    background:#fff;
    padding:10px;
    position:relative
}
.product-details-page .tab-content1 .tab-pane .offer-batch{
    position:absolute;
    left:10px;
    top:10px;
    line-height:1;
    transition:.35s
}
.product-details-page .tab-content1 .tab-pane .offer-batch span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--white-color);
    background:#ff5e3a;
    border-radius:2px;
    display:inline-block;
    padding:2px 7px
}
.product-details-page .tab-content1 .tab-pane img{
    border-radius:5px
}
@media(max-width:991px){
    .product-details-page .tab-content1 .tab-pane img{
        width:100%
    }
}
.product-details-page .nav1{
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:10px
}
@media(max-width:576px){
    .product-details-page .nav1{
        flex-wrap:wrap;
        justify-content:center;
        gap:15px
    }
}
.product-details-page .nav1 .nav-link{
    border-radius:10px;
    border:1px solid rgba(238,238,238,.93);
    padding:5px
}
.product-details-page .nav1 .nav-link img{
    border-radius:5px
}
@media(max-width:576px){
    .product-details-page .nav1 .nav-link{
        max-width:130px;
        width:100%
    }
}
.product-details-page .nav1 .nav-link.active{
    background-color:transparent;
    border-color:var(--primary-color1)
}
.product-details-page .product-details-content .product-review2{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:6px;
    line-height:1;
    margin-bottom:8px
}
.product-details-page .product-details-content .product-review2 li{
    line-height:1
}
.product-details-page .product-details-content .product-review2 li i{
    color:#dda701
}
.product-details-page .product-details-content .product-review2 li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    transition:.35s;
    line-height:1;
    padding-left:8px
}
.product-details-page .product-details-content .product-review2 li a:hover{
    color:var(--primary-color1)
}
.product-details-page .product-details-content h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    line-height:1.4
}
@media(max-width:576px){
    .product-details-page .product-details-content h4{
        font-size:20px
    }
}
.product-details-page .product-details-content p{
    margin-bottom:20px;
    color:var(--text-color);
    line-height:30px
}
.product-details-page .product-details-content .price-tag{
    line-height:1;
    margin-bottom:22px
}
.product-details-page .product-details-content .price-tag h5{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    margin-bottom:0;
    line-height:1
}
.product-details-page .product-details-content .price-tag h5 del{
    color:var(--text-color);
    font-size:16px;
    font-weight:500;
    padding-left:5px
}
.product-details-page .product-details-content .product-quantity{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #eee;
    gap:24px
}
@media(max-width:576px){
    .product-details-page .product-details-content .product-quantity{
        flex-wrap:wrap;
        gap:15px
    }
}
.product-details-page .product-details-content .product-quantity .quantity{
    display:flex;
    align-items:center;
    gap:8px
}
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus,.product-details-page .product-details-content .product-quantity .quantity .quantity__plus{
    height:40px;
    width:40px;
    border-radius:5px;
    border:1px solid #eee;
    background-color:#f3f3f3;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.35s
}
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus span i,.product-details-page .product-details-content .product-quantity .quantity .quantity__plus span i{
    font-size:20px;
    color:var(--title-color);
    transition:.35s
}
.product-details-page .product-details-content .product-quantity .quantity .quantity__minus:hover,.product-details-page .product-details-content .product-quantity .quantity .quantity__plus:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.product-details-page .product-details-content .product-quantity .quantity .quantity__input{
    height:40px;
    width:78px;
    border-radius:5px;
    border:1px solid rgba(19,20,26,.16);
    color:#13141a;
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600
}
.product-details-page .product-details-content .product-quantity .primary-btn3{
    padding:13px 25px
}
.product-details-page .product-details-content .product-quantity .fav{
    height:40px;
    width:40px;
    border-radius:50%;
    border:1px solid #eee;
    background-color:#f3f3f3;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.35s
}
.product-details-page .product-details-content .product-quantity .fav svg{
    fill:var(--title-color)
}
.product-details-page .product-details-content .product-quantity .fav:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.product-details-page .product-details-content .aditional-info{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1
}
.product-details-page .product-details-content .aditional-info>li{
    line-height:1;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:3px
}
.product-details-page .product-details-content .aditional-info>li:last-child{
    margin-bottom:0
}
.product-details-page .product-details-content .aditional-info>li span{
    color:var(--title-color);
    font-weight:600;
    display:inline-block;
    margin-right:5px
}
.product-details-page .product-details-content .aditional-info>li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:15px;
    transition:.35s;
    margin-bottom:0
}
.product-details-page .product-details-content .aditional-info>li a:hover{
    color:var(--primary-color1)
}
.product-details-page .product-details-content .aditional-info>li .social-icons{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    line-height:1;
    gap:14px;
    padding-left:5px
}
.product-details-page .product-details-content .aditional-info>li .social-icons li{
    margin-bottom:0;
    line-height:1
}
.product-details-page .product-details-content .aditional-info>li .social-icons li a{
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    border:1px solid #eee;
    transition:.35s
}
.product-details-page .product-details-content .aditional-info>li .social-icons li a i{
    color:var(--primary-color1);
    transition:.35s
}
.product-details-page .product-details-content .aditional-info>li .social-icons li a:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.product-details-page .product-details-content .aditional-info>li .social-icons li a:hover i{
    color:var(--title-color)
}
.product-details-page .nav2{
    gap:45px;
    justify-content:start;
    width:100%;
    line-height:1;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    padding:20px 0;
    margin-bottom:30px
}
.product-details-page .nav2 .nav-link{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    padding:0;
    line-height:1;
    background-color:transparent
}
.product-details-page .nav2 .nav-link.active{
    background-color:transparent;
    color:var(--title-color);
    position:relative
}
.product-details-page .nav2 .nav-link.active::before{
    content:"";
    position:absolute;
    bottom:-21px;
    left:50%;
    transform:translateX(-50%);
    border-bottom:1px solid #13141a;
    width:100%
}
.product-details-page .nav2 .nav-link.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-32px;
    height:14px;
    width:14px;
    background-color:var(--white-color);
    transform:rotate(45deg) translateX(-50%);
    border:1px solid #13141a;
    border-right:none;
    border-bottom:none
}
.product-details-page .tab-content2 .description p{
    color:var(--text-color);
    line-height:30px
}
.product-details-page .tab-content2 .description p:last-child{
    margin-bottom:0
}
.product-details-page .tab-content2 .description ul{
    list-style:decimal;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:1;
    margin:0;
    padding-left:17px;
    margin-bottom:10px
}
.product-details-page .tab-content2 .description ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:30px;
    margin-bottom:15px
}
.product-details-page .tab-content2 .description ul li strong{
    font-weight:600
}
.product-details-page .tab-content2 .reviews-area .number-of-review{
    line-height:1;
    margin-bottom:40px
}
.product-details-page .tab-content2 .reviews-area .number-of-review h4{
    line-height:1;
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600
}
.product-details-page .tab-content2 .reviews-area .comment>li .single-comment-area .comment-content .author-and-review{
    margin-bottom:8px
}
.product-details-page .tab-content2 .reviews-area .comment>li .single-comment-area .comment-content .author-and-review .author-name-deg{
    margin-bottom:7px
}
.product-details-page .tab-content2 .reviews-area .comment>li .single-comment-area .comment-content .author-and-review .review{
    margin:0;
    padding:0;
    list-style:none;
    gap:5px;
    line-height:1
}
.product-details-page .tab-content2 .reviews-area .comment>li .single-comment-area .comment-content .author-and-review .review li{
    line-height:1
}
.product-details-page .tab-content2 .reviews-area .comment>li .single-comment-area .comment-content .author-and-review .review li i{
    color:#dda701;
    font-size:12px
}
.product-details-page .tab-content2 .review-form{
    border:1px solid #eee;
    padding:50px 40px;
    border-radius:10px
}
@media(min-width:992px) and (max-width:1199px){
    .product-details-page .tab-content2 .review-form{
        padding:40px 30px
    }
}
@media(max-width:576px){
    .product-details-page .tab-content2 .review-form{
        padding:40px 25px
    }
}
.product-details-page .tab-content2 .review-form .number-of-review{
    line-height:1;
    margin-bottom:30px
}
.product-details-page .tab-content2 .review-form .number-of-review h4{
    line-height:1;
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600
}
.product-details-page .tab-content2 .review-form .form-inner input{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    height:50px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%
}
.product-details-page .tab-content2 .review-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.product-details-page .tab-content2 .review-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.product-details-page .tab-content2 .review-form .form-inner input :focus{
    border:1px solid #efb93f;
    background:#fff
}
.product-details-page .tab-content2 .review-form .form-inner textarea{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    min-height:150px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%;
    outline:none
}
.product-details-page .tab-content2 .review-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.product-details-page .tab-content2 .review-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.product-details-page .tab-content2 .review-form .form-inner textarea :focus{
    border:1px solid #efb93f;
    background:#fff
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area{
    margin-bottom:15px
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area p{
    margin-bottom:5px;
    color:var(--title-color)
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate{
    float:left
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked)>input{
    position:absolute;
    top:-9999px
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label{
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:16px;
    line-height:1;
    color:#ccc;
    padding-right:8px;
    display:inline-block;
    margin-right:8px
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label::before{
    content:"\f586";
    font-family:bootstrap-icons!important
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate input:checked~label{
    color:#dda701
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label:hover,.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area .rate:not(:checked)>label:hover~label{
    color:#dda701
}
.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area input:checked+label:hover,.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area input:checked+label:hover~label,.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area input:checked~label:hover,.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area input:checked~label:hover~label,.product-details-page .tab-content2 .review-form .form-inner2 .review-rate-area label:hover~input:checked~label{
    color:#dda701
}
.product-details-page .tab-content2 .review-form .primary-btn3{
    padding:7px 25px;
    margin-top:30px;
    font-family:var(--font-montserrat)
}
.product-details-page .addithonal-information .total-table2{
    margin-bottom:0
}
.product-details-page .addithonal-information .total-table2 tbody tr{
    border-width:1px;
    border-color:#eee
}
.product-details-page .addithonal-information .total-table2 tbody tr td{
    border-width:1px;
    border-color:#eee;
    padding:15px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    line-height:30px;
    vertical-align:middle
}
@media(max-width:767px){
    .product-details-page .addithonal-information .total-table2 tbody tr td{
        padding:10px
    }
}
.product-details-page .addithonal-information .total-table2 tbody tr td:nth-child(1){
    font-weight:600;
    font-size:14px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    text-align:start;
    line-height:26px
}
@media(min-width:992px){
    .product-details-page .addithonal-information .total-table2 tbody tr td:nth-child(1){
        width:25%
    }
}
.product-details-page .section-title{
    line-height:1;
    margin-bottom:40px
}
.product-details-page .section-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    margin-bottom:0;
    line-height:1.3
}
.product-sidebar{
    border-radius:10px;
    border:1px solid rgba(238,238,238,.93);
    background:#fff;
    padding:10px
}
.product-sidebar .wp-block-categoris-cloud{
    margin:0;
    padding:0;
    list-style:none
}
.product-sidebar .wp-block-categoris-cloud li{
    line-height:1;
    margin-bottom:18px
}
.product-sidebar .wp-block-categoris-cloud li:last-child{
    margin-bottom:0
}
.product-sidebar .wp-block-categoris-cloud li a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
    padding-left:20px;
    position:relative;
    transition:.35s
}
.product-sidebar .wp-block-categoris-cloud li a::before{
    content:"";
    height:12px;
    width:12px;
    border-radius:50%;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.product-sidebar .wp-block-categoris-cloud li a .number-of-categoris{
    color:var(--text-color);
    font-weight:400;
    transition:.35s
}
.product-sidebar .wp-block-categoris-cloud li a:hover{
    color:var(--primary-color1)
}
.product-sidebar .wp-block-categoris-cloud li a:hover .number-of-categoris{
    color:var(--primary-color1)
}
.product-sidebar .product-widget{
    background:#f6eff7;
    padding:30px 24px;
    border-radius:5px
}
.product-sidebar .product-widget .check-box-item .product-widget-title{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1;
    display:flex;
    justify-content:space-between
}
.product-sidebar .product-widget .check-box-item .checkbox-container .button-group{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:40px;
    gap:15px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .button-group a{
    padding:17px 20px;
    line-height:1;
    width:48%;
    justify-content:center
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner{
    margin-bottom:25px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:inline-block;
    margin-bottom:3px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner input{
    width:100%;
    border-radius:5px;
    background:#fff;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    height:48px;
    padding:10px 20px;
    border:1px solid #fff
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner input:focus{
    border-color:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner .nice-select{
    background:#fff;
    height:48px;
    padding:0 30px 0 20px;
    border:1px solid #fff
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner .nice-select .current{
    font-size:13px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner .nice-select::after{
    right:21px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .form-inner .nice-select:focus{
    border-color:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul{
    margin:0;
    padding:0;
    list-style:none
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li:last-child{
    margin-bottom:0
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss{
    display:flex;
    gap:5px;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss span.text{
    font-weight:600
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:1.5px;
    top:-2px;
    position:absolute
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:14px;
    width:14px;
    background-color:rgba(255,255,255,.8);
    border:1px solid #fff;
    border-radius:2px
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss .stars{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    margin-top:-2px
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss .stars i{
    color:#dda701;
    font-size:13px
}
.product-sidebar .product-widget .check-box-item .checkbox-container>ul>li .containerss .stars a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item{
    border-radius:0;
    border:unset;
    background:0 0;
    margin-bottom:0
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header{
    background:0 0
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button{
    background:0 0;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:0;
    display:flex;
    align-items:center;
    gap:6px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button svg{
    fill:var(--title-color)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button::after{
    display:none;
    visibility:hidden
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
    border:transparent;
    box-shadow:none;
    background-color:transparent;
    color:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) svg{
    fill:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-header .accordion-button:focus{
    border:transparent;
    box-shadow:none
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body{
    padding:0;
    padding-top:20px;
    display:flex;
    gap:25px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul{
    margin:0;
    padding:0;
    list-style:none
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li:last-child{
    margin-bottom:0
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss{
    display:flex;
    gap:5px;
    width:100%;
    position:relative;
    padding-left:22px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss span.text{
    font-weight:600
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:50%
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check2.svg);
    left:2.5px;
    top:-3px;
    position:absolute
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:14px;
    width:14px;
    background-color:var(--white-color);
    border:1px solid rgba(22,25,30,.2);
    border-radius:50%
}
.product-sidebar .product-widget .check-box-item .checkbox-container .more-facilities .accordion .accordion-item .accordion-body>ul>li .containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.product-sidebar .product-widget .check-box-item .checkbox-container .search-btn{
    padding-top:20px
}
.product-sidebar .product-widget .check-box-item .checkbox-container .search-btn button{
    padding:17px 25px;
    width:100%;
    justify-content:center
}
.product-sidebar .product-widget .check-box-item .checkbox-container .search-btn button:hover svg{
    fill:#fff
}
.product-sidebar .product-widget .recent-product-list{
    margin:0;
    padding:0;
    list-style:none
}
.product-sidebar .product-widget .recent-product-list .recent-product{
    display:flex;
    align-items:center;
    gap:10px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(215,215,215,.6);
    margin-bottom:15px
}
.product-sidebar .product-widget .recent-product-list .recent-product:last-child{
    margin-bottom:0;
    border-bottom:none;
    padding-bottom:0
}
.product-sidebar .product-widget .recent-product-list .recent-product .product-img{
    height:70px;
    min-width:80px;
    max-width:80px;
    border-radius:5px
}
.product-sidebar .product-widget .recent-product-list .recent-product .product-img img{
    border-radius:5px;
    height:100%
}
.product-sidebar .product-widget .recent-product-list .recent-product .content{
    line-height:1
}
.product-sidebar .product-widget .recent-product-list .recent-product .content .price{
    line-height:1;
    margin-bottom:5px
}
.product-sidebar .product-widget .recent-product-list .recent-product .content .price h6{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600
}
.product-sidebar .product-widget .recent-product-list .recent-product .content>h6{
    margin-bottom:0;
    line-height:1
}
.product-sidebar .product-widget .recent-product-list .recent-product .content>h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:20px;
    transition:.35s
}
.product-sidebar .product-widget .recent-product-list .recent-product .content>h6 a:hover{
    color:var(--primary-color1)
}
.product-sidebar .discount-banner{
    background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../img/inner-page/discount-img.png);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    padding:80px 50px;
    border-radius:10px
}
@media(max-width:1399px){
    .product-sidebar .discount-banner{
        padding:50px 25px
    }
}
.product-sidebar .discount-banner .discount-content{
    border:1px solid #fff;
    border-radius:5px;
    padding:30px;
    transform:skewY(-4deg);
    position:relative
}
.product-sidebar .discount-banner .discount-content>span{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:18px;
    font-style:italic;
    font-weight:600;
    display:inline-block;
    margin-bottom:10px
}
.product-sidebar .discount-banner .discount-content h4{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-style:italic;
    font-weight:800;
    margin-bottom:0
}
.product-sidebar .discount-banner .discount-content h4 span{
    font-size:24px;
    font-weight:700
}
.product-sidebar .discount-banner .discount-content .offer-area{
    max-width:175px;
    margin-left:auto;
    margin-right:-40px;
    margin-top:30px
}
.product-sidebar .discount-banner .discount-content .offer-area span{
    background-image:url(../img/inner-page/icon/black-sharp.svg);
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-style:italic;
    font-weight:700;
    width:130px;
    height:50px;
    display:inline-flex;
    align-items:center;
    padding:10px 20px;
    position:relative
}
.product-sidebar .discount-banner .discount-content .offer-area h3{
    background-image:url(../img/inner-page/icon/red-sharp.svg);
    margin-bottom:0;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:35px;
    font-style:italic;
    font-weight:700;
    width:171.912px;
    height:106.681px;
    display:inline-flex;
    align-items:center;
    justify-content:end;
    padding-right:40px;
    margin-top:-51px;
    margin-left:-20px
}
.product-sidebar .discount-banner .discount-content .view-btns{
    position:absolute;
    bottom:-18px;
    left:50%;
    transform:translateX(-50%)
}
.product-sidebar .discount-banner .discount-content .view-btns a{
    padding:7px 17px
}
.shop-card2{
    background:#fff;
    border-radius:10px;
    padding:10px 10px 24px;
    transition:.35s;
    border:1px solid #eee
}
.shop-card2 .shop-img{
    position:relative;
    border-radius:10px
}
.shop-card2 .shop-img img{
    border-radius:10px
}
@media(max-width:991px){
    .shop-card2 .shop-img img{
        width:100%
    }
}
.shop-card2 .shop-img .offer-batch{
    position:absolute;
    left:14px;
    top:14px;
    line-height:1;
    transition:.35s
}
.shop-card2 .shop-img .offer-batch span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--white-color);
    background:#ff5e3a;
    border-radius:2px;
    display:inline-block;
    padding:2px 7px
}
.shop-card2 .shop-img .fav{
    height:24px;
    width:24px;
    border-radius:50%;
    background-color:var(--white-color);
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:14px;
    top:14px;
    opacity:0;
    transition:.35s
}
.shop-card2 .shop-img .fav svg{
    fill:var(--title-color)
}
.shop-card2 .shop-img .cart-btn{
    display:flex;
    justify-content:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:.35s
}
.shop-card2 .shop-img .cart-btn .primary-btn2{
    font-size:12px;
    font-family:var(--font-montserrat);
    padding:10px 20px;
    line-height:1;
    justify-content:center
}
.shop-card2 .content{
    padding:25px 20px 0
}
.shop-card2 .content .star{
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-bottom:5px
}
.shop-card2 .content .star ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:3px;
    line-height:1
}
.shop-card2 .content .star ul li{
    line-height:1
}
.shop-card2 .content .star ul li i{
    font-size:12px;
    color:#dda701
}
.shop-card2 .content .star span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color);
    line-height:1
}
.shop-card2 .content h6{
    margin-bottom:15px
}
.shop-card2 .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:26px;
    color:var(--title-color)
}
.shop-card2 .content h6 a span{
    font-weight:600
}
.shop-card2 .content .content-btm{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.shop-card2 .content .content-btm .price{
    line-height:1
}
.shop-card2 .content .content-btm .price h6{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:16px;
    line-height:1;
    color:var(--title-color)
}
.shop-card2 .content .content-btm .price h6 del{
    color:var(--text-color);
    font-size:14px;
    font-weight:400
}
.shop-card2:hover .shop-img{
    position:relative;
    border-radius:10px
}
.shop-card2:hover .shop-img img{
    border-radius:10px
}
@media(max-width:991px){
    .shop-card2:hover .shop-img img{
        width:100%
    }
}
.shop-card2:hover .shop-img .fav{
    opacity:1
}
.shop-card2:hover .shop-img .cart-btn{
    opacity:1
}
.range-wrapper .slider-wrapper{
    margin-bottom:25px
}
.range-wrapper .slider-wrapper .ui-slider-horizontal{
    height:10px;
    border-radius:10px
}
.range-wrapper .slider-wrapper .ui-widget.ui-widget-content{
    border:none
}
.range-wrapper .slider-wrapper .ui-slider-range{
    background-color:var(--primary-color1)
}
.range-wrapper .slider-wrapper .ui-slider-handle{
    border:5px solid #fff;
    border-radius:50%;
    width:22px;
    height:22px;
    background-color:var(--primary-color1);
    top:-6px
}
.range-wrapper .slider-wrapper .ui-slider-handle:focus-visible{
    outline:none
}
.range-wrapper .valus{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.range-wrapper .valus .min-value,.range-wrapper .valus .max-value{
    max-width:45%;
    width:100%;
    height:40px;
    border-radius:5px;
    background-color:#fff;
    display:flex;
    align-items:center;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    padding:15px
}
.range-wrapper .valus .min-value span,.range-wrapper .valus .max-value span{
    line-height:1;
    display:flex;
    margin-top:3px
}
.range-wrapper .valus .min-value input,.range-wrapper .valus .max-value input{
    width:100%;
    background-color:transparent;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1
}
.product-page .show-item-and-filte{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px
}
.product-page .show-item-and-filte p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    margin-bottom:0
}
.product-page .show-item-and-filte p strong{
    font-weight:600
}
.product-page .show-item-and-filte .filter-view{
    display:flex;
    align-items:center;
    gap:40px
}
@media(max-width:767px){
    .product-page .show-item-and-filte .filter-view .view{
        display:none;
        visibility:hidden
    }
}
.product-page .show-item-and-filte .filter-view .view ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px
}
.product-page .show-item-and-filte .filter-view .view ul li{
    line-height:1;
    height:26px;
    width:26px;
    border-end-end-radius:2px;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.product-page .show-item-and-filte .filter-view .view ul li svg{
    fill:var(--text-color)
}
.product-page .show-item-and-filte .filter-view .view ul li.active svg{
    fill:var(--primary-color1)
}
.product-page .show-item-and-filte .filter-atra{
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    display:flex;
    align-items:center;
    gap:20px;
    padding:6px 6px 6px 20px
}
.product-page .show-item-and-filte .filter-atra h6{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:500
}
.product-page .show-item-and-filte .filter-atra .nice-select{
    height:30px;
    background-color:var(--primary-color1);
    padding-left:15px;
    padding-right:35px
}
.product-page .show-item-and-filte .filter-atra .nice-select::after{
    border-color:var(--title-color);
    right:18px;
    height:7px;
    width:7px
}
.product-page .show-item-and-filte .filter-atra .nice-select .current{
    color:var(--title-color);
    font-weight:600;
    font-size:13px
}
.product-page .filter-area .title-and-close-btn{
    line-height:1;
    display:flex;
    align-items:center;
    gap:30px
}
.product-page .filter-area .title-and-close-btn h6{
    margin-bottom:0;
    line-height:1;
    color:#000;
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.product-page .filter-area .title-and-close-btn .close-btn{
    line-height:1;
    display:flex;
    align-items:center;
    gap:3px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.product-page .filter-area .title-and-close-btn .close-btn svg{
    fill:var(--text-color)
}
.product-page .filter-area .tags ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px
}
.product-page .filter-area .tags ul li{
    line-height:1;
    display:flex;
    align-items:center;
    gap:4px;
    border-radius:14.5px;
    border:1px solid #eee;
    background:#faf8fb;
    padding:5px 10px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400
}
.product-page .filter-area .tags ul li svg{
    fill:var(--text-color)
}
.product-page.poperty-map{
    padding:60px 60px 0
}
.product-page.poperty-map .product-card .product-img img{
    width:100%
}
@media(max-width:1399px){
    .product-page.poperty-map{
        padding:60px 20px 0
    }
}
@media(max-width:767px){
    .product-page.poperty-map{
        padding:0
    }
}
.product-page.poperty-map #map{
    margin:0 auto;
    width:100%;
    min-height:100vh;
    max-height:100vh;
    border-radius:10px
}
@media(max-width:1199px){
    .product-page.poperty-map #map{
        min-height:650px
    }
}
.product-page.poperty-map #map .gm-style-iw{
    max-width:280px!important;
    width:100%;
    padding:0!important
}
.product-page.poperty-map #map .gm-style-iw .gm-style-iw-d{
    overflow:unset!important
}
.product-page.poperty-map #map .gm-style-iw .gm-ui-hover-effect{
    position:absolute;
    top:0!important;
    right:0!important;
    background-color:var(--white-color)!important;
    border-radius:50%;
    border:1px solid #eee!important;
    z-index:9;
    opacity:1!important;
    transition:.35s
}
.product-page.poperty-map #map .gm-style-iw .gm-ui-hover-effect:hover{
    background-color:red!important;
    border-color:red!important
}
.product-page.poperty-map #map .gm-style-iw .product-card .product-img::after{
    display:none;
    visibility:hidden
}
.product-page.poperty-map #map .gm-style-iw .product-card .product-img img{
    max-width:100%!important
}
.product-page.poperty-map #map .gm-style-iw .product-card .content-btm{
    border-top:1px solid #eee
}
.product-page.poperty-map .list-grid-main{
    min-height:100vh;
    max-height:100vh;
    overflow-y:auto
}
.product-page.poperty-map .list-grid-main::-webkit-scrollbar{
    width:0
}
@media(max-width:1199px){
    .product-page.poperty-map .list-grid-main{
        overflow-y:unset;
        min-height:unset;
        max-height:unset
    }
}
.pagination-and-next-prev{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:15px
}
.pagination-and-next-prev .pagination{
    line-height:1
}
.pagination-and-next-prev .pagination ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:15px
}
.pagination-and-next-prev .pagination ul li a{
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    transition:.35s
}
.pagination-and-next-prev .pagination ul li a:hover{
    border-color:var(--primary-color1);
    color:var(--primary-color1)
}
.pagination-and-next-prev .pagination ul li.active a{
    border-color:var(--primary-color1);
    color:var(--title-color);
    background-color:var(--primary-color1)
}
.pagination-and-next-prev .next-prev-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:40px
}
.pagination-and-next-prev .next-prev-btn ul li{
    position:relative
}
.pagination-and-next-prev .next-prev-btn ul li::before{
    content:"";
    width:1px;
    height:14px;
    opacity:.4;
    background:#13141a;
    position:absolute;
    left:-21px;
    top:50%;
    transform:translateY(-50%)
}
.pagination-and-next-prev .next-prev-btn ul li:first-child::before{
    display:none
}
.pagination-and-next-prev .next-prev-btn ul li a{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    transition:.35s;
    display:flex;
    align-items:center;
    gap:6px
}
.pagination-and-next-prev .next-prev-btn ul li a svg{
    fill:var(--text-color);
    transition:.35s
}
.pagination-and-next-prev .next-prev-btn ul li a:hover{
    color:var(--title-color)
}
.pagination-and-next-prev .next-prev-btn ul li a:hover svg{
    fill:var(--title-color)
}
.blog-standard-page .news-card2{
    background:#fff;
    border:1px solid #eee;
    border-radius:5px;
    padding:10px
}
.blog-standard-page .news-card2 .news-img{
    position:relative;
    border-radius:5px
}
.blog-standard-page .news-card2 .news-img img{
    border-radius:5px;
    width:100%
}
.blog-standard-page .news-card2 .news-img .date{
    position:absolute;
    left:-10px;
    top:20px;
    display:flex;
    align-items:center;
    gap:20px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    padding:0 22px;
    line-height:1
}
.blog-standard-page .news-card2 .news-img .date a{
    -webkit-clip-path:unset;
    clip-path:unset;
    background-color:transparent;
    display:flex;
    height:30px;
    align-items:center;
    justify-content:center;
    padding:0;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--title-color);
    position:relative
}
.blog-standard-page .news-card2 .news-img .date a::after{
    content:"";
    height:10px;
    width:1px;
    background-color:rgba(19,20,26,.5);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.blog-standard-page .news-card2 .news-img .date a:first-child::after{
    display:none
}
.blog-standard-page .news-card2 .content{
    padding-top:25px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px
}
.blog-standard-page .news-card2 .content h4{
    margin-bottom:10px;
    line-height:1
}
.blog-standard-page .news-card2 .content h4 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-weight:600;
    line-height:1.5;
    transition:.35s
}
@media(max-width:767px){
    .blog-standard-page .news-card2 .content h4 a{
        font-size:20px
    }
}
.blog-standard-page .news-card2 .content h4 a:hover{
    color:var(--primary-color1)
}
.blog-standard-page .news-card2 .content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px;
    margin-bottom:20px
}
.blog-standard-page .news-card2 .content .news-btm{
    border-top:1px solid #eee;
    padding-top:25px;
    gap:15px;
    flex-wrap:wrap
}
.blog-standard-page .news-card2 .content .news-btm .author-area{
    display:flex;
    align-items:center;
    gap:10px
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-img img{
    height:38px;
    width:38px;
    border-radius:50%
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-content{
    display:inline-grid
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-content h6{
    margin-bottom:3px;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    line-height:18px;
    color:var(--title-color)
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-content a{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color);
    transition:.35s
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-content a:hover{
    color:var(--primary-color1)
}
.blog-standard-page .news-card2 .content .news-btm .author-area .author-content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color)
}
.blog-sidebar{
    border:1px solid #eee;
    border-radius:10px;
    padding:10px
}
.blog-sidebar .single-widgets{
    background-color:#f6eff7;
    padding:30px 24px;
    border-radius:5px
}
.blog-sidebar .single-widgets .widget-title{
    line-height:1
}
.blog-sidebar .single-widgets .widget-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud{
    margin:0;
    padding:0;
    list-style:none
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li{
    line-height:1;
    margin-bottom:18px
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li:last-child{
    margin-bottom:0
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-left:20px;
    position:relative;
    transition:.35s
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a::before{
    content:"";
    height:12px;
    width:12px;
    border-radius:50%;
    background-color:var(--primary-color1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a .number-of-categoris{
    color:var(--text-color);
    font-weight:400;
    transition:.35s
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover{
    color:var(--primary-color1)
}
.blog-sidebar .single-widgets .wp-block-categoris-cloud li a:hover .number-of-categoris{
    color:var(--primary-color1)
}
.blog-sidebar .single-widgets .blog-title{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.blog-sidebar .single-widgets .blog-title .slider-btn-group2{
    max-width:50px;
    min-width:50px
}
.blog-sidebar .single-widgets .blog-title .slider-btn-group2 .slider-btn{
    height:20px;
    width:20px
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wi{
    margin-bottom:15px
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wi img{
    border-radius:5px
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc{
    line-height:1
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc .date{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    margin-bottom:8px;
    display:inline-block;
    position:relative
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc .date::after{
    content:"";
    width:30px;
    height:1px;
    background:linear-gradient(90deg,#5E5E5E 0%,rgba(94,94,94,0) 100%);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-40px
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc h6{
    margin-bottom:0;
    line-height:1
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:22px;
    transition:.35s
}
.blog-sidebar .single-widgets .recent-post-wraper .widget-cnt .wc h6 a:hover{
    color:var(--primary-color1)
}
.blog-sidebar .single-widgets .wp-block-tag-cloud{
    margin-bottom:0;
    line-height:1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a{
    color:var(--text-color);
    text-align:center;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    border-radius:5px;
    border:1px solid rgba(255,255,255,.8);
    line-height:1;
    padding:8px 18px;
    position:relative;
    overflow:hidden;
    z-index:1;
    white-space:nowrap;
    transition:all .5s ease-out 0s
}
@media(max-width:1399px){
    .blog-sidebar .single-widgets .wp-block-tag-cloud a{
        padding:8px 14px
    }
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a::after{
    position:absolute;
    content:"";
    display:block;
    left:15%;
    right:-20%;
    top:-4%;
    height:150%;
    width:150%;
    bottom:0;
    border-radius:2px;
    background-color:var(--title-color);
    transform:skewX(45deg) scale(0,1);
    z-index:-1;
    transition:all .5s ease-out 0s
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover{
    color:var(--white-color);
    border-color:var(--title-color)
}
.blog-sidebar .single-widgets .wp-block-tag-cloud a:hover::after{
    transform:skewX(45deg) scale(1,1)
}
.sidebar-banner{
    background-image:url(../img/inner-page/sidebar-banner-bg.png);
    background-size:cover;
    background-position:center center;
    border-radius:10px;
    padding:45px 30px;
    min-height:650px
}
.sidebar-banner .product-content h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    margin-bottom:0
}
.sidebar-banner .product-content p{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px
}
.sidebar-banner .product-content .primary-btn3{
    padding:13px 20px
}
.blog-details-page .post-thumb{
    position:relative;
    border-radius:10px;
    border:1px solid #eee;
    padding:10px;
    margin-bottom:25px
}
.blog-details-page .post-thumb img{
    border-radius:5px;
    width:100%
}
.blog-details-page .post-thumb .date{
    position:absolute;
    left:0;
    top:30px;
    display:flex;
    align-items:center;
    gap:20px;
    background-color:var(--primary-color1);
    -webkit-clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,93% 50%,100% 100%,0 100%,0 0);
    padding:0 22px;
    line-height:1
}
.blog-details-page .post-thumb .date a{
    -webkit-clip-path:unset;
    clip-path:unset;
    background-color:transparent;
    display:flex;
    height:30px;
    align-items:center;
    justify-content:center;
    padding:0;
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:13px;
    line-height:1;
    color:var(--title-color);
    position:relative
}
.blog-details-page .post-thumb .date a::after{
    content:"";
    height:10px;
    width:1px;
    background-color:rgba(19,20,26,.5);
    position:absolute;
    left:-10px;
    top:50%;
    transform:translateY(-50%)
}
.blog-details-page .post-thumb .date a:first-child::after{
    display:none
}
.blog-details-page .post-title{
    margin-bottom:12px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:28px;
    font-weight:600;
    line-height:1.5
}
.blog-details-page .post-title a{
    color:var(--text-color);
    font-size:18px;
    font-weight:500;
    line-height:1;
    transition:.35s
}
.blog-details-page .post-title a:hover{
    color:var(--primary-color1)
}
@media(max-width:767px){
    .blog-details-page .post-title{
        font-size:22px
    }
    .blog-details-page .post-title a{
        font-size:16px
    }
}
.blog-details-page .author-area{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:30px
}
.blog-details-page .author-area .author-img img{
    height:38px;
    width:38px;
    border-radius:50%
}
.blog-details-page .author-area .author-content{
    display:inline-grid
}
.blog-details-page .author-area .author-content h6{
    margin-bottom:3px;
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    line-height:18px;
    color:var(--title-color)
}
.blog-details-page .author-area .author-content a{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color);
    transition:.35s
}
.blog-details-page .author-area .author-content a:hover{
    color:var(--primary-color1)
}
.blog-details-page .author-area .author-content span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:12px;
    line-height:16px;
    color:var(--text-color)
}
.blog-details-page p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px;
    margin-bottom:12px
}
.blog-details-page blockquote{
    margin-top:50px;
    margin-bottom:45px;
    border-radius:10px;
    background:#faf8fb;
    padding:30px 40px;
    position:relative;
    display:flex;
    align-items:center;
    gap:15px
}
@media(max-width:767px){
    .blog-details-page blockquote{
        padding:30px 20px
    }
}
.blog-details-page blockquote p{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:500;
    line-height:32px;
    margin-bottom:0
}
.blog-details-page blockquote p span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    font-style:normal;
    padding-left:80px;
    position:relative;
    display:inline-block
}
.blog-details-page blockquote p span::before{
    content:"";
    width:60px;
    height:1px;
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    background-color:var(--primary-color1)
}
.blog-details-page blockquote .vector{
    min-width:15px;
    fill:#c7eddb
}
.blog-details-page blockquote .quoat-icon{
    position:absolute;
    left:58px;
    top:-23px;
    width:46px;
    height:46px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center
}
.blog-details-page blockquote .quoat-icon svg{
    fill:var(--primary-color1);
    stroke:var(--title-color)
}
.blog-details-page .blog-dt-img img{
    border-radius:10px
}
.blog-details-page .blog-tag-social-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding:20px 0;
    margin-top:26px;
    margin-bottom:30px;
    flex-wrap:wrap
}
.blog-details-page .blog-tag-social-area .bolg-tag{
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px
}
.blog-details-page .blog-tag-social-area .bolg-tag h6{
    line-height:1;
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600
}
.blog-details-page .blog-tag-social-area .bolg-tag ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li{
    line-height:1
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    transition:.35s
}
.blog-details-page .blog-tag-social-area .bolg-tag ul li a:hover{
    color:var(--primary-color1)
}
.blog-details-page .blog-tag-social-area .social-area{
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px
}
.blog-details-page .blog-tag-social-area .social-area h6{
    line-height:1;
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600
}
.blog-details-page .blog-tag-social-area .social-area ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px
}
.blog-details-page .blog-tag-social-area .social-area ul li{
    line-height:1
}
.blog-details-page .blog-tag-social-area .social-area ul li a{
    width:26px;
    height:26px;
    border-radius:50%;
    border:1px solid #eee;
    color:var(--primary-color1);
    transition:.35s;
    display:flex;
    align-items:center;
    justify-content:center
}
.blog-details-page .blog-tag-social-area .social-area ul li a:hover{
    color:var(--title-color);
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.blog-details-page .details-navigation{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px
}
@media(max-width:576px){
    .blog-details-page .details-navigation{
        justify-content:center
    }
}
.blog-details-page .details-navigation .single-navigation{
    display:flex;
    align-items:center;
    gap:20px;
    transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow{
    width:30px;
    height:60px;
    border-radius:5px;
    border:1px solid rgba(19,20,26,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow svg{
    fill:rgba(19,20,26,.16);
    transition:.35s
}
.blog-details-page .details-navigation .single-navigation .arrow:hover{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.blog-details-page .details-navigation .single-navigation .arrow:hover svg{
    fill:var(--title-color)
}
.blog-details-page .details-navigation .single-navigation .content{
    max-width:250px;
    width:100%;
    line-height:1;
    transition:.35s
}
.blog-details-page .details-navigation .single-navigation .content>a{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    transition:.35s;
    margin-bottom:5px;
    display:inline-block
}
.blog-details-page .details-navigation .single-navigation .content h6{
    transition:.35s;
    margin-bottom:0;
    line-height:1
}
.blog-details-page .details-navigation .single-navigation .content h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:24px;
    transition:.35s
}
.blog-details-page .inquiry-form{
    border-radius:10px;
    background:#f6eff7;
    padding:45px 40px 50px
}
@media(max-width:767px){
    .blog-details-page .inquiry-form{
        padding:45px 20px 50px
    }
}
.blog-details-page .inquiry-form .title{
    margin-bottom:30px
}
.blog-details-page .inquiry-form .title h4{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600
}
.blog-details-page .inquiry-form .title p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.blog-details-page .inquiry-form .form-inner{
    position:relative;
    line-height:1
}
.blog-details-page .inquiry-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.blog-details-page .inquiry-form .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.blog-details-page .inquiry-form .form-inner label.containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400!important;
    line-height:1
}
.blog-details-page .inquiry-form .form-inner label.containerss span.text{
    font-weight:600
}
.blog-details-page .inquiry-form .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.blog-details-page .inquiry-form .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.blog-details-page .inquiry-form .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:2.5px;
    top:-4px;
    position:absolute
}
.blog-details-page .inquiry-form .form-inner label.containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:14px;
    width:14px;
    background-color:rgba(255,255,255,.8);
    border:1px solid #fff;
    border-radius:2px
}
.blog-details-page .inquiry-form .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.blog-details-page .inquiry-form .form-inner label.containerss .stars{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    margin-top:-2px
}
.blog-details-page .inquiry-form .form-inner label.containerss .stars li{
    line-height:1
}
.blog-details-page .inquiry-form .form-inner label.containerss .stars li i{
    color:#dda701;
    font-size:13px
}
.blog-details-page .inquiry-form .form-inner label.containerss .stars li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.blog-details-page .inquiry-form .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    height:48px;
    width:100%;
    padding:10px 20px
}
.blog-details-page .inquiry-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    height:48px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:180px
}
.blog-details-page .inquiry-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.blog-details-page .inquiry-form .form-inner .primary-btn3{
    padding:17px 28px;
    justify-content:center
}
.blog-details-page .inquiry-form .form-inner .iti{
    width:100%
}
.blog-details-page .inquiry-form .form-inner .iti input{
    padding-left:62px
}
.blog-details-page .inquiry-form .form-inner .iti__selected-flag{
    padding-left:20px
}
.blog-details-page .inquiry-form .form-inner .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color:transparent
}
.blog-details-page .inquiry-form .form-inner .iti__country-list{
    max-width:280px;
    box-shadow:unset;
    background-color:#fff;
    border:1px solid var(--primary-color1)
}
.blog-details-page .inquiry-form .form-inner .iti__country-list .iti__country.iti__highlight{
    background-color:rgba(239,185,63,.5)
}
.blog-details-page .inquiry-form .form-inner .iti__country-list li{
    font-family:var(--font-montserrat);
    font-weight:400
}
.blog-details-page .inquiry-form .form-inner .iti__country-list li span{
    font-family:var(--font-montserrat);
    font-weight:400
}
.blog-details-page .comment-title{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:40px
}
.blog-details-page .comment-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    margin-bottom:0;
    line-height:1;
    white-space:nowrap
}
.blog-details-page .comment-title .dash{
    position:relative;
    width:100%
}
.blog-details-page .comment-title .dash::after{
    content:"";
    height:1px;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background:rgba(238,238,238,.93)
}
.list-group-wrapper .item{
    float:none;
    width:100%
}
.list-group-wrapper .item .product-card{
    display:flex;
    align-items:center
}
.list-group-wrapper .item .product-card .product-img{
    max-width:395px;
    width:100%
}
@media(max-width:1399px){
    .list-group-wrapper .item .product-card .product-img{
        max-width:350px
    }
}
.list-group-wrapper .item .product-card .product-content{
    padding:15px 40px;
    width:100%
}
@media(max-width:1399px){
    .list-group-wrapper .item .product-card .product-content{
        padding:15px 30px
    }
}
.no-sidebar .list-group-wrapper .item{
    float:none;
    width:50%
}
.no-sidebar .list-group-wrapper .item .product-card{
    display:flex;
    align-items:center
}
.no-sidebar .list-group-wrapper .item .product-card .product-img{
    max-width:250px;
    width:100%
}
.no-sidebar .list-group-wrapper .item .product-card .product-content{
    padding:15px 25px;
    width:100%
}
.no-sidebar .list-group-wrapper .item .product-card4{
    display:flex;
    align-items:center
}
.no-sidebar .list-group-wrapper .item .product-card4 .product-img{
    max-width:250px;
    width:100%
}
.no-sidebar .list-group-wrapper .item .product-card4 .product-img img{
    border-radius:5px 0 0 5px
}
.no-sidebar .list-group-wrapper .item .product-card4 .product-content{
    padding:15px 25px;
    width:100%
}
.checkout-page .login-and-coupon-area{
    border-radius:10px;
    background:#f5f3f9;
    padding:17px 75px;
    position:relative
}
.checkout-page .login-and-coupon-area::after{
    content:"";
    height:96.8%;
    width:99.9%;
    border:5px solid #fff;
    position:absolute;
    left:1px;
    top:1px;
    right:1px;
    bottom:1px;
    border-radius:10px
}
.checkout-page .login-and-coupon-area::before{
    content:"";
    -webkit-clip-path:polygon(0 15%,100% 0%,100% 85%,0% 100%);
    clip-path:polygon(0 15%,100% 0%,100% 85%,0% 100%);
    width:3px;
    height:34px;
    background-color:var(--primary-color1);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
@media(max-width:991px){
    .checkout-page .login-and-coupon-area::before{
        display:none;
        visibility:hidden
    }
}
.checkout-page .login-and-coupon-area p{
    margin-bottom:0;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    z-index:99
}
@media(max-width:991px){
    .checkout-page .login-and-coupon-area p{
        text-align:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:5px
    }
}
.checkout-page .login-and-coupon-area p button{
    color:#000;
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    background-color:transparent;
    line-height:1;
    display:inline-flex;
    align-items:center;
    gap:5px;
    transition:.35s
}
.checkout-page .login-and-coupon-area p button:hover{
    color:var(--primary-color1)
}
.checkout-page .login-and-coupon-area .cupor-code-area{
    display:flex;
    align-items:center;
    position:relative;
    gap:5px;
    flex-wrap:wrap;
    z-index:99
}
@media(max-width:576px){
    .checkout-page .login-and-coupon-area .cupor-code-area{
        justify-content:center;
        gap:3px
    }
}
.checkout-page .login-and-coupon-area .cupor-code-area p{
    margin-bottom:0;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    position:relative;
    z-index:99
}
@media(max-width:991px){
    .checkout-page .login-and-coupon-area .cupor-code-area p{
        text-align:center;
        justify-content:center;
        flex-wrap:wrap;
        gap:5px
    }
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon>button{
    color:#000;
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:600;
    background-color:transparent;
    line-height:1;
    display:inline-flex;
    align-items:center;
    gap:5px;
    transition:.35s
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon>button:hover{
    color:var(--primary-color1)
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon .nav__search-form{
    position:absolute;
    top:calc(100% + 15px);
    right:-32px;
    width:300px;
    display:flex;
    align-items:center;
    background-color:var(--title-color1);
    border:1px solid #eee;
    transition:.35s;
    opacity:0;
    visibility:hidden
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon .nav__search-form input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    width:100%;
    padding:5px 15px;
    border-radius:50px
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon .nav__search-form input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon .nav__search-form input::placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon .nav__search-form .primary-btn3{
    width:88px;
    padding:5px 16px;
    justify-content:center
}
.checkout-page .login-and-coupon-area .cupor-code-area .cupon:hover .nav__search-form{
    opacity:1;
    visibility:visible
}
.checkout-page .inquiry-form{
    border-radius:10px;
    background:#f6eff7;
    padding:45px 35px 50px
}
@media(max-width:767px){
    .checkout-page .inquiry-form{
        padding:45px 20px 50px
    }
}
.checkout-page .inquiry-form .title{
    margin-bottom:25px
}
.checkout-page .inquiry-form .title h4{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:700
}
.checkout-page .inquiry-form .title p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.checkout-page .inquiry-form .form-inner{
    position:relative;
    line-height:1
}
.checkout-page .inquiry-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.checkout-page .inquiry-form .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.checkout-page .inquiry-form .form-inner label.containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400!important;
    line-height:1
}
.checkout-page .inquiry-form .form-inner label.containerss span.text{
    font-weight:600
}
.checkout-page .inquiry-form .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.checkout-page .inquiry-form .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.checkout-page .inquiry-form .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:2.5px;
    top:-2px;
    position:absolute
}
.checkout-page .inquiry-form .form-inner label.containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:16px;
    width:16px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.checkout-page .inquiry-form .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.checkout-page .inquiry-form .form-inner label.containerss .stars{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    margin-top:-2px
}
.checkout-page .inquiry-form .form-inner label.containerss .stars li{
    line-height:1
}
.checkout-page .inquiry-form .form-inner label.containerss .stars li i{
    color:#dda701;
    font-size:13px
}
.checkout-page .inquiry-form .form-inner label.containerss .stars li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.checkout-page .inquiry-form .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    height:48px;
    width:100%;
    padding:10px 20px
}
.checkout-page .inquiry-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .inquiry-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .inquiry-form .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    height:48px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:100px
}
.checkout-page .inquiry-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .inquiry-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.checkout-page .inquiry-form .form-inner .primary-btn3{
    padding:17px 28px;
    justify-content:center;
    width:100%
}
.checkout-page .cart-menu{
    min-height:10rem;
    z-index:99;
    transform-origin:top
}
.checkout-page .cart-body ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:50px
}
.checkout-page .cart-body ul .single-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px
}
.checkout-page .cart-body ul .single-item:last-child{
    margin-bottom:0
}
.checkout-page .cart-body ul .single-item .item-area{
    display:flex;
    align-items:center;
    gap:20px;
    position:relative;
    width:100%
}
.checkout-page .cart-body ul .single-item .item-area .close-btn{
    background:0 0;
    transition:.35s;
    width:25px;
    height:25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14)
}
.checkout-page .cart-body ul .single-item .item-area .close-btn i{
    color:#ff4820;
    line-height:1;
    font-size:20px;
    transition:.35s
}
.checkout-page .cart-body ul .single-item .item-area .close-btn:hover{
    background-color:#ff4820
}
.checkout-page .cart-body ul .single-item .item-area .close-btn:hover i{
    color:var(--white-color)
}
.checkout-page .cart-body ul .single-item .item-area .main-item{
    display:flex;
    gap:15px;
    width:100%
}
@media(max-width:767px){
    .checkout-page .cart-body ul .single-item .item-area .main-item{
        gap:12px
    }
}
.checkout-page .cart-body ul .single-item .item-area .main-item .item-img{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.checkout-page .cart-body ul .single-item .item-area .main-item .item-img img{
    height:70px;
    max-width:90px;
    min-width:90px;
    border-radius:5px
}
@media(max-width:767px){
    .checkout-page .cart-body ul .single-item .item-area .main-item .item-img img{
        width:45px;
        height:unset
    }
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content-and-quantity{
    width:100%
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content{
    line-height:1;
    margin-bottom:10px
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content span{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:15px;
    color:var(--title-color);
    display:inline-block
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content h6{
    margin-bottom:0;
    line-height:1
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a{
    font-family:var(--font-montserrat);
    font-weight:500;
    font-size:16px;
    line-height:1.5;
    color:var(--title-color)
}
.checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a strong{
    font-weight:600
}
@media(max-width:767px){
    .checkout-page .cart-body ul .single-item .item-area .main-item .content h6 a{
        font-size:14px
    }
}
.checkout-page .cart-body ul .single-item .quantity-area .quantity{
    display:flex;
    gap:5px
}
.checkout-page .cart-body ul .single-item .quantity-area .quantity a{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#fff;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--title-color);
    font-weight:600;
    cursor:pointer;
    transition:.35s
}
.checkout-page .cart-body ul .single-item .quantity-area .quantity a:hover{
    background:var(--primary-color1);
    border:1px solid --primary-color1
}
.checkout-page .cart-body ul .single-item .quantity-area .quantity input{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#fff;
    border:1px solid rgba(238,238,238,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:var(--title-color);
    font-weight:600;
    text-align:center
}
.checkout-page .cart-footer{
    justify-content:flex-start;
    padding:0;
    border-top:1px solid rgba(255,255,255,.7)
}
.checkout-page .cart-footer .pricing-area{
    width:100%
}
.checkout-page .cart-footer .pricing-area ul{
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:1px solid rgba(255,255,255,.7);
    width:100%;
    padding:10px 0
}
.checkout-page .cart-footer .pricing-area ul:last-child{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:30px
}
.checkout-page .cart-footer .pricing-area ul li{
    font-family:var(--font-montserrat);
    font-weight:600;
    font-size:13px;
    color:var(--title-color);
    display:flex;
    justify-content:space-between;
    width:100%
}
.checkout-page .cart-footer .pricing-area ul.total li{
    font-weight:700
}
.checkout-page .choose-payment-mathord{
    margin-bottom:40px;
    line-height:1
}
.checkout-page .choose-payment-mathord h6{
    margin-bottom:10px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600
}
.checkout-page .choose-payment-mathord .payment-option{
    line-height:1
}
.checkout-page .choose-payment-mathord .payment-option ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:30px
}
.checkout-page .choose-payment-mathord .payment-option ul li{
    width:110px;
    height:68px;
    background-color:var(--white-color);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative
}
.checkout-page .choose-payment-mathord .payment-option ul li .checked{
    position:absolute;
    top:0;
    left:0;
    width:32px;
    height:32px;
    background:#d2e7ef;
    -webkit-clip-path:polygon(0 0,0% 100%,100% 0);
    clip-path:polygon(0 0,0% 100%,100% 0);
    border-top-left-radius:5px
}
.checkout-page .choose-payment-mathord .payment-option ul li .checked i{
    opacity:0;
    color:var(--title-color);
    margin-left:2px
}
.checkout-page .choose-payment-mathord .payment-option ul li.active .checked{
    background:var(--primary-color1)
}
.checkout-page .choose-payment-mathord .payment-option ul li.active .checked i{
    opacity:1
}
.cart-page .cart-widget-title{
    margin-bottom:35px
}
@media(max-width:991px){
    .cart-page .cart-widget-title{
        margin-bottom:25px
    }
}
.cart-page .cart-widget-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
.cart-page .cart-shopping-wrapper .cart-table{
    width:100%
}
.cart-page .cart-shopping-wrapper .cart-table thead tr{
    border-top:1px solid rgba(238,238,238,.93);
    border-bottom:1px solid rgba(238,238,238,.93)
}
.cart-page .cart-shopping-wrapper .cart-table thead tr th{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:500;
    line-height:1;
    padding:20px 15px
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table thead tr th{
        display:none
    }
}
.cart-page .cart-shopping-wrapper .cart-table thead tr th:first-child{
    padding-left:0
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr{
        border-bottom:1px solid rgba(238,238,238,.93)
    }
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td{
    padding:30px 15px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    line-height:1
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td span{
    color:var(--text-color)
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td:first-child{
    padding-left:0
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td{
        text-align:right
    }
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper{
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper{
        align-items:flex-end;
        flex-direction:column
    }
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-img img{
    border-radius:5px
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content h6{
    color:#16191e;
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:10px
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    margin-bottom:35px
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content p span{
    color:var(--title-color);
    font-weight:600
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul{
        justify-content:flex-end
    }
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
    position:relative;
    transition:.5s
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:last-child::before{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-10px;
    width:1px;
    height:11px;
    background-color:rgba(22,25,30,.2)
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2{
    position:absolute;
    top:-30px;
    right:-60px;
    opacity:0;
    transform:scaleY(0);
    transform-origin:bottom
}
@media(max-width:991px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2{
        right:unset;
        left:-60px
    }
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity{
    display:flex;
    gap:5px
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a{
    height:24px;
    width:34px;
    border-radius:4px;
    background-color:#f3f3f3;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--title-color);
    font-weight:600;
    cursor:pointer;
    transition:.35s
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity a:hover,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity a:hover{
    background:var(--primary-color1);
    border:1px solid --primary-color1
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area .quantity input,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2 .quantity input{
    height:24px;
    width:34px;
    border-radius:4px;
    background:#fff;
    border:1px solid rgba(19,20,26,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:var(--title-color);
    font-weight:600;
    text-align:center
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area.active,.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li .quantity-area2.active{
    opacity:1;
    transform:scaleY(1);
    animation:fade-down .3s linear
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover{
    color:#ff4820
}
.cart-page .cart-shopping-wrapper .cart-table tbody tr td .product-info-wrapper .product-info-content ul li:hover:last-child{
    color:var(--primary-color1)
}
@media(max-width:767px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td{
        display:block;
        width:100%;
        text-align:right;
        position:relative;
        padding:15px
    }
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before{
        content:attr(data-label);
        position:absolute;
        left:15px;
        color:var(--title-color);
        font-family:var(--font-Jost);
        font-size:18px;
        font-style:normal;
        font-weight:500;
        text-transform:capitalize
    }
}
@media(max-width:767px) and (max-width:576px){
    .cart-page .cart-shopping-wrapper .cart-table tbody tr td::before{
        font-size:13px;
        font-weight:700
    }
}
@media(min-width:992px){
    .cart-page .cart-order-sum-area{
        padding-left:15px
    }
}
.cart-page .cart-order-sum-area .order-summary-wrap{
    padding:40px;
    border:1px solid #eee;
    border-radius:10px
}
@media(min-width:992px) and (max-width:1199px){
    .cart-page .cart-order-sum-area .order-summary-wrap{
        padding:40px 25px
    }
}
@media(max-width:576px){
    .cart-page .cart-order-sum-area .order-summary-wrap{
        padding:35px 25px
    }
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list{
    padding:0;
    margin:0;
    list-style:none;
    width:100%
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:30px;
    line-height:1
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:first-child{
    padding-bottom:20px;
    border-bottom:1px solid #eee
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:500;
    line-height:1;
    display:inline-block
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info{
    text-align:right
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:400;
    line-height:1;
    margin-bottom:0
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p strong{
    font-weight:500
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .order-info p.shipping{
    margin-bottom:10px
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area{
    width:100%;
    margin-bottom:10px
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area span{
    margin-bottom:15px
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner{
    position:relative
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input{
    width:100%;
    height:40px;
    padding:10px 100px 10px 20px;
    background-color:#f6f2f8;
    border-radius:5px 0 0 5px;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li .coupon-area .form-inner .primary-btn6{
    padding:11px 23px;
    border-radius:0 5px 5px 0;
    position:absolute;
    top:0;
    right:0
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child{
    margin-bottom:40px
}
.cart-page .cart-order-sum-area .order-summary-wrap .order-summary-list li:last-child span{
    font-size:16px;
    font-weight:600
}
.cart-page .cart-order-sum-area .order-summary-wrap .primary-btn3{
    width:100%;
    justify-content:center;
    padding:18px 25px
}
.recent-car-parts-area{
    background:#faf8fb
}
.faq-page-wrap .faq-area .section-title-and-filter{
    display:flex;
    align-items:center;
    justify-content:space-between
}
@media(max-width:767px){
    .faq-page-wrap .faq-area .section-title-and-filter{
        flex-wrap:wrap;
        gap:20px
    }
}
.faq-page-wrap .faq-area .section-title-and-filter .section-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-weight:600;
    margin-bottom:0
}
.faq-page-wrap .faq-area .section-title-and-filter .filter-atra{
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    display:flex;
    align-items:center;
    gap:20px;
    padding:6px 6px 6px 20px
}
.faq-page-wrap .faq-area .section-title-and-filter .filter-atra h6{
    margin-bottom:0;
    line-height:1;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:500
}
.faq-page-wrap .faq-area .section-title-and-filter .filter-atra .nice-select{
    height:30px;
    background-color:var(--primary-color1);
    padding-left:15px;
    padding-right:35px
}
.faq-page-wrap .faq-area .section-title-and-filter .filter-atra .nice-select::after{
    border-color:var(--title-color);
    right:18px;
    height:7px;
    width:7px
}
.faq-page-wrap .faq-area .section-title-and-filter .filter-atra .nice-select .current{
    color:var(--title-color);
    font-weight:600;
    font-size:13px
}
.faq-page-wrap .faq-wrap{
    border-radius:10px;
    border:1px solid rgba(238,238,238,.61);
    padding:20px
}
@media(max-width:576px){
    .faq-page-wrap .faq-wrap{
        padding:10px
    }
}
.faq-inquiery-form{
    background:#f6eff7;
    position:relative
}
.faq-inquiery-form .form-img{
    position:absolute;
    right:0;
    bottom:0
}
@media(min-width:1400px) and (max-width:1599px){
    .faq-inquiery-form .form-img img{
        max-width:800px
    }
}
@media(max-width:1499px){
    .faq-inquiery-form .form-img img{
        max-width:750px
    }
}
@media(max-width:1399px){
    .faq-inquiery-form .form-img img{
        max-width:670px
    }
}
.faq-inquiery-form .section-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-weight:600;
    margin-bottom:40px
}
.faq-inquiery-form form{
    border-radius:10px;
    background:#fff;
    padding:40px 50px
}
@media(max-width:576px){
    .faq-inquiery-form form{
        padding:40px 25px
    }
}
.faq-inquiery-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:inline-block;
    margin-bottom:5px
}
.faq-inquiery-form .form-inner input{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    height:50px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%
}
.faq-inquiery-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.faq-inquiery-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.faq-inquiery-form .form-inner input:focus{
    border:1px solid #efb93f;
    background:#fff
}
.faq-inquiery-form .form-inner textarea{
    border-radius:5px;
    border:1px solid #eee;
    background:#fbf7fb;
    min-height:150px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    padding:10px 20px;
    width:100%;
    outline:none
}
.faq-inquiery-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.faq-inquiery-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.faq-inquiery-form .form-inner textarea:focus{
    border:1px solid #efb93f;
    background:#fff
}
.faq-inquiery-form .primary-btn3{
    padding:18px 28px
}
.pricing-plan-section .single-plan{
    border-radius:10px;
    background:#fbf7fb;
    padding:60px 35px;
    position:relative
}
.pricing-plan-section .single-plan .batch{
    position:absolute;
    left:0;
    top:0;
    line-height:1
}
.pricing-plan-section .single-plan .batch span{
    color:#fff;
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600;
    background-color:#3c50fe;
    padding:7px 21px;
    border-radius:10px 0 10px 0;
    display:inline-block
}
.pricing-plan-section .single-plan .pricing-top{
    line-height:1;
    margin-bottom:35px
}
.pricing-plan-section .single-plan .pricing-top h3{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:36px;
    font-weight:600;
    line-height:1;
    margin-bottom:10px
}
.pricing-plan-section .single-plan .pricing-top p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px;
    margin-bottom:0
}
.pricing-plan-section .single-plan .plan-rate{
    margin-bottom:30px
}
.pricing-plan-section .single-plan .plan-rate h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:28px
}
.pricing-plan-section .single-plan .plan-rate h6 sub{
    color:var(--text-color);
    font-size:16px;
    bottom:-.15em;
    font-weight:400
}
.pricing-plan-section .single-plan .plan-rate h6 sub.red{
    font-weight:600;
    color:#ff5e3a
}
.pricing-plan-section .single-plan .plan-btn-area{
    margin-bottom:35px
}
.pricing-plan-section .single-plan .plan-btn-area .primary-btn3{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:18px 25px
}
.pricing-plan-section .single-plan .plan-btn-area .primary-btn6{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:17px 25px;
    line-height:1
}
.pricing-plan-section .single-plan .plan-btn-area .call-now{
    color:var(--title-color);
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600;
    line-height:28px;
    text-decoration-line:underline;
    display:flex;
    justify-content:center;
    padding-top:10px;
    transition:.35s
}
.pricing-plan-section .single-plan .plan-btn-area .call-now:hover{
    color:var(--primary-color1)
}
.pricing-plan-section .single-plan .pricing-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    margin-bottom:18px
}
.pricing-plan-section .single-plan .pricing-content ul{
    margin:0;
    padding:0;
    list-style:none
}
.pricing-plan-section .single-plan .pricing-content ul li{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    margin-bottom:20px
}
.pricing-plan-section .single-plan .pricing-content ul li:last-child{
    margin-bottom:0
}
.pricing-plan-section .single-plan .pricing-content ul li svg{
    fill:var(--title-color)
}
.contact-page .single-location{
    border-radius:10px;
    border:1px solid #eee;
    padding:40px
}
@media(max-width:767px){
    .contact-page .single-location{
        padding:40px 25px
    }
}
.contact-page .single-location .title-and-view-btn{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px
}
.contact-page .single-location .title-and-view-btn h5{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    margin-bottom:0;
    line-height:1
}
.contact-page .single-location .title-and-view-btn a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600;
    transition:.35s;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px
}
.contact-page .single-location .title-and-view-btn a svg{
    fill:var(--title-color);
    transition:.35s
}
.contact-page .single-location .title-and-view-btn a:hover{
    color:var(--primary-color1)
}
.contact-page .single-location .title-and-view-btn a:hover svg{
    fill:var(--primary-color1)
}
.contact-page .single-location ul{
    margin:0;
    padding:0;
    list-style:none
}
.contact-page .single-location ul li{
    display:flex;
    align-items:center;
    gap:14px;
    line-height:1;
    margin-bottom:10px;
    transition:.35s
}
.contact-page .single-location ul li:last-child{
    margin-bottom:0
}
.contact-page .single-location ul li .icon{
    max-width:34px;
    min-width:34px;
    height:34px;
    border:1px solid #eee;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s
}
.contact-page .single-location ul li .icon svg{
    transition:.35s;
    fill:var(--primary-color1)
}
.contact-page .single-location ul li .info{
    line-height:1
}
.contact-page .single-location ul li .info a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:500;
    line-height:26px;
    display:block
}
.contact-page .single-location ul li .info a:hover{
    color:var(--primary-color1)
}
.contact-page .single-location ul li:hover .icon{
    background-color:var(--primary-color1)
}
.contact-page .single-location ul li:hover .icon svg{
    fill:var(--title-color)
}
.contact-page .single-contact{
    border:1px solid #eee;
    border-radius:10px;
    padding:30px 50px;
    display:flex;
    align-items:center;
    gap:15px;
    position:relative
}
.contact-page .single-contact .title{
    line-height:1;
    background-color:var(--white-color);
    position:absolute;
    left:35px;
    top:-9px;
    padding:0 20px
}
.contact-page .single-contact .title h6{
    margin-bottom:0;
    line-height:1;
    color:#5e5e5e;
    font-family:Open Sans;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:normal
}
.contact-page .single-contact .icon{
    width:40px;
    height:40px;
    border-radius:5px;
    background-color:var(--primary-color1);
    display:flex;
    align-items:center;
    justify-content:center
}
.contact-page .single-contact .icon svg{
    fill:var(--title-color)
}
.contact-page .single-contact .content{
    line-height:1
}
.contact-page .single-contact .content span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1
}
.contact-page .single-contact .content h6{
    margin-bottom:0
}
.contact-page .single-contact .content h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    transition:.35s
}
.contact-page .single-contact .content h6 a:hover{
    color:var(--primary-color1)
}
.contact-page .service-available{
    display:flex;
    align-items:flex-start;
    gap:5px;
    padding-top:15px
}
.contact-page .service-available span{
    color:#ff4820;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:25px
}
.contact-page .service-available p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.contact-page .service-available p strong{
    font-weight:600
}
.contact-page .section-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-weight:700
}
.contact-page .inquiry-form{
    border-radius:10px;
    background:#f6eff7;
    padding:45px 60px 50px
}
@media(max-width:767px){
    .contact-page .inquiry-form{
        padding:45px 25px 50px
    }
}
.contact-page .inquiry-form .title{
    margin-bottom:25px
}
.contact-page .inquiry-form .title h4{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:700
}
.contact-page .inquiry-form .title p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.contact-page .inquiry-form .form-inner{
    position:relative;
    line-height:1
}
.contact-page .inquiry-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    display:block;
    margin-bottom:10px
}
.contact-page .inquiry-form .form-inner label span{
    color:var(--text-color)
}
.contact-page .inquiry-form .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.contact-page .inquiry-form .form-inner label.containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400!important;
    line-height:1
}
.contact-page .inquiry-form .form-inner label.containerss span.text{
    font-weight:600
}
.contact-page .inquiry-form .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.contact-page .inquiry-form .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.contact-page .inquiry-form .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:1.5px;
    top:-3px;
    position:absolute
}
.contact-page .inquiry-form .form-inner label.containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:14px;
    width:14px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.contact-page .inquiry-form .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.contact-page .inquiry-form .form-inner label.containerss .stars{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    margin-top:-2px
}
.contact-page .inquiry-form .form-inner label.containerss .stars li{
    line-height:1
}
.contact-page .inquiry-form .form-inner label.containerss .stars li i{
    color:#dda701;
    font-size:13px
}
.contact-page .inquiry-form .form-inner label.containerss .stars li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.contact-page .inquiry-form .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:400;
    height:50px;
    width:100%;
    padding:10px 20px
}
.contact-page .inquiry-form .form-inner input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.contact-page .inquiry-form .form-inner input::placeholder{
    color:rgba(19,20,26,.5)
}
.contact-page .inquiry-form .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:100px
}
.contact-page .inquiry-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.contact-page .inquiry-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.contact-page .inquiry-form .form-inner .primary-btn3{
    padding:17px 28px;
    justify-content:center
}
.contact-map{
    line-height:0
}
.contact-map iframe{
    width:100%;
    height:450px
}
.error-page{
    background-color:#faf8fb;
    padding:165px 0
}
@media(max-width:576px){
    .error-page{
        padding:130px 0
    }
}
.error-page .error-wrapper{
    max-width:550px;
    width:100%;
    margin:0 auto
}
.error-page .error-wrapper .error-content-area h1{
    color:#000;
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:40px;
    font-weight:700;
    margin-bottom:12px
}
.error-page .error-wrapper .error-content-area p{
    color:#000;
    text-align:center;
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:500;
    margin-bottom:35px
}
.error-page .error-wrapper .error-content-area .primary-btn3{
    padding:18px 31px
}
.customer-feedback-pages .feedback-card{
    padding:40px 30px;
    background:#faf8fb;
    border-radius:10px;
    border:1px solid transparent;
    transition:.35s
}
.customer-feedback-pages .feedback-card .feedback-top{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:15px
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area{
    display:flex;
    flex-direction:column
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height:1;
    display:flex;
    align-items:center;
    gap:5px;
    padding-top:7px;
    margin-bottom:5px
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area ul li{
    line-height:1
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area ul li i{
    font-style:13px;
    color:#dda701
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area img{
    margin-bottom:5px
}
.customer-feedback-pages .feedback-card .feedback-top .stat-area span{
    font-family:var(--font-open-sans);
    font-weight:600;
    font-size:14px;
    line-height:19px;
    color:var(--title-color)
}
.customer-feedback-pages .feedback-card p{
    font-size:18px;
    font-weight:500;
    line-height:32px;
    color:var(--text-color)
}
.customer-feedback-pages .feedback-card .author-name{
    display:flex;
    align-items:center;
    gap:6px
}
.customer-feedback-pages .feedback-card .author-name h6{
    margin-bottom:0;
    font-family:var(--font-montserrat);
    font-weight:700;
    font-size:14px;
    line-height:17px;
    color:var(--title-color);
    padding-left:30px;
    position:relative
}
.customer-feedback-pages .feedback-card .author-name h6::after{
    content:"";
    height:1px;
    width:20px;
    background-color:var(--title-color);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.customer-feedback-pages .feedback-card .author-name span{
    color:var(--text-color);
    font-size:12px;
    font-family:var(--font-open-sans);
    font-weight:600
}
.customer-feedback-pages .feedback-card:hover{
    border-color:var(--primary-color1)
}
.customer-feedback-pages .primary-btn3{
    padding:18px 45px
}
.return-and-exchange-pages .update-date{
    display:flex;
    align-items:center;
    gap:48px;
    line-height:1
}
.return-and-exchange-pages .update-date h6{
    margin-bottom:0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    line-height:1;
    position:relative
}
.return-and-exchange-pages .update-date h6 i{
    color:var(--primary-color1)
}
.return-and-exchange-pages .update-date h6::after{
    content:"";
    width:28px;
    height:1px;
    background-color:var(--title-color);
    position:absolute;
    right:-38px;
    top:50%;
    transform:translateY(-50%)
}
.return-and-exchange-pages .update-date p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.return-and-exchange-pages .return-and-exchange h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:26px;
    font-weight:700;
    margin-bottom:15px
}
.return-and-exchange-pages .return-and-exchange p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px
}
.return-and-exchange-pages .return-and-exchange p:last-child{
    margin-bottom:0
}
.return-and-exchange-pages .return-and-exchange ul{
    margin:0;
    padding:0;
    list-style:none;
    padding-left:50px;
    margin-bottom:5px
}
@media(max-width:767px){
    .return-and-exchange-pages .return-and-exchange ul{
        padding-left:20px
    }
}
.return-and-exchange-pages .return-and-exchange ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400;
    line-height:30px;
    margin-bottom:15px
}
.return-and-exchange-pages .return-and-exchange ul li strong{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    line-height:30px
}
.range-wrapper2 .slider-wrapper{
    margin-bottom:25px
}
.range-wrapper2 .slider-wrapper .ui-slider-horizontal{
    height:10px;
    border-radius:10px
}
.range-wrapper2 .slider-wrapper .ui-widget.ui-widget-content{
    border:none;
    background-color:#eee;
    border:1px solid #eee
}
.range-wrapper2 .slider-wrapper .ui-slider-range{
    background-color:var(--primary-color1)
}
.range-wrapper2 .slider-wrapper .ui-slider-handle{
    border:5px solid var(--primary-color1);
    border-radius:50%;
    width:18px;
    height:18px;
    background-color:var(--white-color);
    top:-7px;
    display:inline-block;
    position:relative
}
.range-wrapper2 .slider-wrapper .ui-slider-handle:focus-visible{
    outline:none
}
.range-wrapper2 .valus{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.range-wrapper2 .valus .min-value,.range-wrapper2 .valus .max-value{
    max-width:45%;
    width:100%;
    height:50px;
    border-radius:5px;
    background-color:#f3f3f3;
    display:flex;
    align-items:center;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    padding:15px
}
.range-wrapper2 .valus .min-value span,.range-wrapper2 .valus .max-value span{
    line-height:1;
    display:flex;
    margin-top:3px
}
.range-wrapper2 .valus .min-value input,.range-wrapper2 .valus .max-value input{
    width:100%;
    background-color:transparent;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1
}
.range-wrapper2 .valus .min-value input::-moz-placeholder,.range-wrapper2 .valus .max-value input::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.range-wrapper2 .valus .min-value input::placeholder,.range-wrapper2 .valus .max-value input::placeholder{
    color:rgba(19,20,26,.5)
}
.thankyou-modal .modal-dialog{
    max-width:630px;
    width:100%
}
.thankyou-modal .modal-dialog .modal-content{
    position:relative
}
.thankyou-modal .modal-dialog .modal-content .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    z-index:99;
    transition:.35s
}
.thankyou-modal .modal-dialog .modal-content .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.thankyou-modal .modal-dialog .modal-content .btn-close:hover{
    background-color:#ff4820
}
.thankyou-modal .modal-dialog .modal-content .btn-close:hover i{
    color:var(--white-color)
}
.thankyou-modal .modal-dialog .modal-content .modal-body{
    padding:50px 30px
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-img{
    margin-bottom:80px
}
@media(max-width:576px){
    .thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-img{
        margin-bottom:60px
    }
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content{
    text-align:center
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content h3{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:15px
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.6;
    margin-bottom:50px
}
@media(max-width:576px){
    .thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content p{
        margin-bottom:30px
    }
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content .subscription-area a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
.thankyou-modal .modal-dialog .modal-content .modal-body .thank-you-wrapper .thank-you-content .subscription-area a svg{
    fill:var(--title-color)
}
.pricing-checkout-page .package-and-login-area{
    border-radius:10px;
    background:#fbf7fb;
    padding:25px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    flex-wrap:wrap;
    border-bottom:2px solid #ff4820;
    margin-bottom:60px
}
.pricing-checkout-page .package-and-login-area p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
.pricing-checkout-page .package-and-login-area button{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    background-color:transparent;
    text-transform:capitalize;
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px
}
.pricing-checkout-page .package-and-login-area button svg{
    fill:var(--black-color)
}
.pricing-checkout-page .package-pricing-area{
    background-color:#fbf7fb;
    padding:50px;
    border-radius:10px 0 0 10px;
    height:100%;
    position:relative
}
.pricing-checkout-page .package-pricing-area .package-title{
    padding-bottom:20px;
    border-bottom:1px solid rgba(22,25,30,.1);
    margin-bottom:60px
}
@media(max-width:767px){
    .pricing-checkout-page .package-pricing-area .package-title{
        margin-bottom:40px
    }
}
.pricing-checkout-page .package-pricing-area .package-title h6{
    color:var(--black-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1;
    margin-bottom:0
}
.pricing-checkout-page .package-pricing-area .package-price-permonth{
    margin-bottom:50px
}
@media(max-width:767px){
    .pricing-checkout-page .package-pricing-area .package-price-permonth{
        margin-bottom:40px
    }
}
.pricing-checkout-page .package-pricing-area .package-price-permonth h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:28px
}
.pricing-checkout-page .package-pricing-area .package-price-permonth h6 sub{
    color:var(--text-color);
    font-size:16px;
    bottom:-.15em;
    font-weight:400
}
.pricing-checkout-page .package-pricing-area .package-pricing-content{
    padding-bottom:100px
}
.pricing-checkout-page .package-pricing-area .package-pricing-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    margin-bottom:18px
}
.pricing-checkout-page .package-pricing-area .package-pricing-content ul{
    margin:0;
    padding:0;
    list-style:none
}
.pricing-checkout-page .package-pricing-area .package-pricing-content ul li{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    margin-bottom:20px
}
.pricing-checkout-page .package-pricing-area .package-pricing-content ul li:last-child{
    margin-bottom:0
}
.pricing-checkout-page .package-pricing-area .package-pricing-content ul li svg{
    fill:var(--title-color)
}
.pricing-checkout-page .package-pricing-area .back-btn{
    position:absolute;
    bottom:50px
}
.pricing-checkout-page .package-pricing-area .back-btn a{
    color:var(--black-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    gap:8px
}
.pricing-checkout-page .package-pricing-area .back-btn a svg{
    fill:var(--title-color)
}
.pricing-checkout-page .details-form{
    background:#f6eff7;
    padding:50px 70px
}
@media(max-width:991px){
    .pricing-checkout-page .details-form{
        padding:50px
    }
}
.pricing-checkout-page .details-form .details-form-title{
    margin-bottom:40px
}
.pricing-checkout-page .details-form .details-form-title h4{
    color:var(--black-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    line-height:1;
    margin-bottom:0
}
.pricing-checkout-page .details-form .form-inner{
    position:relative;
    line-height:1
}
.pricing-checkout-page .details-form .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.pricing-checkout-page .details-form .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:28px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.pricing-checkout-page .details-form .form-inner label.containerss span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:16px;
    font-weight:400!important;
    line-height:1.2
}
.pricing-checkout-page .details-form .form-inner label.containerss span.text{
    font-weight:600
}
.pricing-checkout-page .details-form .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.pricing-checkout-page .details-form .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.pricing-checkout-page .details-form .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:2.5px;
    top:-3px;
    position:absolute
}
.pricing-checkout-page .details-form .form-inner label.containerss .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:16px;
    width:16px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.pricing-checkout-page .details-form .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.pricing-checkout-page .details-form .form-inner label.containerss .stars{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:5px;
    line-height:1;
    margin-top:-2px
}
.pricing-checkout-page .details-form .form-inner label.containerss .stars li{
    line-height:1
}
.pricing-checkout-page .details-form .form-inner label.containerss .stars li i{
    color:#dda701;
    font-size:13px
}
.pricing-checkout-page .details-form .form-inner label.containerss .stars li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600
}
.pricing-checkout-page .details-form .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    border:1px solid #eee;
    font-size:13px;
    font-weight:400;
    height:50px;
    width:100%;
    padding:10px 20px
}
.pricing-checkout-page .details-form .form-inner input::-moz-placeholder{
    color:var(--text-color)
}
.pricing-checkout-page .details-form .form-inner input::placeholder{
    color:var(--text-color)
}
.pricing-checkout-page .details-form .form-inner input:focus{
    border:1px solid var(--primary-color1)
}
.pricing-checkout-page .details-form .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:100px
}
.pricing-checkout-page .details-form .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.pricing-checkout-page .details-form .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.pricing-checkout-page .details-form .form-inner .primary-btn3{
    padding:17px 36px;
    justify-content:center
}
.pricing-checkout-page .details-form .form-inner .iti{
    width:100%
}
.pricing-checkout-page .details-form .form-inner .iti input{
    padding-left:82px
}
.pricing-checkout-page .details-form .form-inner .iti__flag-container{
    top:8px;
    left:8px
}
.pricing-checkout-page .details-form .form-inner .iti__selected-flag{
    padding-left:16px;
    width:60px;
    height:34px;
    background-color:#faf8fb;
    border:1px solid #eee
}
.pricing-checkout-page .details-form .form-inner .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color:transparent
}
.pricing-checkout-page .details-form .form-inner .iti__country-list{
    max-width:280px;
    box-shadow:unset;
    background-color:#fff;
    border:1px solid var(--primary-color1)
}
.pricing-checkout-page .details-form .form-inner .iti__country-list .iti__country.iti__highlight{
    background-color:rgba(239,185,63,.5)
}
.pricing-checkout-page .details-form .form-inner .iti__country-list li{
    font-family:var(--font-montserrat);
    font-weight:400
}
.pricing-checkout-page .details-form .form-inner .iti__country-list li span{
    font-family:var(--font-montserrat);
    font-weight:400
}
.pricing-checkout-page .details-form .payment-options{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px;
    margin-bottom:40px
}
@media(max-width:576px){
    .pricing-checkout-page .details-form .payment-options{
        flex-wrap:wrap;
        gap:20px
    }
}
.pricing-checkout-page .details-form .payment-options li{
    padding-left:25px;
    position:relative;
    line-height:1;
    color:var(--black-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    cursor:pointer
}
.pricing-checkout-page .details-form .payment-options li .checked{
    width:18px;
    height:18px;
    border-radius:50%;
    background-color:#d2e7ef;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-1px;
    left:0
}
.pricing-checkout-page .details-form .payment-options li .checked svg{
    fill:var(--black-color);
    opacity:0
}
.pricing-checkout-page .details-form .payment-options li.active .checked{
    background-color:var(--primary-color1)
}
.pricing-checkout-page .details-form .payment-options li.active .checked svg{
    opacity:1
}
.pricing-checkout-page .details-form .payment-form .form-inner .card-number-input{
    position:relative
}
.pricing-checkout-page .details-form .payment-form .form-inner .card-number-input img{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10px
}
.subscription-plan-modal .modal-dialog{
    max-width:1370px;
    width:100%
}
.subscription-plan-modal .modal-dialog .modal-content{
    position:relative
}
.subscription-plan-modal .modal-dialog .modal-content .btn-close{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255,72,32,.14);
    position:absolute;
    right:20px;
    top:20px;
    padding:0;
    margin:0;
    opacity:1;
    background-image:none;
    line-height:1;
    z-index:99;
    transition:.35s
}
.subscription-plan-modal .modal-dialog .modal-content .btn-close i{
    color:#ff4820;
    font-size:24px;
    line-height:1;
    transition:.35s
}
.subscription-plan-modal .modal-dialog .modal-content .btn-close:hover{
    background-color:#ff4820
}
.subscription-plan-modal .modal-dialog .modal-content .btn-close:hover i{
    color:var(--white-color)
}
.subscription-plan-modal .modal-dialog .modal-content .modal-body{
    padding:90px
}
.dashboard-wrapper .dashboard-sidebar-wrapper{
    transition:all .8s ease-out 0s;
    background:#16191e;
    padding:20px 25px;
    max-width:305px;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999
}
@media(max-width:1699px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:270px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:235px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:220px;
        padding:20px 15px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:200px;
        padding:20px 15px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        left:-100%
    }
    .dashboard-wrapper .dashboard-sidebar-wrapper.slide{
        left:0
    }
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:120px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .dashboard-sidebar-wrapper{
        max-width:80px
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-logo{
    padding-bottom:100px
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul{
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a{
    color:var(--white-color);
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px;
    padding:20px 25px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a{
        padding:15px 25px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a{
        padding:15px 25px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a{
        font-size:14px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a{
        flex-direction:column
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a svg{
    fill:var(--primary-color1)
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a svg{
        width:25px;
        height:25px
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a h6{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    margin-bottom:0
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li a h6{
        display:none
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li.active a{
    background-color:var(--primary-color1);
    border-radius:5px
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li.active a svg{
    fill:var(--title-color)
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu>ul li.active a h6{
    color:var(--title-color)
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout{
    line-height:1;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--white-color);
    white-space:nowrap;
    padding:20px 25px
}
@media(max-width:1199px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout{
        flex-direction:column
    }
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout{
        justify-content:center
    }
}
@media(max-width:576px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout{
        padding:15px 0
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout svg{
    fill:var(--primary-color1)
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout svg{
        width:25px;
        height:25px
    }
}
.dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout h6{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    line-height:1
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-sidebar-wrapper .dashboard-sidebar-menu .logout h6{
        display:none
    }
}
.dashboard-wrapper .main-content{
    transition:all .8s ease-out 0s;
    padding:60px 40px;
    margin-left:305px;
    max-width:calc(100% - 305px);
    width:100%
}
@media(max-width:1699px){
    .dashboard-wrapper .main-content{
        padding:60px 30px;
        margin-left:270px;
        max-width:calc(100% - 270px)
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content{
        padding:60px 20px;
        margin-left:235px;
        max-width:calc(100% - 235px)
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content{
        margin-left:220px;
        max-width:calc(100% - 220px);
        padding:60px 15px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content{
        padding:60px 20px;
        margin-left:200px;
        max-width:calc(100% - 200px)
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content{
        max-width:100%;
        margin-left:0
    }
    .dashboard-wrapper .main-content.slide{
        margin-left:200px;
        max-width:calc(100% - 200px)
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content{
        margin-left:0;
        max-width:100%
    }
    .dashboard-wrapper .main-content.slide{
        margin-left:120px;
        max-width:calc(100% - 120px)
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content{
        padding:40px 5px;
        margin-left:0;
        max-width:100%;
        overflow:hidden
    }
    .dashboard-wrapper .main-content.slide{
        margin-left:80px;
        max-width:calc(100% - 80px)
    }
}
.dashboard-wrapper .main-content .form-inner{
    position:relative;
    line-height:1
}
.dashboard-wrapper .main-content .form-inner label{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:10px
}
.dashboard-wrapper .main-content .form-inner label.containerss{
    display:flex;
    width:100%;
    position:relative;
    padding-left:20px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.dashboard-wrapper .main-content .form-inner label.containerss span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:1.4
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .form-inner label.containerss span{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .form-inner label.containerss input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.dashboard-wrapper .main-content .form-inner label.containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1);
    border-radius:2px
}
.dashboard-wrapper .main-content .form-inner label.containerss input:checked~.checkmark::after{
    content:url(../img/inner-page/icon/checkbox-check.svg);
    left:1.5px;
    top:-5px;
    position:absolute
}
.dashboard-wrapper .main-content .form-inner label.containerss .checkmark{
    position:absolute;
    top:3px;
    left:0;
    height:14px;
    width:14px;
    background-color:var(--primary-color1);
    border:1px solid var(--primary-color1);
    border-radius:2px
}
.dashboard-wrapper .main-content .form-inner label.containerss:hover input~.checkmark{
    border-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .form-inner input{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    border:1px solid #eee;
    font-size:13px;
    font-weight:400;
    height:50px;
    width:100%;
    padding:10px 20px
}
.dashboard-wrapper .main-content .form-inner input::-moz-placeholder{
    color:var(--text-color)
}
.dashboard-wrapper .main-content .form-inner input::placeholder{
    color:var(--text-color)
}
.dashboard-wrapper .main-content .form-inner input:focus{
    border:1px solid var(--primary-color1)
}
.dashboard-wrapper .main-content .form-inner textarea{
    border-radius:5px;
    background:var(--white-color);
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    width:100%;
    padding:20px;
    outline:none;
    border:none;
    min-height:100px
}
.dashboard-wrapper .main-content .form-inner textarea::-moz-placeholder{
    color:rgba(19,20,26,.5)
}
.dashboard-wrapper .main-content .form-inner textarea::placeholder{
    color:rgba(19,20,26,.5)
}
.dashboard-wrapper .main-content .form-inner>i{
    position:absolute;
    right:20px;
    bottom:15px;
    color:var(--primary-color1);
    cursor:pointer
}
.dashboard-wrapper .main-content .form-inner .primary-btn3{
    padding:17px 25px;
    justify-content:center
}
.dashboard-wrapper .main-content .form-inner .nice-select{
    background-color:var(--white-color)
}
.dashboard-wrapper .main-content .form-inner .iti{
    width:100%
}
.dashboard-wrapper .main-content .form-inner .iti input{
    padding-left:82px
}
.dashboard-wrapper .main-content .form-inner .iti__flag-container{
    top:8px;
    left:8px
}
.dashboard-wrapper .main-content .form-inner .iti__selected-flag{
    padding-left:16px;
    width:60px;
    height:34px;
    background-color:#faf8fb;
    border:1px solid #eee
}
.dashboard-wrapper .main-content .form-inner .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color:transparent
}
.dashboard-wrapper .main-content .form-inner .iti__country-list{
    max-width:280px;
    box-shadow:unset;
    background-color:#fff;
    border:1px solid var(--primary-color1)
}
.dashboard-wrapper .main-content .form-inner .iti__country-list .iti__country.iti__highlight{
    background-color:rgba(239,185,63,.5)
}
.dashboard-wrapper .main-content .form-inner .iti__country-list li{
    font-family:var(--font-montserrat);
    font-weight:400
}
.dashboard-wrapper .main-content .form-inner .iti__country-list li span{
    font-family:var(--font-montserrat);
    font-weight:400
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .s-d-p-0{
        padding:0
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap{
    padding:50px;
    background-color:var(--white-color);
    border-radius:10px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap{
        padding:50px 40px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap{
        padding:50px 25px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap{
        padding:40px 15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap{
        border-right:1px solid #eee;
        border-radius:0
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    margin-bottom:15px
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area{
        flex-direction:column;
        align-items:flex-start;
        gap:15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-title{
        display:none
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1;
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown{
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-search-icon{
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#f3f3f3;
    display:flex;
    align-items:center;
    justify-content:center
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-search-icon i{
    font-size:12px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-dropdown-area .nice-select{
    height:24px;
    padding:0 26px 0 10px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-dropdown-area .nice-select .current{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-dropdown-area .nice-select::after{
    width:7px;
    height:7px;
    right:12px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-top-area .inbox-search-and-dropdown .inbox-dropdown-area .nice-select .list .option{
    padding-left:10px;
    min-height:unset;
    height:24px;
    line-height:24px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list>span{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:20px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list>span{
        text-align:center
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul{
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:35px
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li{
        gap:10px
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li{
        justify-content:center
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li{
        margin-bottom:25px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li:last-child{
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status{
    text-align:center
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status{
        display:none
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .time{
    margin-bottom:10px;
    line-height:1
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .time span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    white-space:nowrap
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .status{
    display:flex;
    justify-content:flex-end
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .status span{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:10px;
    font-weight:700;
    line-height:1;
    width:18px;
    height:18px;
    border-radius:50%;
    background-color:#ff5925;
    display:flex;
    align-items:center;
    justify-content:center
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .status svg{
    fill:var(--text-color)
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .time-status .status.seen svg{
    fill:#efb93f
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area{
    display:flex;
    align-items:center;
    gap:8px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-img img{
    width:47px;
    height:47px;
    border-radius:50%;
    max-width:unset
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-img img{
        height:36px;
        width:36px
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-content{
        display:none
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1;
    margin-bottom:12px
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-content h6{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    margin-bottom:0
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .inbox-wrap .inbox-message-list ul li .author-area .author-content p{
        font-size:13px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap{
    background-color:var(--white-color);
    border-radius:10px;
    height:100%;
    position:relative
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top{
    padding:40px;
    background-color:#f6eff7;
    margin-bottom:100px;
    position:sticky;
    left:0;
    top:60px;
    width:100%
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top{
        padding:40px 20px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top{
        padding:30px 20px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top{
        padding:20px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area{
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area{
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img{
    position:relative;
    width:71px;
    height:71px;
    border-radius:50%
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img{
        width:47px;
        height:47px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img img{
    width:71px;
    height:71px;
    border-radius:50%
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img img{
        width:47px;
        height:47px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img .active-status{
    width:16px;
    height:16px;
    border-radius:50%;
    border:3px solid var(--white-color);
    background-color:#24bc61;
    display:inline-block;
    position:absolute;
    bottom:3px;
    right:3px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-img .active-status{
        bottom:0;
        right:-3px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    line-height:1;
    margin-bottom:10px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-content h6{
        font-size:14px;
        margin-bottom:5px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-top .conversation-author-area .author-content p{
        font-size:13px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area{
    padding:30px 40px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area{
        padding:30px 20px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area{
        padding:20px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .conversation-date{
    text-align:center;
    position:relative;
    margin-bottom:90px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .conversation-date span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:12px;
    font-weight:500;
    line-height:1;
    padding:8px 31px;
    background-color:var(--white-color);
    border-radius:14.5px;
    border:1px solid #eee;
    display:inline-block;
    z-index:1;
    position:relative
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .conversation-date::before{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:100%;
    height:1px;
    background-color:#eee
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation{
    display:flex;
    gap:15px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation{
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-img img{
    width:40px;
    height:40px;
    border-radius:50%;
    max-width:unset
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .author-name-and-date{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:15px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .author-name-and-date{
        flex-wrap:wrap;
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .author-name-and-date h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:500;
    line-height:1;
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .author-name-and-date span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .conversation-list{
    padding:0;
    margin:0;
    list-style:none;
    max-width:310px;
    width:100%
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .conversation-list li{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    padding:10px 15px;
    border:1px solid #eee;
    border-radius:0 10px 10px;
    margin-bottom:10px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .conversation-list li:last-child{
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation .author-content .conversation-list li{
        font-size:13px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation.two{
    justify-content:flex-end
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation.two .author-name-and-date{
    justify-content:flex-end
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .single-conversation.two .conversation-list li{
    border-radius:10px 0 10px 10px
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper{
    background-color:#faf8fb;
    border-radius:50px;
    padding:10px 20px;
    position:sticky;
    left:0;
    bottom:0;
    width:100%
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper{
        padding:5px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner{
    background-color:var(--white-color);
    padding:20px 40px;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner{
        padding:10px 25px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner{
        padding:5px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area{
    display:flex;
    align-items:center;
    gap:20px;
    width:100%
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area{
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area .add-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background-color:#faf8fb;
    display:flex;
    align-items:center;
    justify-content:center
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area .add-icon{
        background-color:transparent;
        width:unset;
        height:unset
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area .add-icon i{
    font-size:14px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area .add-icon i{
        font-size:12px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area input{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    width:100%
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .input-area input{
        font-size:12px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:25px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list{
        gap:15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list{
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list li button{
    width:36px;
    height:36px;
    border-radius:50%;
    background-color:#faf8fb;
    transition:.5s
}
.dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list li button:hover{
    background-color:var(--primary-color1)
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list li button:hover{
        background-color:unset
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-message-wrapper .conversation-wrap .conversation-area .from-wrapper .from-inner .icon-list li button{
        background-color:transparent;
        width:unset;
        height:unset
    }
}
.dashboard-wrapper .main-content .pagination-area{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .pagination-area{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .pagination-area .paginations{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:15px
}
.dashboard-wrapper .main-content .pagination-area .paginations .page-item a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid rgba(22,25,30,.1);
    display:flex;
    align-items:center;
    justify-content:center
}
.dashboard-wrapper .main-content .pagination-area .paginations .page-item.active a{
    background-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:40px
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li a{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    transition:.5s
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li a svg{
    fill:var(--text-color);
    transition:.5s
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li a:hover{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li a:hover svg{
    fill:var(--primary-color1)
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li:last-child{
    position:relative
}
.dashboard-wrapper .main-content .pagination-area .paginations-buttons li:last-child::before{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-20px;
    width:1px;
    height:14px;
    background-color:rgba(22,25,30,.4)
}
.dashboard-wrapper .main-content .main-content-title-profile{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:15px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .main-content-title-profile{
        flex-wrap:wrap
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .main-content-title-profile{
        flex-direction:column
    }
}
.dashboard-wrapper .main-content .main-content-title-profile .main-content-title{
    display:flex;
    align-items:center;
    gap:10px
}
.dashboard-wrapper .main-content .main-content-title-profile .main-content-title h3{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .main-content-title-profile .main-content-title h3{
        font-size:24px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .main-content-title-profile .main-content-title img{
        display:none
    }
}
.dashboard-wrapper .main-content .main-content-title-profile .profile a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:6px;
    transition:.5s
}
.dashboard-wrapper .main-content .main-content-title-profile .profile a svg{
    fill:var(--title-color);
    transition:.5s
}
.dashboard-wrapper .main-content .main-content-title-profile .profile a:hover{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .main-content-title-profile .profile a:hover svg{
    transform:rotate(45deg);
    fill:var(--primary-color1)
}
.dashboard-wrapper .main-content .counter-area{
    margin-bottom:40px
}
.dashboard-wrapper .main-content .counter-area .counter-single{
    background-color:#03c170;
    border-radius:10px;
    padding:35px 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    position:relative
}
@media(max-width:1699px){
    .dashboard-wrapper .main-content .counter-area .counter-single{
        padding:35px 15px;
        gap:15px
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .counter-area .counter-single{
        padding:30px 15px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .counter-area .counter-single{
        padding:25px 15px;
        gap:12px
    }
}
.dashboard-wrapper .main-content .counter-area .counter-single .counter-content p{
    color:var(--white-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:8px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .counter-area .counter-single .counter-content p{
        margin-bottom:3px
    }
}
.dashboard-wrapper .main-content .counter-area .counter-single .counter-content .number{
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .counter-area .counter-single .counter-content .number{
        font-size:25px
    }
}
.dashboard-wrapper .main-content .counter-area .counter-single .counter-content .number h3{
    margin-bottom:0;
    color:var(--white-color);
    font-family:var(--font-montserrat);
    font-size:30px;
    font-weight:600
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .counter-area .counter-single .counter-content .number h3{
        font-size:25px
    }
}
.dashboard-wrapper .main-content .counter-area .counter-single .counter-area-vector{
    position:absolute;
    top:-70px;
    left:45px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .counter-area .counter-single .counter-area-vector{
        display:none
    }
}
.dashboard-wrapper .main-content .counter-area .counter-single.two{
    background:#3093ef
}
.dashboard-wrapper .main-content .counter-area .counter-single.three{
    background:#f27c3a
}
.dashboard-wrapper .main-content .counter-area .counter-single.four{
    background:#118cb2
}
.dashboard-wrapper .main-content .recent-listing-area{
    border-radius:10px;
    background:#fff;
    padding:50px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area{
        padding:50px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area{
        padding:50px 30px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area{
        padding:50px 25px
    }
}
.dashboard-wrapper .main-content .recent-listing-area h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:45px
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area h6{
        margin-bottom:30px
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2{
    width:100%;
    margin-bottom:30px
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr{
    border-bottom:1px solid #eee
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr th{
    padding:0 15px 20px;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-transform:capitalize;
    text-align:center
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr th:first-child{
    padding-left:0;
    text-align:start
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr th{
        padding:0 10px 20px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr th{
        padding:0 10px 20px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 thead tr th{
        display:none
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr{
    border-bottom:1px solid #e9e7e7
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td{
    padding:35px 15px;
    margin-bottom:0;
    text-align:center;
    line-height:1.2
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td:first-child{
    padding-left:0;
    text-align:start
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td{
        padding:30px 10px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td{
        padding:30px 10px
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper{
    display:flex;
    align-items:center;
    gap:25px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper{
        gap:15px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper{
        gap:15px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper{
        gap:15px;
        flex-direction:column;
        align-items:flex-end
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper{
        padding-top:40px
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-img img{
    border-radius:5px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-img img{
        max-width:150px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-img img{
        max-width:150px
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .location{
    margin-bottom:7px
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .location a{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:6px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .location a{
        justify-content:flex-end
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6{
    margin-bottom:35px;
    line-height:1.2
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6{
        margin-bottom:20px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6{
        margin-bottom:15px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6{
        text-align:right
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6 a{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    transition:.35s
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content h6 a:hover{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .view-details{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:8px;
    transition:.35s
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .view-details{
        justify-content:flex-end
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .property-info-wrapper .property-info-content .view-details:hover{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td span{
        font-size:12px
    }
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td span.yellow{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td span.black{
    color:var(--title-color)
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .action-buttons{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .action-buttons li{
    cursor:pointer
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td .action-buttons{
        justify-content:flex-end
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td{
        display:block;
        width:100%;
        text-align:right;
        position:relative;
        padding:15px
    }
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td::before{
        content:attr(data-label);
        position:absolute;
        left:15px;
        color:var(--title-color);
        font-family:var(--font-Jost);
        font-size:18px;
        font-style:normal;
        font-weight:500;
        text-transform:capitalize
    }
}
@media(max-width:1199px) and (max-width:576px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td::before{
        font-size:13px;
        font-weight:700
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr td{
        padding-left:40%
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .recent-listing-area .recent-listing-table .eg-table2 tbody tr{
        display:block;
        width:100%
    }
}
.dashboard-wrapper .main-content .property-details-img{
    margin-top:30px;
    margin-bottom:40px;
    background-image:url(../img/dashboard/property-img.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding:25px 25px 70px;
    border-radius:10px
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .property-details-img{
        background-position:left center
    }
}
.dashboard-wrapper .main-content .property-details-img .property-details-content p{
    color:var(--black-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:5px
}
.dashboard-wrapper .main-content .property-details-img .property-details-content h6{
    color:var(--black-color);
    font-family:var(--font-montserrat);
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:20px
}
.dashboard-wrapper .main-content .property-details-img .property-details-content .primary-btn3{
    font-size:12px;
    padding:10px 18px
}
.dashboard-wrapper .main-content .message-area{
    border-radius:10px;
    background-color:#fff;
    padding:50px 20px
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .message-area{
        padding:50px 20px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .message-area{
        padding:50px 15px
    }
}
.dashboard-wrapper .main-content .message-area .message-area-title{
    padding-bottom:20px;
    margin-bottom:30px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
.dashboard-wrapper .main-content .message-area .message-area-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
.dashboard-wrapper .main-content .message-area .message-list{
    padding:0;
    margin:0;
    list-style:none;
    padding-bottom:25px;
    margin-bottom:30px;
    border-bottom:1px solid rgba(238,238,238,.93)
}
.dashboard-wrapper .main-content .message-area .message-list li{
    margin-bottom:35px
}
.dashboard-wrapper .main-content .message-area .message-list li:last-child{
    margin-bottom:0
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area{
    display:flex;
    align-items:center;
    gap:20px
}
@media(max-width:1699px){
    .dashboard-wrapper .main-content .message-area .message-list li .author-area{
        gap:10px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .message-area .message-list li .author-area{
        flex-direction:column;
        align-items:start
    }
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area .author-img img{
    width:60px;
    height:60px;
    border-radius:50%;
    max-width:unset
}
@media(max-width:1699px){
    .dashboard-wrapper .main-content .message-area .message-list li .author-area .author-img img{
        width:50px;
        height:50px
    }
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content .author-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    flex-wrap:wrap
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content .author-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1;
    margin-bottom:0;
    padding-right:7px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content .author-title h6{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content .author-title span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:0
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .message-area .message-list li .author-area .author-content p{
        font-size:13px
    }
}
.dashboard-wrapper .main-content .message-area .view-message{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.5s
}
.dashboard-wrapper .main-content .message-area .view-message svg{
    fill:var(--title-color);
    transition:.5s
}
.dashboard-wrapper .main-content .message-area .view-message:hover{
    color:var(--primary-color1)
}
.dashboard-wrapper .main-content .message-area .view-message:hover svg{
    fill:var(--primary-color1);
    transform:rotate(45deg)
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper{
    border-radius:10px;
    background-color:var(--white-color);
    padding:50px;
    display:flex;
    gap:40px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper{
        padding:50px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper{
        padding:50px 30px;
        gap:30px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper{
        padding:40px 25px;
        gap:20px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper{
        flex-direction:column;
        padding:40px 25px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper{
        padding:30px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav{
    border-radius:5px;
    background:#faf8fb;
    padding:30px;
    max-width:280px;
    min-width:280px;
    height:322px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav{
        max-width:260px;
        min-width:260px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav{
        max-width:240px;
        min-width:240px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav{
        max-width:230px;
        min-width:230px;
        padding:30px 20px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav .nav-pills{
    max-width:170px;
    width:100%
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav .nav-pills .nav-item{
    margin-bottom:20px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav .nav-pills .nav-item .nav-link{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 0;
    width:100%
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav .nav-pills .nav-item .nav-link svg{
    fill:var(--title-color)
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-nav .nav-pills .nav-item .nav-link.active{
    color:var(--primary-color1);
    border-radius:17px;
    background:var(--white-color);
    padding:10px 15px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content{
    border-radius:5px;
    background:#faf8fb;
    padding:50px 70px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content{
        padding:50px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content{
        padding:50px 40px
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content{
        padding:40px 25px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content{
        padding:40px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .profile-tab-content-title{
    margin-bottom:40px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .profile-tab-content-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:30px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area{
        flex-wrap:wrap;
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper{
    width:81px;
    height:60px;
    padding:3px 4px;
    border-radius:5px;
    background:#fff;
    position:relative
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper .drag-area{
    width:73px;
    height:54px;
    border-radius:5px;
    border:1px dashed var(--title-color);
    display:flex;
    align-items:center;
    justify-content:center
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper .drag-area img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:5px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper .drag-area .upload-btn{
    background-color:transparent;
    color:var(--title-color);
    padding:0;
    position:absolute;
    height:100%;
    width:100%
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper .drag-area .upload-btn i{
    color:var(--title-color);
    font-size:20px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-wrapper .drag-area input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-area-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1.2
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-area-content h6{
        margin-bottom:5px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-area-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .upload-img-area .upload-img-area-content p{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list{
    padding:0;
    margin:0;
    list-style:none;
    width:100%;
    margin-bottom:40px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:100%;
    padding-bottom:20px;
    border-bottom:1px solid rgba(22,25,30,.08);
    margin-bottom:30px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li:last-child{
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .preference-list-content{
    max-width:600px;
    width:100%
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .preference-list-content h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1;
    margin-bottom:15px
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .preference-list-content p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:26px;
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .form-switch .form-check-input{
    width:40px;
    height:18px;
    border-width:3px;
    border-color:#e8e1ec;
    background-color:#e8e1ec;
    background-image:url(../img/dashboard/icon/dashboard-switch-icon.svg)
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .form-switch .form-check-input:checked{
    background-color:#24bc61;
    border-color:#24bc61;
    background-image:url(../img/dashboard/icon/dashboard-switch-icon.svg)
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .preference-list li .form-switch .form-check-input:focus{
    box-shadow:none;
    background-image:url(../img/dashboard/icon/dashboard-switch-icon.svg)
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .change-password-form-btns{
    display:flex;
    align-items:center;
    gap:30px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .change-password-form-btns{
        flex-wrap:wrap;
        gap:10px
    }
}
.dashboard-wrapper .main-content .dashboard-profile-wrapper .dashboard-profile-tab-content .change-password-form-btns .primary-btn3.cancel{
    background-color:#f6eff7
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper{
    border-radius:10px;
    background-color:var(--white-color);
    padding:50px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper{
        padding:50px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper{
        padding:50px 25px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper{
        padding:40px 25px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper{
        padding:40px 25px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper{
        padding:30px 15px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title h6{
        font-size:18px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title h6{
        font-size:18px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title p{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title.two{
    margin-bottom:30px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title.two{
        margin-bottom:25px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-title.two h6{
    margin-bottom:10px
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:40px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top .dashboard-faqs-filter{
    padding:6px 6px 6px 20px;
    border-radius:5px;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    gap:20px
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top .dashboard-faqs-filter>span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:500;
    line-height:1
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top .dashboard-faqs-filter .filter-dropdown .nice-select{
    height:30px;
    padding-left:15px;
    padding-right:35px;
    background-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top .dashboard-faqs-filter .filter-dropdown .nice-select .current{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-top .dashboard-faqs-filter .filter-dropdown .nice-select::after{
    right:18px;
    width:7px;
    height:7px;
    border-color:var(--title-color)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap{
    margin-bottom:30px
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item{
    border-radius:5px;
    border:1px solid rgba(238,238,238,.5);
    background:#faf8fb;
    margin-bottom:15px
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item:last-child{
    margin-bottom:0
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header{
    background:#faf8fb
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button{
    background:#faf8fb;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    padding:15px 55px 15px 25px;
    display:block
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button{
        padding:15px 45px 15px 15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button{
        padding:15px 45px 15px 15px;
        font-size:14px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button::after{
    flex-shrink:0;
    width:unset;
    height:unset;
    margin-left:auto;
    background-image:none;
    background-repeat:unset;
    background-size:unset;
    font-family:bootstrap-icons!important;
    position:absolute;
    right:17px;
    content:"\f282";
    transition:unset;
    font-size:17px;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500;
    top:50%;
    transform:translateY(-50%)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button .edit-icon{
    padding-left:5px;
    opacity:0;
    transition:.35s
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button .edit-icon svg{
    fill:var(--text-color);
    transition:.35s
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button .edit-icon svg:hover{
    fill:#2a64f8
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:hover .edit-icon{
    opacity:1
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){
    border:transparent;
    box-shadow:none;
    background-color:transparent;
    color:var(--title-color)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
    background-image:none;
    transform:unset;
    font-family:bootstrap-icons!important;
    color:var(--title-color);
    transform:translateY(-50%) rotate(180deg)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .edit-icon svg{
    fill:#2a64f8
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-header .accordion-button:focus{
    border:transparent;
    box-shadow:none
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-body{
    padding:0 25px 15px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:15px;
    font-weight:400;
    line-height:28px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-body{
        padding:0 25px 15px 15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap .accordion .accordion-item .accordion-body{
        padding:0 15px 15px;
        font-size:13px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .faq-wrap button{
    white-space:wrap
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question{
    border-radius:10px;
    background:#faf8fb;
    padding:50px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question{
        padding:50px 35px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question{
        padding:40px 35px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question{
        padding:35px 20px
    }
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question .dashboard-faqs-question-form .form-inner textarea{
    min-height:128px
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question .dashboard-faqs-question-form .form-inner textarea::-moz-placeholder{
    color:var(--text-color)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question .dashboard-faqs-question-form .form-inner textarea::placeholder{
    color:var(--text-color)
}
.dashboard-wrapper .main-content .dashboard-faqs-wrapper .dashboard-faqs-question .dashboard-faqs-question-form .primary-btn3{
    padding:17px 26px
}
.dashboard-wrapper .main-content .subscription-package-wrapper{
    border-radius:10px;
    background-color:var(--white-color);
    padding:50px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:50px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:50px 25px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:40px 25px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:40px 25px
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:40px 20px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper{
        padding:30px 15px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card{
    border-radius:10px;
    background:#faf8fb;
    padding:40px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card{
        padding:40px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card{
        padding:40px 25px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card{
        padding:40px 35px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card{
        padding:40px 15px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title{
    margin-bottom:25px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title{
        margin-bottom:15px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1;
    display:inline-block;
    margin-bottom:5px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title h4{
        font-size:20px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-title.two{
    margin-bottom:20px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:40px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top{
        flex-wrap:wrap;
        gap:25px;
        margin-bottom:30px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar{
    max-width:340px;
    width:100%
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar{
        max-width:225px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar{
        max-width:225px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar .package-subscription-bar-wrrap .subscription-bar-title span{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    margin-bottom:10px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar .package-subscription-bar-wrrap .subscription-bar{
    height:5px;
    background-color:rgba(239,185,63,.17);
    border-radius:5px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar .package-subscription-bar-wrrap .subscription-bar-per{
    height:5px;
    background-color:var(--primary-color1);
    border-radius:5px;
    width:0;
    transition:1s linear;
    position:relative
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar .package-subscription-bar-wrrap .subscription-bar-per:before{
    content:attr(data-per);
    position:absolute;
    padding:4px 5px;
    background-color:var(--primary-color1);
    color:var(--title-color);
    font-size:12px;
    font-weight:600;
    line-height:1;
    border-radius:5px;
    bottom:-29px;
    right:0;
    transform:translateX(50%);
    z-index:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .card-title-subs-bar .package-subscription-bar-wrrap .subscription-bar-per:after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background-color:var(--primary-color1);
    bottom:-14px;
    right:0;
    transform:translateX(50%) rotate(45deg);
    border-radius:2px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .package-card-price h2{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:40px;
    font-weight:600;
    line-height:25px;
    margin-bottom:0
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .package-card-price h2{
        font-size:35px
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .package-card-price h2{
        font-size:30px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .package-card-price h2{
        font-size:25px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-top .package-card-price h2 span{
    color:var(--text-color);
    font-size:14px;
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-btns{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-btns{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-btns .cancle-btn{
    color:#ff5925;
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1;
    white-space:nowrap;
    display:flex;
    align-items:center;
    gap:6px;
    background-color:transparent
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-btns .cancle-btn svg{
    fill:#ff5925
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-card-btns .primary-btn6{
    font-size:14px;
    line-height:1;
    padding:10px 16px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table{
    width:100%
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table thead tr{
    border-bottom:1px solid rgba(22,25,30,.05)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table thead tr th{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:16px;
    font-weight:600;
    line-height:1;
    padding:0 15px 20px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table thead tr th:first-child{
    padding-left:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table thead tr th{
        padding:0 10px 20px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td{
    padding:17px 15px 0;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1.4
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td{
        padding:17px 10px 0
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td span{
    font-weight:400
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td .status{
    display:flex;
    align-items:center;
    gap:8px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td .status span{
    min-width:8px;
    height:8px;
    border-radius:50%;
    background-color:var(--primary-color1);
    display:inline-block;
    margin-top:1px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td .status p{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:0
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-package-card .package-info-table tbody tr td:first-child{
    padding-left:0
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper{
    border-radius:10px;
    background:#faf8fb;
    padding:40px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper{
        padding:40px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper{
        padding:40px 25px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper{
        padding:40px 35px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper{
        padding:40px 15px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper h4{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:24px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:20px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list{
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li{
    padding:25px 30px;
    background-color:var(--white-color);
    border-radius:5px;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li{
        padding:25px
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li{
        padding:25px 20px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li:last-child{
    margin-bottom:0
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check{
    min-height:unset;
    margin-bottom:0;
    line-height:1;
    display:flex;
    align-items:center;
    gap:15px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check{
        gap:5px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        padding:0
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check .form-check-input{
    width:18px;
    height:18px;
    margin-top:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check .form-check-input{
        margin-left:0
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check .form-check-input:focus{
    box-shadow:none
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check .form-check-input:checked{
    background-color:var(--primary-color1);
    background-image:none;
    border-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check input:checked~label::after{
    content:url(../img/dashboard/icon/add-property-check-icon.svg);
    position:absolute;
    top:13px;
    left:-28px
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check input:checked~label::after{
        left:-18px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check input:checked~label::after{
        top:-28px;
        left:5px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .form-check .form-check-label{
    position:relative;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content{
    display:flex;
    align-items:center;
    gap:15px;
    padding-left:10px
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content{
        padding-left:0
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content{
        gap:5px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content{
        flex-wrap:wrap;
        gap:10px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show{
        flex-wrap:wrap;
        gap:7px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show h6{
    margin-bottom:0;
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show .title{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1.3;
    margin-bottom:0
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show .title{
        font-size:14px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:13px;
    font-weight:600;
    line-height:1
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .card-number-show span{
        font-size:12px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .exp-date{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content .exp-date{
        font-size:12px
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content .content p{
    margin-bottom:0;
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content.two .icon{
    width:45px;
    height:45px;
    border-radius:5px;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .dot-icon{
    cursor:pointer
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .dot-icon svg{
    fill:var(--text-color)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot{
    display:flex;
    gap:15px
}
@media(min-width:992px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot .download-btn{
        transform:scaleY(0) translateY(20px)
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot .download-btn a{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1;
    display:flex;
    align-items:center;
    gap:8px;
    padding:11px 17px;
    border-radius:5px;
    border:1px solid #eee;
    white-space:nowrap;
    transition:.5s
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot .download-btn a svg{
    fill:var(--text-color)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot .download-btn a:hover{
    background-color:var(--primary-color1);
    color:var(--title-color)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .download-btn-and-dot .download-btn.download{
    transform:scaleY(1) translateY(20px)
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    width:45%
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status{
        width:55%
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status{
        width:68%
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status{
        width:100%
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status{
        flex-direction:column;
        align-items:flex-start
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .list-serial-content{
    display:flex;
    align-items:center;
    gap:10px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .list-serial-content{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .list-serial-content .serial span{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .payment-status{
    line-height:1
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .payment-status h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:15px;
    font-weight:600;
    line-height:1;
    margin-bottom:10px
}
.dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li .list-content-status .payment-status span{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li.style-2{
        flex-direction:column;
        align-items:flex-end
    }
}
@media(max-width:767px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li.style-2{
        align-items:flex-start
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .subscription-package-wrapper .subscription-payment-wrapper .payment-list li.style-2 .dot-icon{
        display:none
    }
}
.dashboard-wrapper .main-content .property-search-area{
    border-radius:10px;
    background:#fff;
    padding:40px 50px;
    margin-bottom:40px
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .property-search-area{
        padding:40px 30px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .property-search-area{
        padding:30px 20px
    }
}
.dashboard-wrapper .main-content .property-search-area .form-inner .nice-select{
    background-color:#f3f3f3
}
.dashboard-wrapper .main-content .property-search-area .form-inner .nice-select:focus{
    background-color:var(--white-color)
}
.dashboard-wrapper .main-content .property-search-area .primary-btn3{
    padding:17px 29px
}
.dashboard-wrapper .main-content .my-listing-table-wrapper .nav-pills{
    gap:15px;
    margin-bottom:20px
}
.dashboard-wrapper .main-content .my-listing-table-wrapper .nav-pills .nav-item .nav-link{
    padding:8px 14px;
    border-radius:15px;
    border:1px solid #eee;
    background-color:var(--white-color);
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .my-listing-table-wrapper .nav-pills .nav-item .nav-link.active{
    background-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .add-property-wrapper{
    border-radius:10px;
    background:#fff;
    padding:50px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .add-property-wrapper{
        padding:50px 30px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper{
        padding:50px 30px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper{
        padding:40px 25px
    }
}
@media(max-width:991px){
    .dashboard-wrapper .main-content .add-property-wrapper{
        padding:40px 25px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper{
        padding:30px 15px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content{
    position:relative
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content::after{
    content:"";
    position:absolute;
    top:54px;
    left:8px;
    width:1px;
    height:83.1%;
    border-left:1px dashed var(--title-color)
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content::after{
        left:-2px;
        height:83.3%
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content::after{
        display:none
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content{
    margin-left:60px;
    max-width:180px;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    position:relative
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content{
        margin-left:0
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content{
        margin-left:0;
        padding-bottom:40px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content .add-property-icon{
    width:100px;
    height:100px;
    border-radius:50%;
    background-color:#faf8fb;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content .add-property-icon{
        width:80px;
        height:80px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content h6{
    color:#16191e;
    text-align:center;
    font-family:Montserrat;
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:normal
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content span{
    width:380px;
    border-top:1px dashed var(--title-color);
    position:absolute;
    top:40%;
    left:-50px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content span{
        width:320px
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content span{
        width:200px;
        left:0
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content span{
        width:30px;
        top:unset;
        bottom:29px;
        left:72px;
        transform:rotate(90deg)
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-icon-content span::before{
    content:"";
    -webkit-clip-path:polygon(0 0,0% 100%,100% 50%);
    clip-path:polygon(0 0,0% 100%,100% 50%);
    background-color:var(--title-color);
    width:10px;
    height:10px;
    position:absolute;
    top:50%;
    transform:translateY(-60%);
    right:-10px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper{
    border-radius:10px;
    background:#faf8fb;
    padding:50px 70px
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper{
        padding:50px
    }
}
@media(max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper{
        padding:50px 30px
    }
}
@media(min-width:992px) and (max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper{
        padding:50px 40px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper{
        padding:40px 20px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .add-property-form-title{
    margin-bottom:20px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .add-property-form-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .add-property-form-title h6{
        font-size:18px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:30px;
    margin-bottom:30px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns{
        gap:15px;
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li{
    border-radius:5px;
    background:var(--white-color);
    padding:14px 17px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check{
    min-height:unset;
    margin-bottom:0;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check .form-check-input{
    width:16px;
    height:16px;
    margin-top:0
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check .form-check-input:focus{
    box-shadow:none
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check .form-check-input:checked{
    background-color:var(--primary-color1);
    background-image:none;
    border-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check input:checked~label::after{
    content:url(../img/dashboard/icon/add-property-check-icon.svg);
    position:absolute;
    top:-2px;
    left:-20px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .property-form-radio-btns li .form-check .form-check-label{
    position:relative;
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .location-map iframe{
    width:100%;
    height:170px;
    border-radius:10px;
    border:none
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner label{
    font-weight:600;
    margin-bottom:15px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area{
    display:flex;
    align-items:center;
    gap:25px
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area{
        gap:15px
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area{
        gap:15px;
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .number-list{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .number-list{
        flex-wrap:wrap
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .number-list li{
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:var(--white-color);
    border:1px solid #eee;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .number-list li.selected{
    background-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter{
    position:relative
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter a{
    color:var(--text-color)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter a i{
    font-size:12px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter .quantity__plus{
    position:absolute;
    top:8px;
    right:20px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter .quantity__minus{
    position:absolute;
    top:25px;
    right:20px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter .quantity__input{
    max-width:90px;
    width:100%;
    height:50px;
    border:1px solid #eee;
    border-radius:5px;
    background-color:var(--white-color);
    padding:20px;
    color:var(--title-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:600;
    line-height:1;
    letter-spacing:.48px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .number-quantity-area .quantity-counter .quantity__input:focus{
    border:1px solid #ddd
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .feature-check-area .feature-check-list{
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .feature-check-area .feature-check-list li .containerss input:checked~.checkmark{
    background-color:var(--primary-color1);
    border-color:var(--primary-color1)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .feature-check-area .feature-check-list li .containerss input:checked~.checkmark::after{
    content:url(../img/dashboard/icon/feature-check-icon.svg);
    left:2.5px;
    top:-7px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .feature-aminities-form .form-inner .feature-check-area .feature-check-list li .containerss .checkmark{
    border-radius:50%;
    background-color:var(--white-color);
    border:1px solid rgba(22,25,30,.2)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .social-from-area .form-inner .from-input-area{
    position:relative
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .social-from-area .form-inner .from-input-area .social-icon{
    width:45px;
    height:34px;
    border-radius:4px;
    border:1px solid #eee;
    background:#faf8fb;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:8px;
    left:8px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .social-from-area .form-inner .from-input-area input{
    padding:10px 20px 10px 70px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .add-more span{
    color:var(--text-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-field-title h6{
    color:var(--title-color);
    font-family:var(--font-montserrat);
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:10px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper{
    padding:30px 0;
    border-top:1px solid rgba(22,25,30,.1);
    border-bottom:1px solid rgba(22,25,30,.1);
    margin-bottom:30px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .single-img{
    width:130px;
    height:93px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .single-img .img-bg{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
    padding-bottom:100%
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .single-img .img-bg img{
    width:130px;
    min-height:93px;
    max-height:93px;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:5px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-btn-box .upload-inputfile{
    width:.1px;
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-btn-box .upload-btn{
    display:flex;
    align-items:center;
    gap:8px;
    transition:all .3s ease;
    cursor:pointer;
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
    height:50px;
    width:100%;
    padding:10px 20px;
    margin-bottom:5px;
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-style:normal;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-btn-box .upload-btn:hover{
    border:1px solid var(--primary-color1);
    transition:all .3s ease
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-btn-box p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1.8;
    margin-bottom:0
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-img-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-img-wrap .upload-img-close-btn{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color:var(--white-color);
    position:absolute;
    top:10px;
    right:10px;
    text-align:center;
    line-height:24px;
    z-index:1;
    cursor:pointer
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-img-wrapper .upload-img-wrap .upload-img-close-btn:after{
    content:"✖";
    font-size:12px;
    color:#f9502a;
    position:absolute;
    top:-1px;
    left:5px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements{
    padding:25px 15px;
    border-radius:5px;
    border:1px dashed var(--primary-color1);
    margin-left:25px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements{
        margin-left:0
    }
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements{
        padding:20px 10px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements ul{
    padding:0;
    margin:0;
    list-style:none
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements ul li{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements ul li svg{
    fill:var(--text-color)
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements ul li:last-child{
    margin-bottom:0
}
@media(max-width:576px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-requirements ul li{
        gap:6px;
        font-size:13px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field{
    position:relative
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field .upload-video-icon{
    position:absolute;
    top:49%;
    transform:translateY(-50%);
    left:20px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field .custom-upload{
    background-color:var(--white-color);
    width:100%;
    height:50px;
    border-radius:5px;
    padding:10px 20px 10px 40px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field .custom-upload::-webkit-file-upload-button{
    display:none
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field .custom-upload::-moz-placeholder{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area .custom-upload-field .custom-upload::placeholder{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600;
    line-height:1
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .add-property-form-wrapper .upload-area .upload-others-wrapper .upload-file-area p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:12px;
    font-weight:600;
    line-height:1.8;
    margin-bottom:0;
    margin-top:10px
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .post-property-btn{
    padding-top:50px
}
@media(max-width:1199px){
    .dashboard-wrapper .main-content .add-property-wrapper .add-property-content .post-property-btn{
        padding-top:30px
    }
}
.dashboard-wrapper .main-content .add-property-wrapper .add-property-content .post-property-btn .primary-btn3{
    padding:16px 24px
}
.dashboard-wrapper .dashboard-footer{
    transition:all .8s ease-out 0s;
    padding:20px 60px;
    background-color:var(--white-color);
    margin-left:305px;
    max-width:calc(100% - 305px);
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px
}
@media(max-width:1699px){
    .dashboard-wrapper .dashboard-footer{
        margin-left:270px;
        max-width:calc(100% - 270px)
    }
}
@media(min-width:1400px) and (max-width:1599px){
    .dashboard-wrapper .dashboard-footer{
        margin-left:235px;
        max-width:calc(100% - 235px)
    }
}
@media(min-width:1200px) and (max-width:1399px){
    .dashboard-wrapper .dashboard-footer{
        margin-left:220px;
        max-width:calc(100% - 220px)
    }
}
@media(max-width:1199px){
    .dashboard-wrapper .dashboard-footer{
        margin-left:200px;
        max-width:calc(100% - 200px)
    }
}
@media(max-width:991px){
    .dashboard-wrapper .dashboard-footer{
        padding:20px 40px;
        flex-wrap:wrap;
        justify-content:center;
        text-align:center;
        gap:10px;
        margin-left:0;
        max-width:100%
    }
    .dashboard-wrapper .dashboard-footer.slide{
        margin-left:200px;
        max-width:calc(100% - 200px)
    }
}
@media(max-width:767px){
    .dashboard-wrapper .dashboard-footer{
        margin-left:0;
        max-width:100%
    }
    .dashboard-wrapper .dashboard-footer.slide{
        margin-left:120px;
        max-width:calc(100% - 120px)
    }
}
@media(max-width:576px){
    .dashboard-wrapper .dashboard-footer{
        padding:20px 15px;
        margin-left:0;
        max-width:100%
    }
    .dashboard-wrapper .dashboard-footer.slide{
        margin-left:80px;
        max-width:calc(100% - 80px)
    }
}
.dashboard-wrapper .dashboard-footer .copyright-area p{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.dashboard-wrapper .dashboard-footer .copyright-area p a{
    color:var(--primary-color1)
}
.dashboard-wrapper .dashboard-footer .footer-menu-list{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    align-items:center;
    gap:10px;
    line-height:1
}
@media(max-width:576px){
    .dashboard-wrapper .dashboard-footer .footer-menu-list{
        flex-wrap:wrap;
        justify-content:center
    }
}
.dashboard-wrapper .dashboard-footer .footer-menu-list li{
    margin-right:20px
}
@media(max-width:576px){
    .dashboard-wrapper .dashboard-footer .footer-menu-list li{
        margin-right:0
    }
}
.dashboard-wrapper .dashboard-footer .footer-menu-list li:last-child{
    margin-right:0
}
.dashboard-wrapper .dashboard-footer .footer-menu-list li a{
    color:var(--text-color);
    font-family:var(--font-open-sans);
    font-size:13px;
    font-weight:600
}