.color-primary{
    color:#E61151 !important
}
html{
    scroll-behavior:smooth
}
.container-all{
    width:95%;
    max-width:1280px;
    margin:0 auto
}
@media only screen and (min-width: 1340px){
    .container-all{
        width:1280px
    }
}
@media only screen and (max-width: 1024px){
    .container-all{
        width:100%
    }
}
.row-box{
    display:flex;
    flex-wrap:wrap
}
.navbar-wrapper{
    background:#fff;
    position:fixed;
    left:0;
    right:0;
    top:0;
    margin:auto;
    z-index:5
}
.main{
    padding-top:146px;
     padding-bottom: 25px;
}
@media only screen and (max-width: 1024px){
    .main{
        padding-top:83px;
        padding-bottom:80px
    }
}
a{
    color:inherit
}
@media only screen and (max-width: 1024px){
    .hide-lt-sm{
        display:none !important
    }
}
.show-lt-sm{
    display:none !important
}
@media only screen and (max-width: 1024px){
    .show-lt-sm{
        display:block !important
    }
}
.footer-quick-access{
    padding:80px 0 78px
}
.footer-quick-access .container-all{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-around
}
.footer-quick-access .col-quick-access{
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:center
}
.footer-quick-access .col-quick-access img{
    width:58px
}
.footer-quick-access .col-quick-access h4{
    font-family:'iranyekanFaNum';
    font-weight:500;
    font-size:16px;
    line-height:23px;
    color:#2F2F2F
}
.footer-middle{
    background:#F9F9FB;
    padding:38px 0 30px
}
.footer-middle .container-all{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px
}
.footer-middle .col-footer{
    width:30.8%
}
@media only screen and (max-width: 1024px){
    .footer-middle .col-footer{
        width:100%
    }
}
.footer-middle .col-footer.col-customer-services,.footer-middle .col-footer.col-hyper-palas{
    width:17%
}
@media only screen and (max-width: 1024px){
    .footer-middle .col-footer.col-customer-services,.footer-middle .col-footer.col-hyper-palas{
        width:100%
    }
}
.footer-middle .col-footer .title-col{
    font-weight:500;
    font-size:18px;
    line-height:28px;
    color:#2F2F2F;
    display:flex;
    gap:6px
}
.footer-middle .col-footer .title-col img{
    width:22px
}
.footer-middle .col-footer .list-col{
    list-style:none;
    padding:0;
    margin-top:16px;
    display:flex;
    flex-direction:column;
    gap:14px
}
.footer-middle .col-footer .list-col a{
    font-weight:400;
    font-size:16px;
    line-height:25px;
    color:#2F2F2F
}
.footer-middle .col-footer .list-col-contact{
    margin-top:14px;
    display:flex;
    flex-direction:column;
    gap:15px;
    background:#fff;
    box-shadow:0px 2px 5px rgba(0,0,0,0.1);
    border-radius:8px;
    padding:17px 10px
}
.footer-middle .col-footer .list-col-contact .item-contact{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    border-bottom:1px solid rgba(14,177,210,0.4);
    padding-bottom:23px
}
.footer-middle .col-footer .list-col-contact .item-contact .title-box{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#00AFAC
}
.footer-middle .col-footer .list-col-contact .item-contact .title-box img{
    width:18px
}
.footer-middle .col-footer .list-col-contact .item-contact .value-box{
    font-weight:500;
    font-size:14px;
    line-height:20px;
    padding-right:25px;
    color:#000
}
.footer-middle .col-footer .list-col-contact .item-contact.contact-phone{
    border-bottom:none
}
.footer-middle .col-footer .list-col-contact .item-contact.contact-phone .value-box{
    padding-right:0px
}
.footer-middle .col-footer .newsletter{
    margin-top:10px
}
.footer-middle .col-footer .newsletter h4{
    font-weight:400;
    font-size:1.2em;
    line-height:25px;
    color:#2F2F2F;
    margin-bottom:10px
}
.footer-middle .col-footer .newsletter .newsletter-form{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px
}
.footer-middle .col-footer .newsletter .newsletter-form input{
    background:#fff;
    border:1px solid #E9EDF5;
    box-sizing:border-box;
    border-radius:10px;
    color:rgba(47,47,47,0.6);
    padding:13px 18px;
    font-weight:400;
    font-size:16px;
    line-height:23px;
    height:48px;
    width:calc(100% - 74px)
}
.footer-middle .col-footer .newsletter .newsletter-form button{
    background:#E6115E;
    border:none;
    font-weight:500;
    font-size:16px;
    line-height:25px;
    color:#fff;
    height:48px;
    border:1px solid #E6115E;
    box-sizing:border-box;
    border-radius:7px;
    width:63px
}
.footer-middle .col-footer .social-footer{
    margin-top:25px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:15px;
    flex-wrap:wrap
}
.footer-middle .col-footer .social-footer a{
    width:34px
}
.footer-middle .col-footer .social-footer a img{
    width:100%
}
.footer-middle .col-footer.col-contact-us{
    padding-left:2%
}
@media only screen and (max-width: 1024px){
    .footer-middle .col-footer.col-contact-us{
        padding-left:0
    }
}
.footer-middle .col-footer.col-application .list-app{
    margin-top:9px;
    display:flex;
    flex-wrap:wrap;
    gap:11px
}
.footer-middle .col-footer.col-application .list-app a{
    text-align:center;
    width:22.7%
}
@media only screen and (min-width: 1025px) and (max-width: 1260px){
    .footer-middle .col-footer.col-application .list-app a{
        width:47.2%
    }
}
.footer-middle .col-footer.col-application .list-app a:last-of-type{
    border-bottom:none
}
.footer-middle .col-footer.col-application .list-app a img{
    max-width:90%;
    margin:0 auto
}
.footer-text-certificate{
    padding:20px 0;
    background:#fff
}
.footer-text-certificate .text{
    width:65%
}
.footer-text-certificate .text .list-text-footer{
    list-style:none;
    max-height:100px;
    overflow:hidden;
    transition:0.5s all
}
.footer-text-certificate .text .list-text-footer.active{
    max-height:2000px
}
.footer-text-certificate .text .list-text-footer li h4{
    font-weight:500;
    font-size:1.4em;
    line-height:25px;
    color:#2F2F2F
}
.footer-text-certificate .text .list-text-footer li p{
    font-weight:400;
    font-size:1.15em;
    line-height:25px;
    color:rgba(47,47,47,0.7)
}
.footer-text-certificate .text .show-more{
    width:100%;
    margin-top:5px;
    margin-bottom:5px
}
.footer-text-certificate .text .show-more a{
    cursor:pointer;
    font-weight:400;
    font-size:1.1em;
    line-height:17px;
    color:#0EB1D2
}
.footer-text-certificate .certificate-box{
    width:35%;
    gap:10px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    flex-wrap:wrap
}
.footer-text-certificate .certificate-box a{
    width:90px;
    height:90px;
    border:1px solid #CDC8C8;
    background:#fff;
    border-radius:5px;
    padding:10px
}
.footer-text-certificate .certificate-box a img{
    width:100%;
    height:100%
}
.footer-bottom{
    background:#2F2F2F;
    padding:24px;
    display:flex;
    justify-content:center
}
.footer-bottom p{
    font-weight:400;
    font-size:16px;
    line-height:25px;
    color:#fff
}
.list-category-nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    z-index:2;
    display:none
}
.list-category-nav.show{
    -webkit-animation:transformOfTop 0.5s;
    animation:transformOfTop 0.5s;
    display:block
}
.list-category-nav .nav-top{
    display:flex;
    align-items:center;
    gap:20px;
    list-style:none;
    padding:0 11px;
    background:#F3F4F8
}
.list-category-nav .nav-top .nav-top-item{
    padding:10px 0;
    position:relative;
    cursor:pointer
}
.list-category-nav .nav-top .nav-top-item a{
    padding:5px 10px;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    color:#2F2F2F
}
.list-category-nav .nav-top .nav-top-item.active::after,.list-category-nav .nav-top .nav-top-item:hover::after{
    content:'';
    background:#E61151;
    display:block;
    position:absolute;
    width:100%;
    height:3px;
    bottom:0.5px;
    right:0;
    left:0;
    margin:auto
}
.list-category-nav .nav-top .nav-top-item.active a,.list-category-nav .nav-top .nav-top-item:hover a{
    color:#E61151
}
.list-category-nav .nav-top .nav-top-item.active a,.list-category-nav .nav-top .nav-top-item.has-child a{
    pointer-events:none
}
.list-category-nav .nav-top .nav-top-item.active{
    pointer-events:none
}
.list-category-nav .subcat-nav{
    background:#fff;
    border-radius:0px 0px 20px 20px
}
.list-category-nav .subcat-nav .content-tab{
    display:none;
    height:350px
}
.list-category-nav .subcat-nav .content-tab.active{
    display:flex
}
.list-category-nav .subcat-nav .sub-cat-item-list{
    list-style:none;
    background:rgba(243,244,248,0.5);
    border-radius:0px 0px 20px 0px;
    width:240px
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item{
    padding:10px 25px 10px 36px;
    display:flex;
    align-items:center;
    position:relative;
    cursor:pointer
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item.has-sub-category::after{
    content:'';
    width:16px;
    height:16px;
    background:url("../../../images/icons/svg/fi_chevron-left.svg") no-repeat 100%;
    display:block;
    position:absolute;
    left:15px;
    top:0;
    bottom:0;
    margin:auto
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item.has-sub-category *{
    pointer-events:none
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item a{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    color:#2F2F2F
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item.active,.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item:hover{
    background:#fff;
    box-shadow:0px 0px 4px rgba(0,0,0,0.25)
}
.list-category-nav .subcat-nav .sub-cat-item-list .sub-cat-item.active{
    pointer-events:none
}
.list-category-nav .subcat-nav .box-list-sub-subcategory{
    width:calc(100% - 240px);
    padding:26px 30px 26px 35px;
    display:flex;
    flex-wrap:wrap
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory{
    width:70%
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory .list-sub-subcategory{
    width:100%;
    list-style:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:243px;
    gap:16px;
    display:none
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory .list-sub-subcategory.active{
    display:flex
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory .list-sub-subcategory li{
    font-weight:300;
    font-size:13px;
    line-height:20px;
    color:#2F2F2F;
    position:relative;
    padding-right:9px
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory .list-sub-subcategory li a{
    cursor:pointer
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .tab-content-sub-subcategory .list-sub-subcategory li.heading-cat{
    font-weight:500;
    font-size:14px;
    line-height:22px;
    border-right:2px solid #00AFAC
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .banner-category{
    width:30%;
    display:flex;
    flex-direction:column
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .banner-category .top{
    display:flex;
    gap:18px
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .banner-category .top a{
    width:50%
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .banner-category .top a img{
    width:100%
}
.list-category-nav .subcat-nav .box-list-sub-subcategory .banner-category .bottom img{
    width:100%
}
@keyframes transformOfTop{
    0%{
        transform:translateY(-100%)
    }
    1%{
        transform:translateY(-100%)
    }
    100%{
        transform:translateY(0%)
    }
}
.overlay-cat-mobile{
    z-index:9 !important
}
.list-category-mobile{
    display:block;
    width:300px;
    max-width:100%;
    position:fixed;
    top:0;
    bottom:0;
    right:-110%;
    background:#fff;
    height:100vh;
    z-index:10;
    padding:10px 0;
    transition:0.7s all
}
.list-category-mobile.show{
    display:block;
    right:0
}
.list-category-mobile .logo-close{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:10px;
    border-bottom:1px solid #F1F1F1;
    width:260px;
    margin:0 auto
}
.list-category-mobile .logo-close .logo-box{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:1.75em;
    line-height:33px;
    color:#E61151;
    gap:5px;
    width:140px
}
.list-category-mobile .logo-close .logo-box img{
    width:36px
}
.list-category-mobile .logo-close .close{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center
}
.list-category-mobile .logo-close .close img{
    width:20px
}
.list-category-mobile ul{
    list-style:none
}
.list-category-mobile .cat-list{
    margin-top:15px;
    max-height:83vh;
    overflow-y:auto
}
.list-category-mobile .cat-list a{
    font-size:1.1em;
    font-weight:700;
    line-height:2.15;
    height:50px;
    align-items:center;
    display:flex;
    width:100%;
    padding:0 15px
}
.list-category-mobile .cat-list li{
    margin-bottom:5px;
    position:relative
}
.list-category-mobile .cat-list li:last-of-type{
    margin-bottom:0
}
.list-category-mobile .cat-list li .arrow{
    font-style:normal;
    width:40px;
    height:40px;
    display:none;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:9px;
    z-index:5
}
.list-category-mobile .cat-list li .arrow *{
    pointer-events:none
}
.list-category-mobile .cat-list li .arrow img{
    width:13px
}
.list-category-mobile .cat-list li.has-child{
    max-height:50px;
    overflow:hidden;
    transition:0.5s all
}
.list-category-mobile .cat-list li.has-child>.arrow{
    display:flex;
    transition:0.5s all
}
.list-category-mobile .cat-list li.has-child.show{
    max-height:10000px;
    background:#F8F9FC
}
.list-category-mobile .cat-list li.has-child.show>.arrow{
    transform:rotate(180deg)
}
.list-category-mobile .cat-list li.has-child.show>a{
    color:#E61151
}
.list-category-mobile .cat-list .cat-item .sub-cat-list{
    padding-right:10px
}
.search-list-box{
    position:absolute;
    width:100%;
    z-index:5;
    background:#fff;
    border-radius:0px 0px 20px 20px;
    padding:0px 20px 30px 14px;
    display:none;
    top:0;
    left:0;
    right:0;
    margin:auto
}
.search-list-box.show{
    display:block
}
.search-list-box .field-search{
    display:block;
    position:relative
}
.search-list-box .field-search input{
    width:100%;
    border:1px solid rgba(123,147,175,0.4);
    background:#fff;
    padding:14px 16px;
    padding-right:51px;
    border-radius:10px;
    width:100%
}
@media only screen and (max-width: 1024px){
    .search-list-box .field-search input{
        background:#F1F1F1;
        border:none
    }
}
.search-list-box .field-search input:focus{
    outline:0
}
.search-list-box .field-search .btn-search{
    position:absolute;
    right:16px;
    top:0;
    bottom:0;
    margin:auto;
    background:transparent;
    border:none;
    outline:0;
    width:20px;
    height:20px
}
.search-list-box .field-search .btn-search:focus,.search-list-box .field-search .btn-search:hover{
    outline:0
}
.search-list-box .field-search .btn-search img{
    width:20px
}
.search-list-box .field-search .label-field-search{
    position:absolute;
    top:0;
    bottom:0;
    right:51px;
    margin:auto;
    font-size:1em;
    line-height:20px;
    font-weight:400;
    color:rgba(123,147,175,0.8);
    cursor:text;
    display:block;
    height:fit-content
}
.search-list-box .field-search .label-field-search *{
    pointer-events:none
}
.search-list-box .field-search .label-field-search i{
    font-weight:700;
    color:#E61151;
    font-style:normal
}
.search-list-box .field-search input:focus ~ .label-field-search{
    display:none
}
.search-list-box .option-search{
    list-style:none;
    padding:0 6px 0 14px
}
.search-list-box .option-search li{
    margin-top:32px
}
.search-list-box .option-search li .header-box-search{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.search-list-box .option-search li .header-box-search .text-box{
    font-weight:400;
    font-size:1.2em;
    line-height:25px;
    color:#2F2F2F;
    display:flex;
    gap:9px;
    align-items:center
}
.search-list-box .option-search li .header-box-search .text-box img{
    width:18px
}
.search-list-box .option-search li .header-box-search .delete-ic{
    width:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.search-list-box .option-search li .header-box-search .delete-ic img{
    width:20px
}
.search-list-box .option-search li .content-cat-search{
    margin-top:9px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px
}
@media only screen and (max-width: 1024px){
    .search-list-box .option-search li .content-cat-search{
        white-space:nowrap;
        flex-wrap:nowrap;
        overflow-y:auto
    }
}
.search-list-box .option-search li .content-cat-search::-webkit-scrollbar{
    width:0;
    display:none
}
.search-list-box .option-search li .content-cat-search::-webkit-scrollbar-track{
    background:transparent
}
.search-list-box .option-search li .content-cat-search::-webkit-scrollbar-thumb{
    background:transparent
}
.search-list-box .option-search li .content-cat-search::-webkit-scrollbar-thumb:hover{
    background:transparent
}
.search-list-box .option-search li .content-cat-search a{
    background:#F9F9FB;
    border:1px solid rgba(123,147,175,0.4);
    border-radius:25px;
    padding:9px 16px 10px 35px;
    min-width:100px;
    font-size:1em;
    font-weight:400;
    line-height:22px;
    position:relative
}
@media only screen and (max-width: 1024px){
    .search-list-box .option-search li .content-cat-search a{
        min-width:fit-content
    }
}
.search-list-box .option-search li .content-cat-search a::after{
    content:'';
    width:11px;
    height:16px;
    background:url("../../../images/icons/svg/fi_chevron-left.svg") no-repeat 100%;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:10px;
    margin:auto
}
.search-list-box .option-search li.banner-search img{
    max-width:100%
}
.list-basket{
    position:fixed;
    width:500px;
    height:100vh;
    z-index:5;
    top:0;
    background:#fff;
    visibility:hidden;
    left:-150%;
    transition:0.7s all
}
.list-basket.show{
    left:0;
    visibility:visible
}
.list-basket .header-basket{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:5px 15px 5px;
    border-bottom:1px solid rgba(106,87,115,0.4)
}
.list-basket .header-basket h3{
    font-weight:700;
    font-size:1.1em;
    line-height:31px;
    color:#2F2F2F;
    font-family:'iranyekanFaNum'
}
.list-basket .header-basket .close-basket{
    cursor:pointer;
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center
}
.list-basket .header-basket .close-basket img{
    width:20px
}
.list-basket .body-basket{
    height:calc(100% - 116px)
}
.list-basket .body-basket .empty-basket{
    height:100%;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:29px;
    overflow:hidden
}
.list-basket .body-basket .empty-basket img{
    width:80px
}
.list-basket .body-basket .empty-basket h6{
    font-weight:400;
    font-size:1.3em;
    line-height:25px;
    color:#2F2F2F
}
.list-basket .body-basket .empty-basket::after{
    content:'';
    background:url("../../../images/icons/svg/fi_shopping-cart-blue.svg") no-repeat 100%;
    width:250px;
    height:250px;
    opacity:0.4;
    background-size:100%;
    position:absolute;
    left:-56px;
    bottom:23px;
    display:block;
    transform:rotate(30deg)
}
.list-basket .body-basket .empty-basket.hide{
    display:none
}
.list-basket .body-basket .fill-basket{
    height:100%
}
.list-basket .body-basket .fill-basket .send-price{
    font-weight:400;
    font-size:1em;
    line-height:25px;
    color:#2F2F2F;
    padding:10px 15px
}
.list-basket .body-basket .fill-basket .count-delete-list{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 15px;
    background:#F9F9FB
}
.list-basket .body-basket .fill-basket .count-delete-list .count{
    font-weight:400;
    font-size:1.1em;
    line-height:25px;
    color:#2F2F2F
}
.list-basket .body-basket .fill-basket .count-delete-list .delete-all{
    font-weight:500;
    font-size:1em;
    line-height:23px;
    font-family:'iranyekanFaNum';
    color:#6A5773;
    display:flex;
    align-items:center;
    gap:4px
}
.list-basket .body-basket .fill-basket .count-delete-list .delete-all img{
    width:17px
}
.list-basket .body-basket .fill-basket .list-select-basket{
    list-style:none;
    height:calc(100% - 110px);
    overflow-y:auto
}
.list-basket .body-basket .fill-basket .list-select-basket::-webkit-scrollbar{
    width:8px
}
.list-basket .body-basket .fill-basket .list-select-basket::-webkit-scrollbar-track{
    background:transparent
}
.list-basket .body-basket .fill-basket .list-select-basket::-webkit-scrollbar-thumb{
    background:#ccc;
    box-shadow:0 0 2px 0px rgba(0,0,0,0.2);
    border-radius:10px
}
.list-basket .body-basket .fill-basket .list-select-basket::-webkit-scrollbar-thumb:hover{
    background:#ccc
}
.list-basket .body-basket .fill-basket .list-select-basket li{
    align-items:center;
    padding:10px 15px;
    border-bottom:1px solid rgba(14,177,210,0.5)
}
.list-basket .body-basket .fill-basket .list-select-basket li:first-of-type{
    border-top:1px solid rgba(14,177,210,0.5)
}
.list-basket .body-basket .fill-basket .list-select-basket li .delete-item{
    width:24px;
    cursor:pointer
}
.list-basket .body-basket .fill-basket .list-select-basket li .delete-item img{
    width:20px
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item{
    width:calc(100% - 24px);
    display:flex;
    justify-content:space-between;
    align-items:center
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .img-item{
    width:90px
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .img-item img{
    width:100%
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count{
    width:199px
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count h3{
    font-weight:400;
    font-size:1.16em;
    line-height:19px;
    color:#2F2F2F
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count .count-plus-minus{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:10px
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count .count-plus-minus .cpm-item{
    width:29px;
    height:29px;
    background:#fff;
    border:1px solid #E6115E;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6em;
    color:#E6115E;
    cursor:pointer
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count .count-plus-minus .cpm-item.number{
    cursor:text;
    border:none;
    background:transparent;
    font-weight:700;
    font-size:1.3em;
    line-height:30px;
    color:#2F2F2F;
    width:auto
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .title-count .count-plus-minus .cpm-item.minus{
    font-size:2em
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .price-item-basket .discount-box{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    flex-direction:row-reverse
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .price-item-basket .discount-box .off{
    background:#E6115E;
    font-family:'iranyekanFaNum';
    border-radius:4px 20px 20px 4px;
    font-weight:700;
    font-size:1.1em;
    line-height:25px;
    color:#fff;
    display:flex;
    align-items:center;
    padding:2.5px;
    justify-content:center;
    min-width:35px
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .price-item-basket .discount-box .price-discount{
    font-weight:400;
    font-size:1.3em;
    line-height:26px;
    color:#2F2F2F;
    opacity:0.7;
    text-decoration-line:line-through
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .price-item-basket .price-org{
    font-weight:500;
    font-size:1.5em;
    line-height:32px;
    color:#2F2F2F;
    display:flex;
    align-items:center;
    gap:6px;
    justify-content:flex-end
}
.list-basket .body-basket .fill-basket .list-select-basket li .content-item .price-item-basket .price-org span{
    font-weight:400;
    font-size:0.7em;
    line-height:22px;
    opacity:0.7
}
.list-basket .body-basket .fill-basket .offer-basket-text{
    padding:5px 15px;
    font-weight:400;
    font-size:1.1em;
    line-height:25px;
    color:#2F2F2F
}
.list-basket .body-basket .fill-basket .total-basket{
    padding:10px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(0,175,172,0.15)
}
.list-basket .body-basket .fill-basket .total-basket .title{
    font-weight:500;
    font-size:1.3em;
    line-height:31px;
    color:#2F2F2F
}
.list-basket .body-basket .fill-basket .total-basket .price{
    font-weight:700;
    font-size:1.4em;
    line-height:39px;
    color:#2F2F2F
}
.list-basket .body-basket .fill-basket .total-basket .price i{
    font-style:normal;
    font-weight:400;
    font-size:.7em;
    line-height:22px;
    opacity:0.7
}
.list-basket .footer-basket{
    padding:0px 15px 10px
}
.list-basket .footer-basket .btn-basket{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:9px 20px;
    width:100%;
    height:50px;
    background:#E6115E;
    border:1px solid #E6115E;
    border-radius:7px;
    font-weight:500;
    font-size:1.2em;
    line-height:28px;
    color:#fff
}
.list-basket .footer-basket .btn-basket.hide{
    display:none
}
.header{
    padding:17px 0;
    background:#fff;
    position:relative;
    z-index:6
}
@media only screen and (max-width: 1024px){
    .header{
        box-shadow:0px 1px 5px rgba(0,0,0,0.12);
        padding:15px 0
    }
}
.header .container-all{
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media only screen and (max-width: 1024px){
    .header .container-all{
        flex-wrap:wrap
    }
}
.header .logo-menu-mobile{
    display:none;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:0 20px 21px 14px;
    position:relative
}
@media only screen and (max-width: 1024px){
    .header .logo-menu-mobile{
        display:flex
    }
}
.header .logo-menu-mobile .btn-category{
    width:28px;
    height:28px
}
.header .logo-menu-mobile .btn-category img{
    width:100%
}
.header .logo-menu-mobile .logo-box{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:1.75em;
    line-height:33px;
    color:#E61151;
    gap:5px;
    width:140px
}
.header .logo-menu-mobile .logo-box img{
    width:36px
}
.header .logo-menu-mobile .phone-header{
    width:20px;
    height:20px
}
.header .logo-menu-mobile .phone-header img{
    width:100%
}
.header .logo-menu-mobile .phone-header .phone-box{
    width:190px;
    position:absolute;
    display:none;
    top:-100%;
    left:10px;
    height:90px;
    background:#fff;
    box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
    z-index:5;
    border-radius:5px;
    transition:0.5s all
}
.header .logo-menu-mobile .phone-header .phone-box.show{
    display:block;
    top:62%
}
.header .logo-menu-mobile .phone-header .phone-box h6{
    color:#E61151;
    font-size:1.2em;
    font-weight:700;
    padding:10px;
    text-align:center
}
.header .logo-menu-mobile .phone-header .phone-box a{
    display:block;
    margin-top:10px;
    padding:0 5px;
    text-align:center;
    font-size:1.2em;
    font-weight:700
}
.header .logo-search{
    display:flex;
    gap:0.5em;
    align-items:center
}
@media only screen and (max-width: 1024px){
    .header .logo-search{
        width:100%
    }
}
.header .logo-search .logo-box{
    color:#E61151;
    font-size:2em;
    font-weight:500
}
@media only screen and (max-width: 1024px){
    .header .logo-search .logo-box{
        display:none
    }
}
.header .logo-search .search-box{
    position:relative;
    width:610px;
    padding:0 20px 0 14px
}
@media only screen and (min-width: 1025px) and (max-width: 1116px){
    .header .logo-search .search-box{
        width:470px
    }
}
@media only screen and (max-width: 1024px){
    .header .logo-search .search-box{
        width:100%
    }
}
.header .logo-search .search-box .field-default-search{
    position:relative;
    cursor:text
}
.header .logo-search .search-box .field-default-search *{
    pointer-events:none
}
.header .logo-search .search-box .field-default-search .input-field{
    width:100%;
    border:1px solid rgba(123,147,175,0.4);
    background:#fff;
    padding:14px 16px;
    padding-right:51px;
    border-radius:10px;
    font-size:13px;
    line-height:20px;
    font-weight:400;
    color:rgba(123,147,175,0.8)
}
@media only screen and (max-width: 1024px){
    .header .logo-search .search-box .field-default-search .input-field{
        background:#F1F1F1;
        border:none
    }
}
.header .logo-search .search-box .field-default-search .input-field span{
    font-weight:700;
    color:#E61151
}
.header .logo-search .search-box .field-default-search .btn-search{
    position:absolute;
    right:16px;
    top:0;
    bottom:0;
    margin:auto;
    background:transparent;
    border:none;
    outline:0;
    width:20px;
    height:20px
}
.header .logo-search .search-box .field-default-search .btn-search:focus,.header .logo-search .search-box .field-default-search .btn-search:hover{
    outline:0
}
.header .logo-search .search-box .field-default-search .btn-search img{
    width:20px
}
.header .user-cart{
    display:flex;
    align-items:center;
    gap:13px
}
@media only screen and (max-width: 1024px){
    .header .user-cart{
        display:none
    }
}
.header .user-cart .btn-cart-user{
    background:#F9F9FB;
    border:1px solid rgba(14,177,210,0.3);
    border-radius:7px;
    padding:14px 16px;
    cursor:pointer;
    font-weight:400;
    font-size:14px;
    line-height:22px;
    color:#2F2F2F;
    display:flex;
    align-items:center;
    gap:8px;
    position:relative
}
.header .user-cart .btn-cart-user .btn-dropdown{
    display:flex;
    align-items:center;
    gap:8px;
    position:relative;
    cursor:pointer
}
.header .user-cart .btn-cart-user .btn-dropdown *{
    pointer-events:none
}
.header .user-cart .btn-cart-user img{
    width:22px
}
.header .user-cart .btn-cart-user i{
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#E61151;
    font-style:normal;
    color:#fff;
    font-weight:500;
    font-size:1.2em;
    line-height:25px;
    border-radius:100%
}
.header .user-cart .btn-cart-user .arrow-down{
    display:inline-block;
    width:10px;
    margin-left:-7px
}
.header .user-cart .btn-cart-user .arrow-down img{
    width:100%
}
.header .user-cart .dropdown-profile{
    position:absolute;
    top:109%;
    left:-110px;
    margin:auto;
    width:317px;
    background:#fff;
    box-shadow:0px 3px 8px rgba(0,0,0,0.25);
    border-radius:10px;
    display:block
}
.header .user-cart .dropdown-profile.hide{
    display:none
}
.header .user-cart .dropdown-profile .top{
    width:100%;
    padding:13px 11px 10px
}
.header .user-cart .dropdown-profile .user-info{
    background:#fff;
    box-shadow:0px 1px 4px rgba(0,0,0,0.2);
    border-radius:10px;
    overflow:hidden
}
.header .user-cart .dropdown-profile .user-info .info{
    position:relative;
    background:#00AFAC;
    z-index:2;
    border-radius:0 0 10px 10px;
    overflow:hidden
}
.header .user-cart .dropdown-profile .user-info .info::after{
    content:'';
    width:100%;
    height:100%;
    background:url("../../../images/profile/side-1.png") no-repeat;
    position:absolute;
    left:0;
    top:0;
    z-index:-1
}
.header .user-cart .dropdown-profile .user-info .info a{
    display:flex;
    align-items:center;
    gap:15px;
    padding:5px 10px
}
.header .user-cart .dropdown-profile .user-info .info a .img{
    width:42px;
    height:42px;
    background:#fff;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.header .user-cart .dropdown-profile .user-info .info a .img img{
    width:20px
}
.header .user-cart .dropdown-profile .user-info .info a h4{
    font-weight:500;
    font-size:1.2em;
    line-height:31px;
    color:#fff
}
.header .user-cart .dropdown-profile .user-info .wallet{
    background:#fff;
    position:relative;
    z-index:1;
    margin-top:-10px;
    padding-top:15px;
    padding-bottom:10px
}
.header .user-cart .dropdown-profile .user-info .wallet::after{
    content:'';
    width:100%;
    height:100%;
    background:url("../../../images/profile/side-2.png") no-repeat;
    position:absolute;
    right:0;
    top:0;
    z-index:-1
}
.header .user-cart .dropdown-profile .user-info .wallet a{
    display:flex;
    align-items:center;
    gap:15px;
    padding:5px 10px
}
.header .user-cart .dropdown-profile .user-info .wallet a .img{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center
}
.header .user-cart .dropdown-profile .user-info .wallet a .img img{
    width:30px
}
.header .user-cart .dropdown-profile .user-info .wallet a h4{
    font-weight:400;
    font-size:1.1em;
    line-height:23px;
    color:#2F2F2F;
    font-family:'iranyekanFaNum'
}
.header .user-cart .dropdown-profile .user-info .wallet a .wallet-inventory{
    margin-right:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:5px
}
.header .user-cart .dropdown-profile .user-info .wallet a .wallet-inventory p{
    font-family:'iranyekanFaNum';
    font-weight:500;
    font-size:1.1;
    line-height:20px;
    color:#2F2F2F
}
.header .user-cart .dropdown-profile .user-info .wallet a .wallet-inventory p.read{
    display:flex;
    align-items:center;
    gap:5px;
    color:#00AFAC
}
.header .user-cart .dropdown-profile .user-info .wallet a .wallet-inventory p.read img{
    width:5px
}
.header .user-cart .dropdown-profile .list-nav-dropdown{
    list-style:none
}
.header .user-cart .dropdown-profile .list-nav-dropdown li{
    border-bottom:1px solid #E9EDF5
}
.header .user-cart .dropdown-profile .list-nav-dropdown li:last-of-type{
    border-bottom:none
}
.header .user-cart .dropdown-profile .list-nav-dropdown li a{
    font-family:'iranyekanFaNum';
    font-weight:500;
    font-size:1.2em;
    line-height:23px;
    color:#2F2F2F;
    display:flex;
    align-items:center;
    gap:15px;
    padding:10px 20px 17px
}
.header .user-cart .dropdown-profile .list-nav-dropdown li a img{
    width:20px
}
.navbar{
    background:#F9F9FB;
    border-bottom:1px solid #E4E4F0;
    position:relative;
    z-index:5
}
@media only screen and (max-width: 1024px){
    .navbar{
        display:none
    }
}
.navbar .container-all{
    padding:17px 0;
    position:relative
}
.navbar .btn-category{
    display:flex;
    align-items:center;
    gap:11px;
    font-weight:400;
    font-size:16px;
    line-height:25px;
    color:#2F2F2F;
    cursor:pointer;
    max-width:fit-content
}
.navbar .btn-category *{
    pointer-events:none
}
.navbar .btn-category img{
    width:18px
}
.navbar-wrapper.sticky .navbar{
    overflow-y:hidden;
    max-height:0;
    transition:1s all
}
.navbar-wrapper.sticky .navbar .container-all{
    transform:translateY(-100%);
    transition:0.5s all
}
.navbar-wrapper.showSubNav .navbar{
    overflow-y:unset;
    max-height:fit-content;
    transition:1s all
}
.navbar-wrapper.showSubNav .navbar .container-all{
    transform:translateY(0%);
    transition:0.5s all
}
.item-product{
    padding:5px 15px 19px;
    background:#fff;
    box-shadow:0px 1px 5px rgba(0,0,0,0.21);
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    direction:rtl;
    overflow:hidden;
    position:relative
}
@media only screen and (max-width: 1024px){
    .item-product{
        padding:4px 15px 18px 11px
    }
}
.item-product a{
    position:absolute;
    width:100%;
    height:100%;
    display:block;
    z-index:1;
    cursor:pointer
}
.item-product .title-off{
    font-weight:500;
    font-size:1.2em;
    line-height:23px;
    color:#2F2F2F;
    margin-bottom:15px
}
@media only screen and (max-width: 1024px){
    .item-product .title-off{
        font-size:1.15em;
        line-height:20px;
        padding-top:5px;
        margin-bottom:5px
    }
}
.item-product .rate-product{
    font-weight:400;
    font-size:14px;
    line-height:22px;
    color:#7B93AF;
    display:none;
    align-items:flex-start;
    justify-content:flex-start;
    flex-direction:row-reverse;
    gap:3px;
    width:100%;
    margin-bottom:15px
}
.item-product .rate-product i{
    font-style:normal
}
.item-product .rate-product img{
    width:16px
}
.item-product .pic-product{
    max-width:100%;
    width:170px !important;
    height:170px
}
@media only screen and (max-width: 768px){
    .item-product .pic-product{
        width:131px !important;
        height:auto
    }
}
.item-product .title-product{
    font-weight:500;
    font-size:1.1em;
    line-height:23px;
    font-family:'iranyekanFaNum';
    color:#2F2F2F;
    width:100%;
    min-height:46px
}
@media only screen and (max-width: 768px){
    .item-product .title-product{
        font-size:1em;
        line-height:17px;
        min-height:45px
    }
}
.item-product .price-product{
    width:100%;
    margin-top:12px
}
@media only screen and (max-width: 1024px){
    .item-product .price-product{
        margin-top:0
    }
}
.item-product .price-product .discount-box{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    flex-direction:row-reverse
}
.item-product .price-product .discount-box .off{
    background:#E6115E;
    font-family:'iranyekanFaNum';
    border-radius:4px 20px 20px 4px;
    font-weight:700;
    font-size:1.2em;
    line-height:23px;
    color:#fff;
    display:flex;
    align-items:center;
    padding:2.5px;
    justify-content:center;
    min-width:40px
}
@media only screen and (max-width: 1024px){
    .item-product .price-product .discount-box .off{
        min-width:35px;
        height:25px
    }
}
.item-product .price-product .discount-box .price-discount{
    font-weight:400;
    font-size:1.02em;
    line-height:22px;
    color:#2F2F2F;
    opacity:0.7;
    text-decoration-line:line-through
}
.item-product .price-product .price-org{
    font-weight:500;
    font-size:1.3em;
    line-height:28px;
    color:#2F2F2F;
    display:flex;
    align-items:center;
    gap:6px;
    justify-content:flex-end
}
@media only screen and (max-width: 1024px){
    .item-product .price-product .price-org{
        font-size:1.16em;
        line-height:22px
    }
}
.item-product .price-product .price-org span{
    font-weight:400;
    font-size:14px;
    line-height:22px;
    opacity:0.7
}
@media only screen and (max-width: 1024px){
    .item-product .price-product .price-org span{
        font-size:0.99em;
        line-height:19px
    }
}
.item-product .progress-sale{
    margin-top:15px;
    width:100%;
    background:#EAEAEA;
    border-radius:20px;
    position:relative;
    height:6px
}
.item-product .progress-sale span{
    height:6px;
    position:absolute;
    display:block;
    width:50%;
    background:#E6115E;
    border-radius:20px;
    left:0;
    bottom:0;
    top:0;
    margin:auto
}
.item-product .time-value-sale{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:8px
}
.item-product .time-value-sale .value-sale{
    font-weight:400;
    font-size:1.02em;
    line-height:20px;
    color:#00AFAC;
    font-family:'iranyekanFaNum'
}
.item-product .time-value-sale .value-sale span{
    color:#2F2F2F
}
.item-product .time-value-sale .time{
    font-weight:400;
    font-size:1.2em;
    line-height:23px;
    color:#00AFAC;
    font-family:'iranyekanFaNum'
}
.item-product .btn-add-basket{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 5px;
    height:45px;
    background:#fff;
    border:1px solid #E6115E;
    border-radius:7px;
    font-weight:500;
    font-size:1.1em;
    line-height:25px;
    color:#E61151;
    min-width:120px;
    max-width:100%;
    margin-top:10px;
    cursor:pointer;
    position:relative;
    z-index:2
}
@media only screen and (max-width: 1024px){
    .item-product .btn-add-basket{
        margin-top:6px;
        height:40px
    }
}
.item-product .btn-add-basket.hide{
    display:none
}
.item-product .count-plus-minus{
    display:flex;
    align-items:center;
    margin-top:2em;
    justify-content:space-between;
    width:70%;
    position:relative;
    z-index:2
}
@media only screen and (max-width: 1024px){
    .item-product .count-plus-minus{
        margin-top:1em
    }
}
.item-product .count-plus-minus.hide{
    display:none
}
.item-product .count-plus-minus .cpm-item{
    width:32px;
    height:32px;
    background:#fff;
    border:1px solid #E6115E;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6em;
    color:#E6115E;
    cursor:pointer
}
.item-product .count-plus-minus .cpm-item.number{
    cursor:text;
    border:none;
    background:transparent;
    font-weight:700;
    font-size:1.6em;
    line-height:30px;
    color:#2F2F2F;
    width:auto
}
.item-product .count-plus-minus .cpm-item.minus{
    font-size:2em
}
.breadcrumb-container{
    padding:18px 0 20px
}
@media only screen and (max-width: 1024px){
    .breadcrumb-container{
        width:100%;
        margin:0 auto;
        padding:5px 21px
    }
}
.breadcrumb-container .breadcrumb-list{
    display:flex;
    align-items:center;
    gap:10px
}
.breadcrumb-container .breadcrumb-list .breadcrumb-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:400;
    font-size:14px;
    line-height:22px
}
@media only screen and (max-width: 1024px){
    .breadcrumb-container .breadcrumb-list .breadcrumb-item{
        opacity:0.7
    }
}
.breadcrumb-container .breadcrumb-list .breadcrumb-item::after{
    content:'';
    width:11px;
    height:16px;
    background:url("../../../images/icons/svg/fi_chevron-left.svg") no-repeat 100%;
    filter:grayscale(1)
}
.breadcrumb-container .breadcrumb-list .breadcrumb-item:last-of-type::after{
    display:none
}
.breadcrumb-container .breadcrumb-list .breadcrumb-item a{
    color:#2F2F2F
}
.breadcrumb-container .breadcrumb-list .breadcrumb-item span{
    color:#2F2F2F
}
.item-checks{
    display:flex;
    align-items:center;
    gap:15px
}
.item-checks label{
    display:flex
}
.item-checks label input{
    opacity:0;
    width:0;
    height:0
}
.item-checks label span{
    background:#e0e0e0;
    border-radius:7.5px;
    width:42px;
    height:14px;
    display:block;
    position:relative;
    cursor:pointer
}
.item-checks label span::after{
    content:'';
    display:block;
    width:26px;
    height:26px;
    border-radius:100%;
    background:#F9F9FB;
    border:1px solid #99DFDE;
    box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    position:absolute;
    top:0;
    bottom:0;
    right:-5px;
    margin:auto;
    z-index:2;
    transition:all 0.70s
}
.item-checks label input:checked+span{
    background:#00AFAC
}
.item-checks label input:checked+span::after{
    right:50%;
    transition:all 0.70s
}
.item-checks .title-checkbox{
    font-weight:500;
    font-size:1.2em;
    line-height:25px;
    color:#2F2F2F
}
.nabvar-mobile{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    width:100%;
    background:#fff;
    box-shadow:0px -1px 5px rgba(0,0,0,0.12);
    z-index:3;
    display:none
}
@media only screen and (max-width: 1024px){
    .nabvar-mobile{
        display:block
    }
}
.nabvar-mobile .container-navbar-mobile{
    list-style:none;
    display:flex;
    gap:5px;
    align-items:center
}
.nabvar-mobile .container-navbar-mobile .nav-item{
    width:25%
}
.nabvar-mobile .container-navbar-mobile .nav-item a{
    padding:5px 0px 4px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px
}
.nabvar-mobile .container-navbar-mobile .nav-item a img{
    width:24px
}
.nabvar-mobile .container-navbar-mobile .nav-item a img.for-active{
    display:none
}
.nabvar-mobile .container-navbar-mobile .nav-item a h5{
    font-weight:400;
    font-size:1em;
    line-height:19px;
    color:#6A5773
}
.nabvar-mobile .container-navbar-mobile .nav-item.active a img{
    display:none
}
.nabvar-mobile .container-navbar-mobile .nav-item.active a img.for-active{
    display:block
}
.nabvar-mobile .container-navbar-mobile .nav-item.active a h5{
    color:#000
}
.overlay-cat{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.6;
    opacity:0.6;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    z-index:4
}
.overlay-cat.show{
    display:block
}
.header-mobile{
    display:none;
    width:100%;
    height:70px;
    position:fixed;
    left:0px;
    right:0px;
    top:0;
    margin:auto;
    background:#fff;
    box-shadow:0px 1px 5px rgba(0,0,0,0.12);
    z-index:4
}
@media only screen and (max-width: 1024px){
    .header-mobile{
        display:flex;
        align-items:center;
        justify-content:center
    }
}
.header-mobile .title-page-mobile{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    font-family:'iranyekanFaNum';
    font-weight:500;
    font-size:1.25em;
    line-height:25px;
    color:#2F2F2F
}
.header-mobile .title-page-mobile.text-right{
    padding-right:60px;
    justify-content:start
}
.header-mobile .title-page-mobile a{
    position:absolute;
    width:25px;
    width:25px;
    top:0;
    bottom:0;
    right:15px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center
}
.header-mobile .title-page-mobile a img{
    width:10px
}
.header-mobile .title-page-mobile .number{
    width:23px;
    height:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#E6115E;
    font-family:'iranyekanFaNum';
    font-weight:400;
    font-size:1.2em;
    line-height:23px;
    color:#fff;
    border-radius:100%;
    margin-right:10px
}
.header-mobile .title-page-mobile .number-basket{
    width:23px;
    height:23px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#E61151;
    font-family:'iranyekanFaNum';
    font-weight:400;
    font-size:1.2em;
    line-height:23px;
    color:#fff;
    border-radius:5px;
    margin-right:10px
}
.form-item label{
    position:absolute;
    right:20px;
    top:14px;
    font-family:'iranyekanFaNum';
    font-weight:400;
    font-size:1.2em;
    line-height:23px;
    color:rgba(47,47,47,0.6);
    transition:all 0.5s;
    cursor:text
}
.form-item label span{
    display:none;
    color:#E61151;
    font-size:0.7em
}
.form-item label.active{
    top:-11px;
    right:20px;
    font-size:1.1em;
    background:linear-gradient(0deg, transparent 20%, transparent 20%, #fff 50%, #fff 50%, #fff 70%, #fff 70%);
    padding:0 2px
}
.form-item label.active span{
    display:inline-block
}
.form-item input,.form-item textarea,.form-item select{
    background:#F8F9FC;
    border:1px solid #E9EDF5;
    border-radius:10px;
    padding:5px 10px
}
@media only screen and (max-width: 1024px){
    .form-item input,.form-item textarea,.form-item select{
        border-color:#AFAFAF
    }
}
.form-item input:focus,.form-item textarea:focus,.form-item select:focus{
    outline:0
}
.form-item.has-error input{
    border-color:#E61151 !important
}
.form-item.has-error label{
    color:#E61151 !important
}
body{
    direction:rtl;
    text-align:right;
    font-size:12px
}
body::-webkit-scrollbar{
    width:10px
}
body::-webkit-scrollbar-track{
    background:transparent
}
body::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:10px
}
body::-webkit-scrollbar-thumb:hover{
    background:#ccc
}
a,a:hover,a:focus{
    text-decoration:none
}
*{
    padding:0;
    margin:0;
    font-family:'Vazir_FD';
    box-sizing:border-box
}
@media only screen and (max-width: 1024px){
    .contactus-page{
        padding:0 21px
    }
}
.contactus-page .container-contactus{
    padding-bottom:2em
}
.contactus-page .container-contactus .contact-info{
    gap:10px;
    justify-content:space-between;
    list-style:none
}
.contactus-page .container-contactus .contact-info li{
    background:#F8F9FC;
    border:1px solid rgba(14,177,210,0.3);
    border-radius:13px;
    padding:30px 20px;
    display:flex;
    align-items:center;
    gap:20px
}
@media only screen and (max-width: 1024px){
    .contactus-page .container-contactus .contact-info li{
        flex-wrap:wrap;
        gap:10px
    }
}
.contactus-page .container-contactus .contact-info li .title{
    display:flex;
    align-items:center;
    gap:10px
}
.contactus-page .container-contactus .contact-info li .title img{
    width:20px
}
.contactus-page .container-contactus .contact-info li .title span{
    font-weight:500;
    font-size:1.3em;
    line-height:25px;
    color:#00AFAC;
    font-family:'iranyekanFaNum'
}
.contactus-page .container-contactus .contact-info li .value{
    font-weight:500;
    font-size:1.3em;
    line-height:25px;
    color:#2F2F2F
}
.contactus-page .container-contactus .contact-info li.col-address{
    width:68%
}
@media only screen and (max-width: 1024px){
    .contactus-page .container-contactus .contact-info li.col-address{
        width:100%
    }
}
.contactus-page .container-contactus .contact-info li.col-phone{
    width:30%
}
@media only screen and (max-width: 1024px){
    .contactus-page .container-contactus .contact-info li.col-phone{
        width:100%
    }
}
.contactus-page .container-contactus .map-box{
    width:100%;
    margin-top:20px
}
@media only screen and (max-width: 1024px){
    .contactus-page .container-contactus .map-box{
        display:none
    }
}
.contactus-page .container-contactus .map-box img{
    width:100%
}
.contactus-page .title-box{
    font-family:'iranyekanFaNum';
    font-style:normal;
    font-weight:700;
    font-size:1.4em;
    line-height:28px;
    color:#2F2F2F;
    margin-bottom:1em
}
.main{
    padding-top:160px
}
.footer-quick-access{
    display:none
}
.page-border{
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.21);
    border-radius: 10px;
    padding: 20px;
    background: #ffffff;
    margin: 25px 0;
}
.header-bullet{
    width: 20px;
    height: 20px;
    background: #3EC1DB;
    border-radius: 50%;
    margin-left: 15px;
    display: inline-block;
}
.title-border{
    border-right: solid 5px #3EC1DB;
    padding-right: 15px;
}
.accordion-button {
  background: #F2F2F2 !important;
    margin-top: 10px;
}
.accordion-button::after{
    margin-left: inherit !important;
    margin-right: auto;
}
.main-title{
    font-size: 40px;
    color: #028380;
}
.newsletter-input{
    background: #fff;
    border: 1px solid #E9EDF5;
    box-sizing: border-box;
    border-radius: 10px;
    color: rgba(47,47,47,0.6);
    padding: 13px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    height: 48px;
}
.newsletter-button{
    background: #E6115E;
    border: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    height: 48px;
    border: 1px solid #E6115E;
    box-sizing: border-box;
    border-radius: 7px;
    width: auto;
    padding: 0 20px;
}
a {
  text-decoration: inherit !important;
}
.payment-status{
    border: 1px solid rgba(0, 0, 0, 0.31);
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.payment-status p{
    color: rgba(0, 0, 0, 0.63);
    font-size: 20px;
}
p{
    margin-top: 20px;
font-size: 16px;
line-height: 28px;
    text-align: justify;
color: #565656;
}
h3{
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}