@import "alerts.css";
@import "modal.css";
@import "contactus.css";

:root{
    --bright-cyan:#bf3f3d;
    --white:#ffffff;
    --blue:#3967ea;
    --red:#ef394f;
    --colorHeader:#0e204e;
    --colorText:#6f7995;
    --gray: #f3f4f6;
    --green-light:#7fda5f
}






.hero-seo{
    padding:60px 0 40px;
    text-align:center;
}

.hero-badge{
    display:inline-block;
    background:#edf4ff;
    color:#1e40af;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.hero-seo h1{
    font-size:48px;
    font-weight:800;
    line-height:1.5;
    color:#111827;
    margin-bottom:15px;
}

.hero-seo p{
    max-width:900px;
    margin:auto;
    color:#6b7280;
    font-size:18px;
}

.hero-links{
    margin-top:25px;
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.hero-links a{
    padding:10px 18px;
    border:1px solid #e5e7eb;
    border-radius:12px;
}





.color_c1{
    color: var(--colorHeader) !important;
}

.color_c2{
    color: var(--colorText) !important;
}

.color_red{
    color: var(--red) !important;
}

.color_blue{
    color: var(--blue) !important;
}

.color_green{
    color: #2e7b32 !important;
}

html{
    font-size: 14px;
}

body{
    font-family: Vazir;
}
input:focus, button:focus, *:focus{
    outline: none;
}

a {
    color: var(--blue);
}

a:hover{
    text-decoration: none;
}

.clear{
    clear: both;
}

.text-justify{
    text-align: justify;
}

.row_custom{
    display: flex;
}

.w-empty{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--colorHeader);
    padding: 25px 5px;
    font-size: 1.5rem;
}

.w-empty .icon{
    margin-bottom: 5px;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir.eot');
    src: url('../fonts/Vazir.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir.woff2') format('woff2'),
    url('../fonts/Vazir.woff') format('woff'),
    url('../fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Bold.eot');
    src: url('../fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Bold.woff2') format('woff2'),
    url('../fonts/Vazir-Bold.woff') format('woff'),
    url('../fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Black.eot');
    src: url('../fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Black.woff2') format('woff2'),
    url('../fonts/Vazir-Black.woff') format('woff'),
    url('../fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Medium.eot');
    src: url('../fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Medium.woff2') format('woff2'),
    url('../fonts/Vazir-Medium.woff') format('woff'),
    url('../fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Light.eot');
    src: url('../fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Light.woff2') format('woff2'),
    url('../fonts/Vazir-Light.woff') format('woff'),
    url('../fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/Vazir-Thin.eot');
    src: url('../fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazir-Thin.woff2') format('woff2'),
    url('../fonts/Vazir-Thin.woff') format('woff'),
    url('../fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



/*///////////////////////////////// input number */

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    position: relative;
    color: rgba(111, 121, 149, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}


.number-input input[type=number] {
    text-align: center;
}


.md-number-input.number-input {
    width: 107px;
    height: 30px;
    border-radius: 23px;
    border: solid 1px rgba(111, 121, 149, 0.15);
    display: flex;
    align-items: center;
}
.md-number-input.number-input button {
    outline: none;
}


.md-number-input.number-input button.plus {
    margin-right:4px;
}
.md-number-input.number-input input[type=number] {
    max-width: 3.5rem;
    font-size: 1rem;
    outline: none;
    border: none;
    color: var(--colorHeader);
}

/* ///////////////////////////////////// */
.help-block{
    font-size: .75rem;
    margin-top: 8px;
    display: inline-block;
}

.is-invalid .help-block{
    color: var(--red);
}

.btn-custom{
    min-width: 60px;
    height: 35px;
    background-color: var(--blue);
    display: flex !important;
    color: var(--white);
    justify-content: center;
    align-items: center;
    border: none;
    padding: 3px 12px;
    border-radius: 24px;
    cursor: pointer;
}

.btn-gray{
    background-color: var(--colorText);
    color: var(--white);

}

.btn-custom-b{
    min-width: 60px;
    height: 35px;
    border-radius: 5px;
    background-color: transparent;
    display: flex !important;
    color: var(--white);
    justify-content: center;
    align-items: center;
    border: 1px solid var(--white);
    padding: 10px 20px;
    border-radius: 24px;
}

.swiper-button-next:after{
    color: #000;
    font-size: 1.2rem !important;
    font-weight: 600;
}

.swiper-button-prev:after{
    color: #000;
    font-size: 1.2rem !important;
    font-weight: 600;
}

/* home page style */


.main-slider{
    margin: 30px 2px 41px 2px;
}

.main-slider .swiper-button-next, .main-slider .swiper-button-prev{
    width: 52px;
    height: 52px;
    opacity: 0.4;
    box-shadow: 0 4px 20px -3px rgba(173, 178, 192, 0.6);
    background-color: #ffffff;
    border-radius: 50%;
}

.main-slider .swiper-button-next:after{
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
}

.main-slider .swiper-button-prev:after{
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
}
.main-slider .swiper-pagination-bullet{
    background: white;
    opacity: 1;
}

.main-slider .swiper-pagination-bullet-active{
    background: #ffac41;
    position: relative;
}

.main-slider .swiper-pagination-bullet-active:after{
    content: ' ';
    width: 12px;
    height: 12px;
    position: absolute;
    background: transparent;
    /*border: solid 0.5px #ffac41;*/
    border-radius: 50%;
    right: -2.2px;
    top: -2.1px;
    box-shadow: 0 0 0 0.1rem rgba(255,172,65,.25);
}
.main-slider .swiper-slide{
    position: relative;
    height: 560px;
}

.main-slider .swiper-slide img{
    border-radius: 15px;
    width: 100%;
    height: 560px;
}

.main-slider .swiper-slide .w-info-slide{
    position: absolute;
    top: 50%;
    right: 20%;
    color: white;
}
.main-slider .swiper-slide .title-slide{
    font-size: 1.5rem;
}

.main-slider .swiper-slide .desc-slide{
    font-size: 1rem;
}

.main-slider .swiper-slide:before{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 15px;
    background-image: linear-gradient(to bottom, rgba(57, 103, 234, 0.1) -21%, #122250);
}

.sec-promotion-area{
    height: 636px;
    width: 100%;
    background-color: var(--blue);
    padding-top: 35px;
}



.product-box-area {
    padding: 30px 15px;
    padding-top: 0;
}

.sec-newProducts-area .product-box-area{
    padding-top: 35px;
}

.btn-custom-b i{
    margin-right: 8px;
}

.product-box-area .info-sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec-promotion-area .product-box-area .info-sec{
    margin-bottom: 25px;
}

.product-box-area .info-sec .info-sec-right{
    color: white;
}


.product-box-area .info-sec .info-sec-right{
    color: white;
}

.product-box-area .info-sec .info-sec-right h4{
    font-size: 1.8rem;
    margin-bottom: 8px;
    color: var(--colorHeader);
}

.sec-promotion-area.w-products-rel .info-sec-right h4{
    color: var(--white);
}

.product-box-area .info-sec .info-sec-right p{
    font-size: 1.2rem;
    color: var(--colorText);
}

sec-promotion-area .product-box-area .info-sec .info-sec-right h4{
    color: white;
}
.sec-promotion-area .product-box-area .info-sec .info-sec-right p{
    color: white;
}

.product-box-area .info-sec .info-sec-righ{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-box-area .info-sec .btn-custom-b{
    height: 48px;
}

.product-box-area .w-product-box{
    height: 445px;
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    background-color: #ffffff;
    position: relative;
}

.product-box-area .w-product-box .favorite-btn{
    width: 52px;
    height: 52px;
    box-shadow: 0 4px 20px -3px rgba(173, 178, 192, 0.6);
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    /*margin-top: 22px;*/
    /*margin-left: 22px;*/
    margin-top: 5px;
    margin-left: 20px;
    border: none;
    cursor: pointer;
}

 .product-box-area .w-product-box .product-box-image{
    display: flex;
    justify-content: center;
}

.product-box-area .w-product-box .product-box-image img{
    width: 178px;
    height: 178px;
    width: 250px;
    height: 180px;
    object-fit: contain;
}

.product-box-area .w-product-box .product-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px 5px 10px;
}

.product-box-area .w-product-box .product-box-title span:first-child,
.product-box-area .w-product-box .product-box-title span:first-child>a{
    text-align: right;
    color: var(--colorHeader);
    font-size: 1.2rem;
}

.product-box-area .w-product-box .product-box-title span:last-child{
    font-size: .9rem;
    color: var(--colorText);
}

.product-box-area .w-product-box .product-box-title span:last-child i{
    margin-left: 5px;
    color: #ffac41;
}

.product-box-area .w-product-box .product-box-desc{
    padding: 10px;
    color: var(--colorText);
    font-size: .8rem;
}

.product-box-area .product-box-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    height: 70px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

 .product-box-area .product-box-price{

}

.product-box-area .product-box-price .p-box-price{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-box-area .product-box-price .p-box-price .w-product-off{
    display: flex;
    align-items: center;
}

.product-box-area .product-box-price .p-box-price .w-product-off .product-off-percent{
    width: 35px;
    height: 20px;
    border-radius: 15px;
    box-shadow: 0 12px 20px -10px rgba(76, 107, 255, 0.4);
    background-color: #f9004f;
    color: white;
    padding: 5px 5px;
    display: flex;
    font-size: .8rem;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-weight: 600;
}

.product-box-area .product-box-price .p-box-price .w-product-off .product-off-main {
    color: var(--colorText)
}

.product-box-area .product-box-price .p-box-price .product-main-price {
    color: var(--colorHeader);
    font-size: 1.35rem;
    font-weight: 600;
    margin-top: 5px;
}

[tuman="true"]:after {
    content: ' تومان ';
    font-size: .9rem;
}

 .product-box-area .product-box-price .p-box-price .product-main-price[tuman="true"]:after {
    content: ' تومان ';
    font-size: .9rem;
}

.product-box-area .btn-custom {
    height: 45px;
    min-width: 100px;
}
.product-box-area .btn-custom i{
    margin-left: 8px;
}


.sec-promotion-area .swiper-wrapper{
}

.w-products-rel .swiper-button-next, .w-products-rel .swiper-button-prev{
    width: 52px;
    height: 52px;
    box-shadow: 0 4px 20px -3px rgba(173, 178, 192, 0.6);
    background-color: #ffffff;
    border-radius: 50%;
}

.sec-promotion-area .swiper-button-prev{

}

.w-products-rel .swiper-button-next{
    left: -24px !important;
}

.w-products-rel .swiper-button-prev{
    right: -24px !important;
}

.w-products-rel .swiper-container{
    position: initial !important;
}

.sec-newProducts-area.w-products-rel .swiper-container{
    padding-right: 15px;
    padding-left: 15px;
}

.w-products-rel .w-swipper-products{
    position: relative;

}

.sec-promotion-area .promotion-time{
    display: flex;
    justify-content: flex-end;
    color: var(--colorText);
    margin-left: 15px;
    font-weight: 600;
    align-items: center;
}

.sec-promotion-area .promotion-time .time.second:after, .sec-promotion-area .promotion-time .time.minute:after{
    content: ' : ';

}

.sec-promotion-area .promotion-time .icon-time{
    margin-right: 5px;
    font-size: 1.3rem;
}

.sec-newProducts-area .product-box-area .w-product-box{
    margin: 25px 0;
}

/* Section Header top */



header .wrapper-header{
    height: 156px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.1);
    background-color: #ffffff;
}

header .wrapper-header .header_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 5px;
    padding-left: 0;
}

header .header_top .header-top-right{
    min-width: 50%;
    display: flex;
    align-items: center;
}

header .header_top .header-top-right .logo-area{
    margin-left: 10px;
}

header .header_top .header-top-right .logo-area img{
    width: 120px;
    height: 45px;
    object-fit: contain;
}

header .search-area{
    position: relative;
    width: 100%;
}

header .search-area i{
    position: absolute;
    right: 16px;
    top: 18px;
    color: var(--colorText);
    font-size: 1.4rem;
}

header .search-area input::placeholder{
    text-align: right;
    color: var(--colorText);
}

header .search-area input{
    font-size: 1rem;
    height: 52px;
    border-radius: 26px;
    background-color: #eff4fd;
    text-align: right;
    color: var(--colorText);
    border: none;
    padding: 0 45px 0 10px;
    width: 100%;
}

header .wrapper-nav-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 22px;
    position: relative;

}


header .wrapper-nav-top ul{
    list-style: none;
    padding-right: 0;
    margin-bottom: 0;

}

header .wrapper-nav-top ul li{

}

header .wrapper-nav-top ul li a:before{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    border-bottom: solid 3px var(--blue);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

header .wrapper-nav-top>ul>li>a{
    position: relative;
    color: var(--colorHeader);
    padding: 10px 10px;
    display: flex;
    align-items: center;
    padding-bottom: 30px;

}

header .wrapper-nav-top>ul>li>a:hover:before{
    transform: scaleX(1);
}

header .wrapper-nav-top ul li a i{
    margin-left: 8px;
    font-size: 1.2rem;
}

header .wrapper-nav-top ul li a:hover{
    text-decoration: none;
}

header .wrapper-nav-top .main-menu-content{
    z-index: 10000;
    position: absolute;
    right: 0;
    border-radius: 10px;
    display: none;
    width: 100%;
    overflow: hidden;
    max-width: 980px;
}

header .wrapper-nav-top .main-menu-content .w-menu-content{
    display: flex;
    /*box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.5);*/
    height: 100%;
    width: 100%;

}
header .wrapper-nav-top .main-menu-content .w-main-category{
    width: 180px;
    height: 100%;
    padding: 0px 0px 0px 0;
    color: var(--colorHeader);
    display: flex;
    flex-direction: column;
}

header .wrapper-nav-top .main-menu-content .w-main-category span{
    padding: 18px 15px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    background-color: #eff4fd;
    opacity: 0.98;
}

header .wrapper-nav-top .main-menu-content .w-main-category span:hover,
header .wrapper-nav-top .main-menu-content .w-main-category>span.is-active{
    background: white;
    color: var(--blue);
    cursor: pointer;
    opacity: 1;
}
header .wrapper-nav-top .main-menu-content .w-main-category span i{
    margin-left: 10px;
}

header .wrapper-nav-top .main-menu-content .w-sub-category{
    min-width: 120px;
    border-radius: 10px 0px 0px 10px ;
    background-color: #ffffff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}

header .wrapper-nav-top .main-menu-content .w-sub-category .w-subcats {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 15px;
}

header .wrapper-nav-top .main-menu-content .w-sub-category .w-subcats.is-active {
    display: flex;
}

header .wrapper-nav-top .main-menu-content .w-sub-category .w-subcats a{
    color: var(--colorHeader);
    padding: 5px 15px 5px 15px;
}

header .wrapper-nav-top .main-menu-content .w-sub-category .w-subcats a:hover{
    color: var(--colorHeader);
}

header .wrapper-nav-top ul li:hover .main-menu-content{
    display: flex;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.5);
}

header .wrapper-nav-top .nav-top-left{
    color: var(--colorHeader);
    padding-bottom: 22px;
    color: var(--red);
    font-weight: 600;

    /* display: none; */

}

.phone_support{
    /* display: flex; */
    align-items: end;
    flex-direction: column;
    font-weight: 600;
    color: var(--blue);
    font-size: 17px;
}

header .wrapper-nav-top .nav-top-left .location-current {
    display: flex;
    align-items: center;
    color: var(--blue);
}

header .wrapper-nav-top .nav-top-left .location-current i{
    margin-right: 8px;
}

header .header-action {
    display: flex;
    align-items: center;
}

header .header-action .cart {
    width: 52px;
    height: 52px;
    background-color: #eff4fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

header .header-action .cart .count_cart {
    position: absolute;
    width: 23px;
    height: 23px;
    background: var(--red);
    border-radius: 50%;
    right: -7px;
    bottom: -4px;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .85rem;
    font-weight: 600;

}
header .header-action .btn-show-profile {
    width: 52px;
    height: 52px;
    background-color: #eff4fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}
header .menu-profile-top{
    width: 264px;
    height: 226px;
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.4);
    background-color: #ffffff;
    position: absolute;
    bottom: -226px;
    left: 0;
    z-index: 10000;
    padding: 20px 20px;
    display: none;
}

header .menu-profile-top .top{
    display: flex;
    align-items: center;
}

header .menu-profile-top .other-info{
    padding: 0 40px;
    margin-top: 16px;
}

header .menu-profile-top .other-info .r-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: .8rem;
}
header .menu-profile-top .bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
}

header .menu-profile-top .bottom a{
    display: flex;
    align-items: center;
    color: var(--colorHeader);
    padding: 10px 8px;
    border-top: 1px solid var(--gray);
}

header .menu-profile-top .bottom a i{
    margin-left: 8px;
}
header .menu-profile-top .info-name{
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

header .menu-profile-top .info-name .name{
    font-weight: 600;
    color: var(--colorHeader);
}

header .menu-profile-top .info-name a{
    display: flex;
    align-items: center;
    font-size: .85rem;
    padding-top: 4px;

}
header .menu-profile-top .info-name a i{
   margin-right: 8px;
}
header .menu-profile-top .avatar img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

header .menu-profile-top .avatar{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;

}

header .menu-profile-top .avatar:before{
    content: ' ';
    width: 1px;
    height: 29px;
    border: solid 1px rgba(111, 121, 149, 0.5);
    position: absolute;
    right: 25px;
    bottom: -29px;
}
header .menu-profile-top .avatar:after{
    content: ' ';
    width: 7px;
    height: 7px;
    background-color: #b7bcca;
    position: absolute;
    border-radius: 50%;
    right: 22px;
    bottom: -29px;


}

header .header-action .btn-show-profile:hover .menu-profile-top{
    /*display: block;*/
}

header .header-action .login{
    height: 52px;
    border-radius: 26px;
    background-color: #eff4fd;
    display: flex;
    padding: 5px 20px;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    color: var(--colorHeader);
}

i.custom-icon {
    width: 18px;
    height: 45px;
    background: url(../files/icons_1.svg);
    background-repeat: no-repeat;
    background-position: -152px 10px;
    background-size: 14rem;
    display: inline-block;
    margin-left: 8px;

}

header .header-action .login i.custom_icon {
    width: 18px;
    height: 45px;
    background: url(../files/icons_1.svg);
     background-repeat: no-repeat;
    background-position: -152px 10px;
    background-size: 14rem;
    display: inline-block;
    margin-left: 8px;

}

header .header-action .btn-show-profile i.custom_icon {
    width: 18px;
    height: 45px;
    background: url(../files/icons_1.svg);
    background-repeat: no-repeat;
    background-position: -178px 8px;
    background-size: 16rem;
    display: inline-block;

}


header .header-action .cart i.custom_icon {
    width: 25px;
    height: 40px;
    background: url(../files/icons_1.svg);
    background-repeat: no-repeat;
    background-position: -208px 5px;
    background-size: 17rem;
    display: inline-block;
}

/* section footer */
footer.wrapper-footer {
    background-color: #f5f8fe;
    width: 100%;
    min-height: 100px;
}

footer .footer-feature-innerbox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 30px 10px 35px 10px;
    border-bottom: 1px solid #e7eaf3;
    margin-bottom: 15px;
}
footer .footer-feature-innerbox .w-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-right: 50px;
    margin-top: 30px;
}

footer .footer-feature-innerbox>div:first-child{
    margin-right: 0px;
}

footer .footer-feature-innerbox .w-box .w-box-image{
    width: 100%;
}

footer .footer-feature-innerbox .w-box .w-box-image img{
    width: 74.2px;
    height: 50px;
    object-fit: contain;
}

footer .footer-feature-innerbox .w-box .w-box-title {
    font-size: 1rem;
    color: var(--colorHeader);
    text-align: center;
    margin-top: 10px;
}

footer .footer-middlebar{
    display: flex;
    padding-top: 20px;
    border-bottom: 1px solid #e7eaf3;
    margin-bottom: 15px;
    padding-bottom: 30px;
}

footer .footer-middlebar>div{
    flex: 1;
}


footer .footer-middlebar>div:last-child{
    flex: 2;
}

footer .footer-middlebar .w-footer-links{

}

footer .footer-middlebar .w-footer-links .footer-links{

}

footer .footer-middlebar .w-footer-links .footer-links .title{
    color: var(--colorHeader);
    font-size: 1.2rem;
    margin-bottom: 15px;
}

footer .footer-middlebar .w-footer-links .footer-links .links{
    display: flex;
    flex-direction: column;

}

footer .footer-middlebar .w-footer-links .footer-links .links a{
    color: var(--colorText);
    font-size: 1rem;
    margin-top: 8px;

}

footer .footer-middlebar  .w-newsletter{

}

footer .footer-middlebar  .w-newsletter .title{
    color: var(--colorHeader);
    font-size: 1.2rem;
    margin-bottom: 15px;

}

footer .footer-middlebar  .w-newsletter .input-box{
    display: flex;
    align-items: center;
    position: relative;

}

footer .footer-middlebar  .w-newsletter .input-box input[type="text"]::placeholder{
    color: var(--colorText);
}

footer .footer-middlebar  .w-newsletter .input-box input[type="text"]{
    width: 100%;
    height: 52px;
    border-radius: 26px;
    border: solid 1px #eff4fd;
    background-color: #ffffff;
    color: var(--colorText);
    padding: 1px 25px;
    padding-left: 120px;
}

footer .footer-middlebar  .w-newsletter .input-box button{
    width: 110px;
    height: 52px;
    border-radius: 26px;
    background-color: var(--blue);
    border: none;
    color: white;
    font-size: 1rem;
    position: absolute;
    left: 0;
    cursor: pointer;
}

footer .footer-middlebar  .social-network{
    margin-top: 30px;
}


footer .footer-middlebar  .social-network .title{
    text-align: right;
    font-size: 1rem;
    color: var(--colorText);

}

footer .footer-middlebar  .social-network .all-social{
    display: flex;

}

footer .footer-middlebar  .social-network .all-social a{
    font-size: 1.3rem;
    color: var(--colorText);
    margin-left: 15px;
    margin-top: 11px;
}



footer .footer-address{
    padding-top: 18px;
    padding-bottom: 18px;
}

footer .footer-address .address{
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: var(--colorHeader);
}
footer .footer-address .address span{
    margin-left: 5px;
}


footer .footer-more-info{
    background-color: #e3e9f2;
    min-height: 80px;
    width: 100%;
}


footer .footer-more-info .w-footer-more-info{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 1px 0px;
    border-bottom: 1px solid #d6dde8;

}

footer .footer-more-info .footer-more-info-right{
    display: flex;
    flex-direction: column;
    flex: 2;

}

footer .footer-more-info .footer-more-info-right h5{
    color: var(--colorHeader);
    font-size: 1.2rem;
}

footer .footer-more-info .footer-more-info-right p{
    color: var(--colorHeader);
    font-size: .85rem;
    text-align: justify;
    padding: 12px 0;
    line-height: 1.64;
}

footer .footer-more-info .footer-more-info-left{
    flex: 1;
}

footer .footer-more-info .footer-more-info-left img{

}

footer .footer-more-info .copyright{
    font-size: .7rem;
    color: var(--colorHeader);
    text-align: center;
    padding: 18px 0;
    font-weight: 600;
    margin: 0;
}


/* page login style */

.main-auth{
    background-color: rgba(239, 244, 253, 0.2);
}

.w-content-auth{
    padding: 80px 80px;
}

.w-content-auth .w-logo{
    width: 100%;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.w-content-auth .w-logo img{
    width: 105px;
    height: 40px;
    object-fit: contain;
}

.w-content-auth .main-content-auth{
    width: 415px;
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.2);
    background-color: #ffffff;
    margin: 30px auto;
    padding-bottom: 30px;
}

.login_page .w-content-auth .main-content-auth{
    padding-bottom: 0;
}
.w-content-auth .main-content-auth .auth-header{
    color: var(--colorHeader);
    font-size: 1.1rem;
    text-align: right;
    padding: 15px 15px;
    border-bottom: solid 1px rgba(111, 121, 149, 0.2);
    font-weight: 600;
}

.w-content-auth .main-content-auth .auth-body{

}

.w-content-auth .main-content-auth .auth-footer{

}

.w-all-input{
    padding: 8px 25px;
    display: flex;
    flex-direction: column;
}
.form-group-cu.horizontal_frm{
    display: flex;
    flex-direction: column;
}

.form-group-cu.horizontal_frm .w-input-content{
    display: flex;
    align-items: center;
    width: 100%;
}
.form-group-cu.horizontal_frm.textarea{
    display: flex;
    align-items: flex-start;
}

.form-group-cu.horizontal_frm label{
    padding-top: 10px;
    margin-left: 10px;
    flex: 1;
}

.form-group-cu.horizontal_frm .w-input{
    flex: 5;
}

.form-group-cu {
    margin-top: 18px;
}

.form-group-checkbox {
    display: flex;
    margin-top: 18px;
    align-items: center;
    color: var(--colorText);
}

.form-group-cu label{
    color: var(--colorText);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-group-cu label a{
    color: var(--blue);
    font-size: .9rem;
}

.form-group-cu .w-input{
    position: relative;
}

.form-group-cu .w-input input{
    padding: 0px 40px 0px 5px;
    height: 46px;
    border-radius: 23px;
    border: solid 1px #eff4fd;
    background-color: rgba(239, 244, 253, 0.5);
    width: 100%;
    color: rgba(111, 121, 149, 0.6);
}

.form-group-cu .w-input textarea{
    padding: 10px 20px 0px 10px;
    border-radius: 23px;
    border: solid 1px #eff4fd;
    background-color: rgba(239, 244, 253, 0.5);
    width: 100%;
    color: rgba(111, 121, 149, 0.6);
}

.is-invalid.form-group-cu .w-input input{
    border-color: var(--red);
    color: var(--red);
}

.is-invalid.form-group-cu .w-input input,
.is-invalid.form-group-cu .w-input textarea{
    border-color: var(--red);
    color: var(--red);
}

.form-group-cu .w-input input::placeholder{
    color: rgba(111, 121, 149, 0.6);
    font-size: 1rem;
}

.form-group-cu .w-input .icon_input i{
    width: 18px;
    height: 45px;
    display: flex;
    align-items: center;
}
.form-group-cu .w-input .icon_input {
    position: absolute;
    right: 15px;
    top: 0;
    color: rgba(111, 121, 149, 0.6);
}

.form-group-action{
    display: flex;
    width: 100%;
}

.form-group-action button{
    width: 100%;
    margin-top: 30px;
    height: 50px;
    position: relative;
}

.form-group-action button .icon-action{
    position: absolute;
    right: 25px;
    font-size: 1.3rem;

}

.custom-icon.i-person{
    background-position: -135px 10px !important;
}


.footer-auth{
    width: 100%;
    background-color: rgba(239, 244, 253, 0.2);
    min-height: 120px;
    border-top: solid 1px rgba(111, 121, 149, 0.2);
}

.main-content-auth .auth-footer{
    border-top: solid 1px rgba(111, 121, 149, 0.2);
    background-color: rgba(239, 244, 253, 0.8);
    display: flex;
    justify-content: center;
    color: var(--colorHeader);
    height: 70px;
    align-items: center;
    margin-bottom: -30px;
}

.main-content-auth .auth-footer a{
    color: var(--blue);
    margin-right: 5px;
}

.main-content-auth .form-group-agree{
    display: flex;
    flex-direction: column;
}

.main-content-auth .login_page .form-group-agree{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

.main-content-auth .login_page .form-group-agree label[for="agree"]{
    margin-bottom: 0;
}

.main-content-auth .form-group-agree .main_checkbox{
    display: flex;
    margin-top: 18px;
    align-items: center;
    color: var(--colorText);
}

.main-content-auth .form-group-agree input[type="checkbox"]{
    margin-left: 10px;
}

.form-group-captcha{
    display: flex;
    justify-content: center;
    margin-top: 28px;
    flex-direction: column;
    align-items: center;
}

.c-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 27px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 8px;
}

.c-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.c-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.2);
    background-color: #ffffff;
    border-radius: 50%;
}

.form-group-checkbox .c-checkmark {
    height: 18px;
    width: 18px;
}



.c-checkbox input:checked ~ .c-checkmark {
    background: var(--blue);
}


.c-checkbox input:checked ~ .c-checkmark:after {
    display: block;
}

.c-checkbox .c-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-group-checkbox .c-checkmark:after{
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 4px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.footer-auth .w-footer-auth{
    padding: 25px 0;
}

.footer-auth .w-footer-auth .links{
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-auth .w-footer-auth .links a{
    color: var(--colorHeader);
    display: flex;
    margin:10px 0;
    margin-left: 15px;


}

.footer-auth .w-footer-auth .desc-footer-auth{
    text-align: center;
    color: var(--colorText);
    font-size: .9rem;
    margin: 20px 0;
}

.footer-auth .w-footer-auth .copyright-auth{
    text-align: center;
    color: var(--colorText);
    font-size: .9rem;
    font-weight: 600;
}


.rc-anchor-light.rc-anchor-normal {
     border: none !important;
}


/* rpfile style */

.w-profile .w-profile-content{
    display: flex;
    justify-content: space-between;
    padding: 25px 2px;
}

.w-profile .right-side {
    width: 250px;
}

.w-profile .center-content {
    width: 100%;
    padding: 0 20px;
}

.w-profile aside .main-info-user{
    height: 145px;
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
}

.w-profile aside .main-info-user .footer{
    height: 40px;
    border-top: solid 1px rgba(111, 121, 149, 0.1);
    background-color: rgba(239, 244, 253, 0.4);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px;

}

.w-profile aside .main-info-user .footer a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--colorHeader);
    font-size: .65rem;
    width: 50%;
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    height: 100%;
    padding: 0 5px;
}

.w-profile aside .main-info-user .footer a:last-child {
    border: none;
}

.w-profile aside .main-info-user .footer a i{
    margin-bottom: 3px;
}

.w-profile aside .main-info-user .top {
    display: flex;
    align-items: center;
    margin: 5px 12px;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 12px;
    margin-bottom: 0;
}

.w-profile aside .main-info-user .top   .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}


.w-profile aside .main-info-user .top  .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}

.w-profile aside .main-info-user .top img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.w-profile aside .main-info-user .info-name {
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 12px;
}

.w-profile aside .main-info-user .info-name .name {
    font-weight: 600;
    color: var(--colorHeader);
}
.w-profile aside .main-info-user .info-name .phone {
    font-size: .8rem;
    color: var(--colorText);
}

.w-profile aside .main-info-user .other-info{
     height: 25px;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    align-items: center;
}

.w-profile aside .main-info-user .other-info .r-info{
    font-size: .7rem;
    color: var(--colorText);
    display: flex;
    justify-content: space-between;
    width: 70px;
}


.w-profile aside .main-menu-profile{
    min-height: 120px;
    width: 250px;
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    color: var(--colorHeader);
    margin-top: 20px;
}

.w-profile aside .main-menu-profile a{
    color: var(--colorHeader);
}

.w-profile aside .main-menu-profile .title{
    padding: 15px 15px;
    border-bottom: 1px solid var(--gray);
    font-size: 1rem;
}


.w-profile aside .main-menu-profile .links{
    padding: 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.w-profile aside .main-menu-profile .links a{
    padding: 12px 0px;
    padding-right: 15px;

}

.w-profile aside .main-menu-profile .links a i{
    margin-left: 8px;
}

.w-profile aside .main-menu-profile .links a:hover, .w-profile aside .main-menu-profile .links a.active{
    background-color: #eff4fd;
    color: var(--blue);
}

.w-profile-box{
    width: 100%;
    padding: 15px 0px;
    padding-top: 0;
    margin-bottom: 15px;
}

.w-profile-box .profile-box{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    min-height: 60px;
}

.w-profile-box .header{
    color: var(--colorHeader);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.profile-box .body{

}

.w-profile-box .footer {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: solid 1px rgba(111, 121, 149, 0.1);
    background-color: rgba(239, 244, 253, 0.4);
}

.w-profile div[class*="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}

.products-list div[class*="col-"]{
    padding-left: 0px;
    padding-right: 0px;
}


.box_table{

}

.box_table .tr_info_b{
    border-bottom: 1px solid var(--gray);
    display: flex;
    justify-content: space-between;
}

.box_table .tr_info_b:last-child{
    border-bottom: none;
}

.box_table .tr_info_b .td_info_b{
    border-left: 1px solid var(--gray);
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.box_table .tr_info_b .td_info_b:last-child{
    border-left: none;
}


.box_table .tr_info_b .td_info_b span:first-child{
    color: var(--colorText);
    font-size: .9rem;
    margin-bottom: 6px;
}
.box_table .tr_info_b .td_info_b span:last-child{
    color: var(--colorHeader);
    font-size: .8rem;
    font-weight: 600;
}

.favorites {

}

.favorites .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    border-bottom: 1px solid var(--gray);
}

.favorites .item:last-child{
   border-bottom: none;
}

.favorites .item .w-info-fav{
    display: flex;
    justify-content: space-between;
}
.favorites .item img{
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.favorites .item .info-fav{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 5px;
}
.favorites .item .title{
    color: var(--colorHeader);
    margin-bottom:3px
}

.favorites .item .price{
    color: #7fda5f;
    font-size: .9rem;
    font-weight: 600;
}

.favorites .delete-btn {
    width: 47px;
    height: 47px;
    background-color: #eff4fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    border: none;
    cursor: pointer;
}


/* products style */

.w-products-list{
    padding: 25px 0px;
    display: flex;
}
aside .box-right-p{
    width: 225px;
    /*min-height: 164px;*/
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
}

.products-list{
}

aside .box-right-p .header{
    color: var(--colorHeader);
    font-weight: 600;
    padding: 12px 12px;
    border-bottom: 1px solid var(--gray);
}

aside .box-right-p .body{
    padding: 12px 12px;
    color: var(--colorHeader);
}

aside .box-right-p .body .show_cat_pro_r {

}

aside .box-right-p .body .show_cat_pro_r>ul{
    padding-right: 10px;
}

aside .box-right-p .body .show_cat_pro_r>ul>li>a>i{
    color: var(--colorHeader);
    margin-left: 5px;
    font-size: 1.2rem;

}
aside .box-right-p .body .show_cat_pro_r>ul>li>a{
    display: flex;
    align-items: center;
}

aside .box-right-p .body .show_cat_pro_r>ul>li{
    list-style: none;
}

aside .box-right-p .body .show_cat_pro_r>ul>li>ul{
    list-style: none;
    padding-right: 18px;
    padding-top: 5px;
}

aside .box-right-p .body .show_cat_pro_r>ul>li>ul>li>a{
    color: var(--colorHeader);
    font-weight: 500;
    padding: 3px 5px;
    display: block;
}

.products-list .product-box-area{
    padding: 0;
    border-top: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
    margin: 0;
}
.products-list .product-box-area .w-product-box{
    height: 100%;
    box-shadow: none;
    border-radius: 0;
    border-left: 1px solid var(--gray);
    margin: 5px 0;
    min-height: 430px;
    position: relative;

}

.products-list .product-box-area .container-product-box{
    padding:5px 0;
    border-bottom: 1px solid var(--gray);
}

.products-list .product-box-area .w-product-box:after{
    content: '';
}

.box-content{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    width: 100%;
    margin-right: 10px;

}

.container_content_c{
    width: 100%;
}

.container_content_c .w-breadcrumb .breadcrumb{
    background: transparent;
    padding: 15px 10px;
    margin: 0px 0;
    padding-top: 0;

}

.container_content_c .w-breadcrumb{
    margin: 0;
}

.breadcrumb a {
    color: var(--colorHeader);
    padding: 0 2px;
    font-weight: 500;
}

.breadcrumb a::after {
    content: " \f104 ";
    padding: 0 5px;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
}

.breadcrumb a:last-child::after {
    content: " ";
}

.w-sort-pr {
    display: flex;
    align-items: center;
}

.w-sort-pr .title_sort{
    color: var(--colorHeader);
    font-weight: 500;
    padding:20px 20px;
    padding-left: 10px;
}

.w-sort-pr ul{
    display: flex;
    list-style: none;
    margin: 0;
}

.w-sort-pr ul li{

}

.w-sort-pr a{
    padding: 6px 20px;
    font-weight: 400;
    font-size: .95rem;
    color: var(--colorHeader);
}

.w-sort-pr a.active{
    color: white;
    background: var(--blue);
    border-radius: 23px;
}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--blue);
    background-color: var(--blue);
}


/* Details product */



/* Cart page style */

.page-cart{

}

.page-cart .w-cart-page{

    padding: 25px 10px;
}

.page-cart .w-cart-page .title_page{
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--gray);
    padding: 0px 0px;
}

.page-cart .w-cart-page .title_page .tab_t{
    display: flex;
    align-items: center;
    border-bottom: 3px solid var(--blue);
    border-radius: 1px;
    padding: 15px 15px;
}

.page-cart .w-cart-page .title_page h1{
    font-size: 1.2rem;
    color: var(--colorHeader);
    margin: 0;
}

.page-cart .w-cart-page .title_page span{
    width: 27px;
    color: white;
    height: 27px;
    border-radius: 50%;
    background-color: #3967ea;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.page-cart .w-cart-page .content-cart-page{
    padding: 20px 20px;
}

.page-cart .w-cart-page .content-cart-page .cart-products{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    min-height: 50px;
}

.page-cart .w-cart-page .content-cart-page .box_price,
.page-shipping  .content-shipping-page .box_price
{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    min-height: 50px;
    padding: 15px 12px;
    color: var(--colorText);
    font-size: 1rem;
}

.page-cart .w-cart-page .content-cart-page .box_price .header,
.page-shipping  .content-shipping-page .box_price .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 10px;
}

.page-cart .w-cart-page .content-cart-page .box_price .header .item,
.page-shipping  .content-shipping-page .box_price .header .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-cart .w-cart-page .content-cart-page .box_price .body,
.page-shipping  .content-shipping-page .box_price .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid var(--gray);
    padding-bottom: 10px;
    padding-top: 10px;
}

.page-cart .w-cart-page .content-cart-page .box_price .body .item.sum,
.page-shipping  .content-shipping-page .box_price .body .item.sum{
    color: var(--colorHeader);
    font-weight: 500;
}


.page-cart .w-cart-page .content-cart-page .box_price .body .item,
.page-shipping  .content-shipping-page .box_price .body .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-cart .w-cart-page .content-cart-page .box_price .footer,
.page-shipping  .content-shipping-page .box_price .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 20px;
}

.page-cart .w-cart-page .content-cart-page .box_price .footer .item.sum,
.page-shipping  .content-shipping-page .box_price .footer .item.sum{
    color: var(--colorHeader);
    font-weight: 500;
}



.page-cart .w-cart-page .content-cart-page .box_price .footer .item,
.page-shipping  .content-shipping-page .box_price .footer .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.page-cart .w-cart-page .content-cart-page .desc_more{
    margin-top: 18px;
    color: var(--colorText);
    font-size: .85rem;
    padding: 1px 5px;

}

.page-cart .w-cart-page .content-cart-page .cart-products{
    padding: 20px 20px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_one{

}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--gray);
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .image_product{

}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .image_product img{
    width: 72px;
    height: 143px;
    object-fit: contain;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info{
    width: 100%;
    padding-right: 8px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .brand{
    display: flex;
    align-items: center;
    font-size: .85rem;
    color: var(--colorText);
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info i{
    margin-left: 10px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .number-input i{
    margin-left: 0px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info>div{
    margin-top: 5px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .info_price_c{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .info_price_c .count{
    display: flex;
    align-items: center;
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .info_price_c .price_box,
.w-product-details .price_box
{
    display: flex;
    align-items: center;
    color: #7fda5f;
    font-weight: 500;
    flex-direction: column;
}


.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .info_price_c .price_box .w-product-off .product-off-percent,
.w-product-details .price_box .w-product-off .product-off-percent
{
    width: 35px;
    height: 20px;
    border-radius: 15px;
    box-shadow: 0 12px 20px -10px rgba(76, 107, 255, 0.4);
    background-color: #f9004f;
    color: white;
    padding: 5px 5px;
    display: flex;
    font-size: .8rem;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    font-weight: 600;
}

.page-cart  .w-product-off,
.w-product-details .w-product-off{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.page-cart  .w-product-off .product-off-main,
.w-product-details  .w-product-off .product-off-main {
    color: var(--colorText);
}

.page-cart .w-cart-page .content-cart-page .cart-products .row_info_product .other_info .title a{
    color: var(--colorHeader);
    font-weight: 500;
    font-size: .85rem;
}

.page-cart .w-cart-page .content-cart-page .cart-products .footer .price_b span:first-child{
    color: var(--colorText);
    font-size: .65rem;
}

.page-cart .w-cart-page .content-cart-page .cart-products .footer .price_b span:last-child{
    color: var(--colorHeader);
    font-weight: 500;
    font-size: .85rem;
}


.page-cart div[class*="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}

.w-progress_insert_order{
    max-width: 502px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 40px auto;
    position: relative;
}

.points_progress{
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background-color: #d3d6df;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.points_progress span{
    margin-top: -6px;
    position: relative;
    background: #d3d6df;;
    z-index: 100;
    right: 0;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border: solid 2.5px var(--white);
    font-weight: 500;
}

.points_progress span.pass{
    background: var(--blue)
}

.points_progress span>div:before{
    content: attr(data-title);
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
    content: attr(data-title);
    white-space: nowrap;
    color: var(--colorText);

}

.points_progress span.pass >div:before{
    color:var(--blue); ;
}

.points_progress.payment span:nth-child(1):after{
    content: ' ';
    width: 227px;
    position: absolute;
    right: 13px;
    border-bottom: 5px solid #3967ea;
    bottom: 4px;
    border-radius: 12px;
}

.points_progress span:nth-child(3):after{
    /*content: ' ';*/
    width: 228px;
    position: absolute;
    left: 100%;
    border-bottom: 5px solid #3967ea;
    bottom: 4px;
    border-radius: 12px;
}

/* shipping */

.page-shipping .select_address,
.page-shipping .select_payment,
.page-shipping .discount_code,
.page-shipping .final_payment,
.page-shipping #address-section{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    padding: 20px 22px;
    margin-bottom: 10px;
}

.page-shipping .select_address .title,
.page-shipping .select_payment .title,
.page-shipping .discount_code .title,
.page-shipping #address-section .title{
    color: var(--colorHeader);
    font-weight: 500;
    margin-bottom: 10px;
}

.page-shipping .select_address .address{
    color: var(--colorText);
    font-weight: 500;
    margin-bottom: 10px;
}


.page-shipping .select_address .edit_address{
    display: flex;
    align-items: center;
    color: var(--blue);
    cursor: pointer;

}

.page-shipping .select_address .edit_address i{
    margin-right: 5px;
    margin-top: 2px;
}

.page-shipping .select_address .persion_a {
    display: flex;
    align-items: center;
    color: var(--colorText);
    margin-bottom: 10px;
}
.page-shipping .select_address .persion_a i{
    margin-left: 5px;
}

.page-shipping .payment_method{
    padding: 10px 5px;
}

.page-shipping .payment_method input{

}

.page-shipping .payment_method .custom-control-label{
    display: flex;
    align-items: center;
}

.page-shipping .payment_method .custom-control-label .icon{
    margin: 0 6px;
    display: flex;
    align-items: center;
    color: var(--blue);
    font-size: 1.7rem;
    margin-left: 10px;
}

.page-shipping .payment_method .payment_method_online{
    display: flex;
    margin-bottom: 25px;
}

.page-shipping .payment_method .payment_method_online span:first-child{
    display: flex;
    flex-direction: column;
    font-size: .95rem;
    color: var(--colorHeader);
    margin-top: -7px;
}

.page-shipping .payment_method .payment_method_online span:last-child{
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    color: var(--colorText);
}

.page-shipping .discount_code .form-group-cu .w-input{
    width: 50%;
}
.page-shipping .discount_code label{
    color: var(--colorHeader);
}
.page-shipping .discount_code input{
    padding-left: 45px;
}

.page-shipping .btn_discount_code{
    background: transparent;
    border: none;
    position: absolute;
    left: 15px;
    top: 12px;
    color: var(--colorText);
    cursor: pointer;
}


.page-shipping #address-section .all-address{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.page-shipping #address-section .box_address{
    border-radius: 10px;
    border: solid 1px rgba(111, 121, 149, 0.15);
    width: 250px;
    min-height: 300px;
    color: var(--colorText);
    padding: 15px 15px;
    margin: 15px 10px;

}

.page-shipping #address-section .box_address .header{
    border-bottom:  solid 1px rgba(111, 121, 149, 0.15);
    padding-bottom: 10px;
    font-size: .85rem;
}

.page-shipping #address-section .box_address .footer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page-shipping #address-section .box_address .body{
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-shipping #address-section .box_address .body i{
    margin-left: 7px;
    font-size: 1.1rem;
}
.page-shipping #address-section .box_address .body .row_ad{
    color: var(--colorHeader);
    padding: 3px 0;
    margin-bottom: 8px;
}

.page-shipping #address-section .box_address .body .i_row_ad{
    color: var(--colorText);
    font-size: .85rem;
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.page-shipping #address-section .box_address.new_address {
    border: 2.5px dashed rgba(111, 121, 149, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--colorHeader);
    cursor: pointer;
}
.page-shipping #address-section .box_address.new_address i{
    margin-bottom: 10px;
}

.btn_raduis{
    width: 42px;
    height: 42px;
    background-color: #eff4fd;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorHeader);
    cursor: pointer;
    margin-left: 7px;
    border: none;
}

select,.select2-container--default .select2-selection--single{
    height: 35px !important;
    border-radius: 23px !important;
    border: solid 1px #eff4fd !important;
    background-color: rgba(239, 244, 253, 0.5) !important;
    color: var(--colorHeader) !important;
}

select:focus, .select2-container--default .select2-selection--single:focus{
    border: none;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 6px !important;
    right: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px !important;
    right: 1px;
    width: 20px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 12px !important;
    padding-top: 2px !important;
}


.select2-container--open .select2-dropdown{
    border-radius: 2px !important;
    border: solid 1px #eff4fd !important;
    color: var(--colorHeader) !important;
}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--blue) !important;
    color: white;
}


.hr-custom{
    border-bottom: 1px solid #e7eaf3;
    width: 90%;
    border-top: 0;
    margin: 20px 0;
}

.modal_custom .custom-radio .custom-control-label{
    color: var(--colorHeader);
}


.iziModal-header-title{
    overflow: initial !important;
    font-family: Vazir !important;
}

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons{
    right: initial !important;
    left: 6px !important;
}

.custom_box{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    width: 100%;
    padding: 18px 15px;
}
.i_r{
    position: absolute;
    right: 25px;
    font-size: 1.3rem;
}

.page{
    padding: 25px 0;
}

.page_c{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    min-height: 100px;
    margin: 20px 0;
    padding: 25px 25px;
}


.page.page-payment{
    padding: 25px 0;
}

.page.page-payment{
    padding: 45px 0;
}
.page-payment .box_pay{
    display: flex;
    justify-content: center;
    align-items: center;
}

.page.page-payment .icon-danger{
    color: var(--red);
    font-size: 5rem;
    display: flex;
    justify-content: center;
}

.page.page-payment .icon-success{
    color: var(--green-light);
    font-size: 5rem;
    display: flex;
    justify-content: center;
}

.page.page-payment h1{
    color: var(--colorHeader);
    display: flex;
    justify-content: center;
    margin: 35px 0;
    font-size: 1.2rem;
}

.page.page-payment h1 a{
    margin: 0 5px;
}

.page.page-payment .cancel_txt{
    display: flex;
    color: var(--red);
    font-size: .95rem;
    text-align: center;
}

.page.page-payment .return_txt{
    margin: 0 5px;
    color: var(--colorText);
    font-size: .65rem;
    text-align: center;
}


.info_order{

}

.info_order .title{
    padding: 25px 10px;
    color: var(--colorHeader);
    font-weight: 500;
}

.info_order .header_order{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%;

}


.info_order .header_order .right_div{
    /*display: flex;*/
}

.info_order .header_order .left_div{
    /*display: flex;*/
}


.c_red{
    color: var(--red);
}

table{
    border-radius: 10px !important;
    border: solid 1px rgba(111, 121, 149, 0.1) !important;
}

table th {
    color: var(--colorHeader) !important;
    background-color: rgba(111, 121, 149, 0.3) !important;
}

table td {
    color: var(--colorHeader) !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.details_order_tbl{
    padding: 0 25px;
}


.table-curved {
    border-collapse: separate;
    border: solid 1px rgba(111, 121, 149, 0.1);;
    border-radius: 6px;
    border-left: 0px;
    border-top: 0px;
    border-spacing: 0px;
    color: var(--colorHeader) !important;
    font-weight: 500 !important;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid 1px rgba(111, 121, 149, 0.1);;
}
.table-curved td, .table-curved th {
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    border-top: solid 1px rgba(111, 121, 149, 0.1);
    padding: .85rem;
}
.table-curved > :first-child > :first-child > :first-child {
    border-top-right-radius: 6px;
}
.table-curved > :first-child > :first-child > :last-child {
    border-top-left-radius: 6px;
}
.table-curved > :last-child > :last-child > :first-child {
    border-bottom-right-radius: 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-bottom-left-radius: 6px;
}


.table-curved.no-border td, .table-curved.no-border th {
    border-left: none;
    border-top: solid 1px rgba(111, 121, 149, 0.1);
}


table tbody tr:nth-child(even) {
    background-color: rgba(239, 244, 253, 0.4);
}

.table.table_header td{
    color:var(--colorText) !important;
}

.table.table_header th{
    color:white !important;
    background-color: var(--colorText) !important;
    border-left: none !important;
}

.table.table_header td,
.table.table_header th{
    text-align: center;
    vertical-align: middle;
}

.title-tab-content{
    color: var(--colorHeader);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.table.table_header a{
    color:var(--colorText) !important;
}

.back_orders{
    color: var(--colorHeader);
    padding-top: 4px;
}


.box_info_del_order{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    margin-bottom: 20px;
}

.box_info_del_order .row{
    margin: 0;
}

.box_info_del_order  .w_info_del_order{
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    border-bottom: solid 1px rgba(111, 121, 149, 0.1);
    padding: 15px 20px !important;
}

.box_info_del_order  .w_info_del_order{
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    border-bottom: solid 1px rgba(111, 121, 149, 0.1);
    padding: 15px 20px !important;
}

.box_info_del_order  div[class*="col-"]{

}

.box_info_del_order .order_del_order_key{
    color: var(--colorText);
    font-size: .80rem;
}

.box_info_del_order .order_del_order_value{

    color: var(--colorHeader);
    font-size: .75rem;
    margin-top: 10px;
    font-weight: 500;
}

.box_info_del_order>div:nth-child(5),.box_info_del_order>div:nth-child(6){
    border-bottom: none;
}

.details_order_2{
    box-shadow: none;
    border-radius: 0;
    background: transparent;
}


.addresses .custom_box,
.favorits .custom_box
{
    padding: 0;
}

.addresses .custom_box .header{
    color: var(--colorHeader);

}
.addresses .custom_box>div{
    border-bottom: solid 1px rgba(111, 121, 149, 0.1);
    padding:10px 15px;
}

.addresses .custom_box>div:last-child{
    border-bottom: none;
}

.addresses .custom_box .full_address{
    color: var(--colorHeader);
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.addresses .custom_box .i_row_ad{
    color: var(--colorText);
    font-size: .95rem;
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.addresses .custom_box .i_row_ad i{
    margin-left: 10px;
}

.addresses .custom_box .btn_edit_address,
.favorits .btn_show_p{
    color: var(--blue);
    display: flex;
    align-items: center;
    padding: 5px 0;
    font-weight: 400;
    margin-top: 10px;

}

.addresses .custom_box .btn_edit_address i,
.favorits .btn_show_p i{
    margin-right: 10px;
    cursor: pointer;
}

.addresses .custom_box .btn_new_address {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--colorHeader);
    margin: 10px 0;
    cursor: pointer;
}

.addresses .custom_box .btn_new_address>div:first-child i{
    margin-left: 10px;
}
.addresses .custom_box .btn_new_address>div:last-child i{
    color: var(--colorText);
}


.favorits .w-empty{
    margin-top: 15px;
}

.favorits .w-empty .text-empty{
    font-size: 1.1rem;
    margin-top: 20px;
}

.favorits .custom_box .header {
    color: var(--colorHeader);
    border-bottom: solid 1px rgba(111, 121, 149, 0.1);
    padding: 10px 15px;
}

.favorits .w-empty .icon{
    background: url("../files/favorit.svg");
    width: 104px;
    height: 103px;
    background-size: contain;
    background-repeat: no-repeat;
}



.w_favorit_b{
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    border-bottom: solid 1px rgba(111, 121, 149, 0.1);
    padding: 15px 20px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.w_favorit_b img{
    width: 116px;
    height: 116px;
    object-fit: contain;
}

.w_favorit_b .info_product{

}


.favorits .w-info-fav{
    display: flex;
    justify-content: space-between;
}

.favorits img {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.favorits .info-fav {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 5px;
}

.favorits .title {
    color: var(--colorHeader);
    margin-bottom: 3px;
}

.favorits .price {
    color: #7fda5f;
    font-size: .9rem;
    font-weight: 600;
}


.ltr{
    direction: ltr !important;
}


.sent_number_box{
    height: 46px;
    border-radius: 23px;
    border: solid 1px #7fda5f;
    background-color: rgba(127, 218, 95, 0.1);
    color: #7fda5f;
    font-size: .90rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px;
}

.w-content-auth #token{
    padding: 0 40px;
    letter-spacing: 18px;
    direction: ltr;
}
#token::placeholder{
    text-align: center;
}

.w-content-auth #send_again_token{
    color: var(--blue);
    text-align: center;
    margin:15px 0;
    display: flex;
    align-items: center;
    justify-content: center;

}


.w-content-auth #countdown-verify-end{
    margin: 0 2px;
}
.w-content-auth #show_timer{
    display: flex;
    align-items: center;
    margin-right: 8px;
}


.delete-from-cart{
    color: var(--colorText);
    margin-right: 16px;
    font-size: .85rem;
    cursor: pointer;
}

.delete-from-cart i{
    margin-left:3px !important;
}

.w-empty-cart-icon{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
.empty-cart-icon {
    margin: 0 auto;
    width: 160px;
    height: 120px;
    background: url(../files/empty_cart.png) 50% no-repeat;
    background-size: contain;
}

.empty-cart-title{
    color: var(--colorHeader);
    margin-top: 20px;
    font-weight: 500;
    font-size: 1.1rem;
}

.empty-cart-desc{
    color: var(--colorText);
    margin-top: 5px;
    font-weight: 500;
    font-size: .85rem;
}

.empty-cart-links{
    text-align: center;
}

.empty-cart-links a:first-child{
margin-left: 12px;
}

.voucher-code-discount{
    font-weight: 500;
}

#payment-voucher-text{
    font-size: .80rem;
    padding-top: 15px;
    padding-right: 10px;
}

.table.table_header a.btn-custom{
    color: white !important;
}

.w_progress_order_p{
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.status_order_p{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 160px;
    height: 120px;
    padding: 1px 10px;
    font-size: .85rem;
    color: var(--blue);
}

.status_order_p .icon{
    width: 100px;
    height: 70px;
    background: url(../files/progress_order.png);
    background-position: -525px -24px;
    background-size: 700px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.status_order_p.failed .icon{
    background-position: -580px -30px !important;
}

.status_order_p.failed.w_failed .icon{
    background-position: -580px -123px !important;
}

.status_order_p.accepted .icon{
    background-position: -488px -30px !important;
}

.status_order_p.accepted.w_accepted .icon{
    background-position: -488px -123px !important;
}

.status_order_p.preparation .icon{
    background-position: -400px -30px !important;
}

.status_order_p.preparation.w_preparation .icon{
    background-position: -400px -123px !important;
}

.status_order_p.posted .icon{
    background-position: -110px -30px !important;
}

.status_order_p.posted.w_posted .icon{
    background-position: -110px -123px !important;
}

.status_order_p.delivered .icon{
    background-position: -23px -30px !important;
}

.status_order_p.delivered.w_delivered .icon{
    background-position: -23px -123px !important;
}


.status_order_p:before{
    content: ' ';
}

.status_order_p:after{
    content: ' ';
}


.images_products_d{
    position: relative;
    padding: 15px 35px 10px 15px;
    border-left: solid 1px rgba(103, 96, 144, 0.2);
}

.zoomWrapper {
    width: 100% !important;
    /*height: 410px !important;*/
    margin-bottom: 15px;
    text-align: center;
}

.w-img-product-zoom{
    display: flex;
    flex-direction: column;
}

.w-img-product-zoom img{

}

#img-product-zoom{
    right: 0;
    left: 0;
    max-width: 100%;
    margin: 0 auto;
    height: 320px;
    object-fit: contain;
}
.images_products_d .gallery-option{

}
.images_products_d .gallery-options button{
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1000;
}

.images_products_d .gallery-options{
    position: absolute;
    right: 0;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 3px;
    margin-top: 40px;
    font-size: 20px;
}

.box_summ_dp{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    width: 100%;
    padding: 25px 15px;
}


.gallery-items{
    list-style:none;
    padding: 0;
}


.gallery-items li{
    width: 80px;
    height: 80px;
    border-radius: 12px;
    border: solid 1.2px #e4ecff;
    background-color: var(--white);
}

.gallery-items li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px 7px;
}


.w-product-details .product-title h1{
    color: var(--colorHeader);
    font-size: 1.2rem;
    padding: 10px 0;
}
.w-product-details .product-title span{
    color: rgba(111, 121, 149, 0.6);
    font-size: .85rem;
    display: block;
    padding: 5px 0;
}


.info_cat_brand{
    display: flex;
    font-size: .85rem;
}


.info_cat_brand>div{
    display: flex;
    font-size: .85rem;
    margin-left: 25px;
}

.info_cat_brand>div>span{
    color: var(--colorHeader);
    padding-left: 5px;
}

.info_cat_brand>div>a{
    color: var(--colorText);
}


.features_summm_p {
    margin-top: 25px;
}

.features_summm_p .title{
    color: var(--colorHeader);
}

.features_summm_p ul{
    color: var(--colorHeader);
    list-style: none;
    padding: 0;
    margin-top: 15px;
    font-size: .90rem;
}



.features_summm_p ul li {
    padding: 5px 5px;
    display: flex;
    align-items: center;
}
.features_summm_p ul li>span {
    padding: 0 2px;
}
.features_summm_p ul li i {
    font-size: .60rem;
    color: rgba(111, 121, 149, 0.3);
    margin-left: 5px;
}

.summury_product{
    flex: 2;
    width: 100%;
}
.box_insert_order_dp{
    border-radius: 15px;
    background-color: #f7f9fe;
    min-height: 120px;
    width: 100%;
    flex: 2;
    padding: 15px 15px;
    display: flex;
    flex-direction: column;
    margin: auto;
}


.w_summury_product{
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.w-product-details .price_box .main_p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 5px;
}

.w-product-details .product-guaranteed{
    text-align: right;
    color: var(--colorHeader);
    padding: 5px 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: right;
    border-bottom: 1px solid rgba(111, 121, 149, 0.1);
    padding-bottom: 15px;
}

.w-product-details .product-guaranteed .icon{
    background: url(../files/shield-line.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 8px;
}

.w-product-details .product-guaranteed i{
    color: var(--colorText);
    margin-left: 8px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    margin-right: 3px;
}



/* ///////////////////////////////////////////////////////////// */


.w-product-details .row{
    margin: 0;
}

.box-tabs>ul {
    list-style: none;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    font-size: 17px;
    line-height: 1.294;
    width: 100%;
    padding: 0;


    border-radius: 10px 10px 0 0 ;
    border: solid 1px rgba(111, 121, 149, 0.1);;
    background-color: rgba(239, 244, 253, 0.4);

}

.box-tabs-tab {
    border-left: solid 1px rgba(111, 121, 149, 0.1);
    position: relative;
}

.box-tabs-tab a {
    padding: 14px 20px;
    position: relative;
    color: var(--colorHeader);
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-tabs-tab a.active {
    padding-bottom: 14px;
    color: var(--colorHeader);
    background: #fff;
    margin-bottom: -1px;
    padding-top: 15px;
    border-bottom: 0;
}

.box-tabs-tab a.active {
    border-right: solid 1px rgba(111, 121, 149, 0.1);
    margin-right: -1px;
}

.box-tabs-tab .active:before {
    display: block;
    content: "";
    left: -1px;
    right: -1px;
    bottom: 100%;
    height: 4px;
    background: var(--blue);
    position: absolute;
    border-radius: 3px;
}

.box-tabs-tab i {
    color: var(--colorHeader);
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
}

.param-title {
    color: #6f6f6f;
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467;
    font-weight: 500;
    margin-bottom: 35px;
    letter-spacing: -.6px;
}

.param-title span,
.param-title {
    font-size: 1.5rem;
    line-height: 1.375;
    color: var(--colorHeader);
    padding: 5px 10px;
}

.param-title span {
    font-size: .85rem;
    color: var(--colorText);
    padding: 8px 10px;
    display: block;
}

.box-tabs .card-body {
    background-color: #fff;
}

.parent-expert {
    position: relative;
    flex: 7;
}

.tab-content .content-expert {
    height: 250px;
    overflow: hidden;
    padding-bottom: 50px;
}

.tab-content .content-expert p {
    max-width: 800px;
    margin: 0 auto !important;
    text-align: justify;
    font-size: 14px;
    color: #625f5f;
    line-height: 30px;
}

.tab-content .sum-more {
    width: 100%;
    position: absolute;
    height: 50px;
    text-align: center;
    background: #FFF;
    bottom: 0;
    right: 0;
    line-height: 47px;
    font-size: 13px;
    box-shadow: 0 0 10px #fff;
    cursor: pointer;
}

.tab-content .sum-more .show-less {
    display: none;
}

.tab-content .shadow-box {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 41px;
    height: 100px;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    width: 98%;
    margin: auto;
}

.tab-content .content-expert.active {
    height: auto;
}

.tab-content .accordion .card {
    box-shadow: none;
}

.tab-content .accordion .card .card-header {
    background-color: #fff;
}

.tab-content .accordion h5 button {
    font-family: iranyekan;
    color: #000;
}

.box-tabs .card-body {
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);
    border-top: 0;
}

.box-tabs .card-body img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.box-tabs .card-body p {
    font-size: 1rem;
    color: var(--colorHeader);
    margin: 20px 0;
}

.params section {
    margin-bottom: 20px;
}

.params .params-title {
    color: var(--colorHeader);
    margin-bottom: 25px;
    position: relative;
    padding-right: 19px;
    font-size: 16px;
    line-height: 1.375;
    letter-spacing: -.3px;
}

.params .params-title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent var(--blue);
    transform: rotate(45deg);
}

.params .params-list {
    list-style: none;
    padding: 0;
    margin-bottom: 70px;
}

.params .params-list li {
    margin: 8px -8px;
    width: 100%;
    padding-right: 19px;
    display: flex;
}

.params .params-list li:last-child:after{
    clear: bottom;
}
.params .params-list li .params-list-key {
    float: right;
    min-width: 190px;
    margin-left: 20px;
    background: #f9fbfe;
    height: 60px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    flex: 3;
    color: var(--colorHeader);
}

.params .params-list li .params-list-key span.block {
    display: block;
    font-weight: 700;
}

.params .params-list li .params-list-value {
    float: right;
    font-size: 13px;
    background: #f9fbfe;
    height: 60px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    flex: 8;
    color: var(--colorHeader);
}


.w_review_{
    display: flex;
}

.w_review_ .icon_review{
    flex: 1;
    margin: 20px 25px;
}

.w_review_ .icon_review img{
    object-fit: contain;
}


.show-more.btn-link-border,
.show-less.btn-link-border{
    margin-top: 15px;
    color: var(--blue);
    padding:7px 0;
    border-bottom: dashed 1px var(--blue);;
}


.box_idea_pro_c{
    width: 305px;
    height: 46px;
    border-radius: 23px;
    display: flex;
    align-items: center;
    padding-right: 15px;


}

.box_idea_pro_c i{
    margin-left: 7px;
    margin-top: 5px;
}
.box_idea_pro_c.yes_pro_c{
    border: solid 1px rgba(127, 218, 95, 0.4);
    background-color: #f2fbef;
    color: #7fda5f;
}

.box_idea_pro_c.no_pro_c{
    color: #ef394f;
    border: solid 1px rgba(239, 57, 79, 0.5);
    background-color: rgba(252, 215, 220, 0.5);
}

.box_idea_pro_c.yesno_pro_c{
    background-color: #fffde9;
    color: #d68a18;
    border: solid 1px #ebd074;
}


.comment-list{
    list-style: none;
    padding: 0;
}

.comment-list>li{
    padding: 10px 10px 30px 10px;
    border-bottom: 1px solid rgba(111, 121, 149, 0.1);
}
.comments-user-shopping{
    list-style: none;
    padding-right: 0;
}

.comments-user-shopping .time_comment{
    color: var(--colorText);
    font-size: .95rem;
    padding: 0px 7px 15px 0px;
}
.comments-user-shopping .name_user{
    color: var(--colorHeader);
    font-size: 1.1rem;
    padding: 10px 7px;
}

.comment-title{
    max-width: 80%;
    padding-top: 10px;
    color: var(--colorHeader);
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(111, 121, 149, 0.1);
}

.comment-content p {
    padding-top: 10px;
    color: var(--colorHeader);
    padding-bottom: 15px;
}


.comments-product-attributes-title {
    font-size: 1.1rem;
    margin-bottom: 21px;
    /*width: 100%;*/
    flex: 2;
    color: var(--colorHeader);
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
    color: var(--colorHeader);
    font-size: .85rem;
}
.comments-product-attributes .slider.slider-horizontal {
    /*width: 100%;*/
    flex: 8;
}

.comments-product-attributes .slider.slider-horizontal.slider-rtl .slider-track {
    background: #eaebef;
    height: 5px;
}

.comments-product-attributes .slider-selection.tick-slider-selection {
    background: #7fda5f;
}

.comments-product-attributes .slider-tick {
    width: 16px;
    height: 16px;
    background: silver;
    border: 2px solid #eaebef;
    top: 0px;
}


.comments-product-attributes .slider-tick.in-selection {
    width: 17px;
    height: 17px;
    border: 2px solid #ffffff;
    background: #7fda5f;
    background-color: #7fda5f;
    top: -1px;
}

.comments-product-attributes .slider-handle {
    width: 17px;
    height: 17px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    background: #7fda5f;
    top: -2px;
}

.comments-add-col--content input::placeholder,
.comments-add-col--content textarea::placeholder {
    padding-right: 7px;
}

.comments-add-col--content h3 {
    margin-bottom: 45px;
    letter-spacing: -.5px;
    font-size: 22px;
    line-height: 1.5;
    color: #555;
}

.comments-add-col--content .cl-circle-title {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    float: right;
    margin: 8px 0 0 10px;
}

.comments-add-col--content .cl-circle-title.cl-primary {
    background: #00bfd6;
}

.comments-add-col--content .cl-circle-title.cl-red {
    background: #fb3449;
}

.comments-add-col--content .btn-primary {
    float: right;
}

.comments-add-col--content p {
    font-size: 14px;
    line-height: 1.36;
    text-align: justify;
    float: right;
    margin: 10px;
}

.comments-add-col--content .add-points {
    width: 30px;
    height: 28px;
    background: none;
    position: absolute;
    left: 6px;
    top: 8px;
    padding: 0;
    cursor: pointer;
    border: 2px solid #878787;
    border-radius: 4px;
    color: #878787;
    font-size: 24px;
    line-height: 23px;
    outline: none;
    display: none;
}

.tag-input-st {
    margin-bottom: 50px;
}

.tag-input-st .bootstrap-tagsinput {
    width: 100%;
    padding: 0;
}

.tag-input-st .bootstrap-tagsinput input {
    width: 100%;
    line-height: 1.571;
    padding: 11px 12px;
}

.tag-input-weak .addui-Tags .addui-Tags-tag,
.tag-input-weak .addui-Tags .addui-Tags-tag.addui-Tags-removable:after {
    color: #f44336;
}


.comments-add-col--content{

}

.comments-add-col--content .product-box-img{

}

.comments-add-col--content .product-box-img img{
    width: 100%;
    object-fit: contain;
    max-width: 200px;
    margin-top: 80px;
}

.comments-add-col--content .item_speciallist{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 35px;
}

.desc_new_comment_wp{
    margin-top: 18px;
}

.desc_new_comment_wp .title{
    font-size: 1.1rem;
    color: var(--colorHeader);
}

.desc_new_comment_wp .content{
    font-size: .85rem;
    color: var(--colorHeader);
}

.desc_new_comment_wp .content p{
    font-size: .85rem;
    float: initial;
}


.comments-add-col--content .form-group-action button {
    width: 130px;
    margin-top: 30px;
    height: 35px;
    position: relative;
}

.comments-add-col--content .form-group-recommend{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
}

.product-offer-question{
    margin: 50px 0;
    margin-bottom: 20px;
}


.title_comment_pro{
    margin-top: 20px;
}

.title_comment_pro div:nth-child(1){
    color: var(--colorHeader);
    font-size: 1.2rem;
    font-weight: 600;
}

.title_comment_pro div:nth-child(2){
    color: var(--colorHeader);
    font-size: .85rem;
    padding-top: 5px;
}

.rates_users_wp{
    background: #f7f9fe;
    padding: 15px 20px;
    border-radius: 15px;
    margin: 20px 0px;
    font-size: .85rem;
}

.rates_users_wp .item_sp{
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rates_users_wp .item_sp .title_sp{
    color: var(--colorHeader);
    font-weight: 600;
    width: 25%;
}


.rates_users_wp .item_sp .rate_sp{
    width: 60%;
    height: 6px;
    border-radius: 3px;
    background-color: rgba(111, 121, 149, 0.15);
    position: relative;
}

.rates_users_wp .item_sp .progress_rate{
    position: absolute;
    background: #7fda5f;
    right: 0;
    top: 0;
    height: 6px;
    border-radius: 3px;
    width: 0;
}

.rates_users_wp .item_sp .text_sp{
    width: 15%;
    padding-right: 25px;
}


.comments-summary-note{
    margin: 20px 0px;
}

.comments-summary-note span{
    font-weight: 600;
    font-size: .95rem;
    color: var(--colorHeader);
}

.comments-summary-note p{
    font-size: .85rem !important;
    color: var(--colorHeader) !important;

}


.w-product-details .param-title {
    font-size: .95rem;
    color: var(--colorHeader);
    padding: 5px 10px;
    border-bottom: 1px solid rgba(111, 121, 149, 0.1);
}


.btn_adv_comm{
    background: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 18px;
    color: rgba(111, 121, 149, 0.6);
}

.advantage-item{
    border: solid 1px rgba(127, 218, 95, 0.4);
    background-color: #f2fbef;

    padding: 5px 11px;
    border-radius: 23px;
    color: #7fda5f;
    margin: 14px 0;
    display: flex;
    justify-content: space-between;
    font-size: .85rem;
}

.advantage-item-remove{
    background: transparent;
    border: none;
    color: rgba(111, 121, 149, 0.6);
    padding-left: 14px;
    padding-top: 0;
    display: flex;
    color: #7fda5f;
    align-items: center;
    cursor: pointer;
}

.disadvantage-item{
    background-color: rgba(252, 215, 220, 0.5);
    padding: 5px 11px;
    border-radius: 23px;
    color: #ef394f;
    margin: 14px 0;
    display: flex;
    justify-content: space-between;
    font-size: .85rem;
    border: solid 1px rgba(239, 57, 79, 0.5);
}

.disadvantage-item-remove{
    background: transparent;
    border: none;
    padding-left: 14px;
    display: flex;
    align-items: center;
    color: #ef394f;
    cursor: pointer;
}


.all_advantage_show{
    display: flex;
    margin-top: 7px;
}

.all_advantage_show .title{
    color: var(--blue);
    margin-top: 4px;
}

.all_advantage_show ul {
    list-style: none;
}

.all_advantage_show ul li {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--colorHeader);
}
.all_advantage_show ul li::before {
    content: "\2022";
    color: var(--blue);
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 2px;
    height: 28px;
    margin-left: 10px;
}

.all_disadvantage_show{
    display: flex;
    margin-top: 7px;
}

.all_disadvantage_show .title{
    color: var(--red);
    margin-top: 4px;
}

.all_disadvantage_show ul {
    list-style: none;
}

.all_disadvantage_show ul li {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--colorHeader);
}
.all_disadvantage_show ul li::before {
    content: "\2022";
    color: var(--red);
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 2px;
    height: 28px;
    margin-left: 10px;
}

.page-about, .content-about-page {
    padding: 0 !important;

}
.page-about  .header_top_about:before{
    content: " ";
    background: url("../files/sample/image_1.jpeg");
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .08;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-about  .header_top_about{
    border-radius: 10px 10px 0px 0px ;
    background-color: rgba(57, 103, 234, 0.94);
    width: 100%;
    min-height: 120px;
    color: white;
    padding: 40px 70px;
    position: relative;
}

.page-about  .header_top_about .title{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

.page-about  .header_top_about .title_fa{
    text-align: center;
    font-size: 1.5rem;
    margin-top: 8px;
    font-weight: 600;
}

.page-about  .header_top_about .desc{
    font-size: .85rem;
    line-height: 2;
    text-align: justify;
    margin-top: 42px;
}

.page-about .content_about{
    margin: 20px 0;
    padding: 25px 70px;
    font-size: .95rem;
    text-align: justify;
    line-height: 2;
}



.page-faq, .content-faq-page {
    padding: 0 !important;
    margin: 0;

}
.page-faq  .header_top_faq:before{

}
.page-faq  .header_top_faq_wp{
    background: url("../files/faq.png");
    width: 100%;
    height: 100%;
    opacity: .9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
}
.page-faq  .header_top_faq{
    border-radius: 10px 10px 0px 0px ;
    /*background-color: rgba(57, 103, 234, 0.94);*/
    width: 100%;
    min-height: 350px;
    color: white;
    padding: 40px 70px;
    position: relative;
}

.page-faq  .header_top_faq .title{
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

.page-faq  .header_top_faq .title_fa{
    text-align: center;
    font-size: 1.5rem;
    margin-top: 8px;
    font-weight: 600;
}

.page-faq  .header_top_faq .desc{
    font-size: .85rem;
    line-height: 2;
    text-align: justify;
    margin-top: 42px;
    display: flex;
    justify-content: center;
}

.page-faq .content_faq{
    border-radius: 10px;
    box-shadow: 0 5px 30px -5px rgba(103, 96, 144, 0.2);
    border: solid 1px rgba(111, 121, 149, 0.1);
    background-color: var(--white);

    margin: 25px 70px;
    font-size: .95rem;
    text-align: justify;
    line-height: 2;
    min-height: 150px;
    margin-top: -85px;
    padding: 20px 25px;
}


.page-faq  .box_af_faq{
    border-radius: 10px ;
    background-color: rgba(2, 18, 47, 0.8);
    min-height: 250px;
    color: white;
    position: relative;
    margin: 25px 70px;
}

.page-faq  .box_af_faq:before{
    border-radius: 10px ;
    content: " ";
    background: url("../files/faq.png");
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;

}

.page-faq .box_af_faq .top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding-top: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 1.1rem;
}

.page-faq .box_af_faq .content {
    display: flex;
    justify-content: space-around;

}

.page-faq .box_af_faq .content .item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.page-faq .box_af_faq .content .item i {
    font-size: 2rem;
    padding: 12px 0;
}
.page-faq .input-box {
    display: flex;
    align-items: center;
    position: relative;
    width: 50%;
}

.page-faq .input-box input[type="text"] {
    width: 100%;
    height: 40px;
    border-radius: 26px;
    border: solid 1px #eff4fd;
    background-color: #ffffff;
    color: var(--colorText);
    padding: 1px 25px;
    padding-left: 120px;
}

.page-faq .input-box button {
    width: 110px;
    height: 40px;
    border-radius: 26px;
    background-color: var(--blue);
    border: none;
    color: white;
    font-size: 1rem;
    position: absolute;
    left: 0;
}


.page-faq .faq_item{
    margin: 20px 0;
}

.page-faq .faq_item .panel-heading .fa-chevron-down{
    display: none;
}

.page-faq .faq_item .panel-heading.collapsed .fa-chevron-up{
    display: none;
}
.page-faq .faq_item .panel-heading.collapsed .fa-chevron-down{
    display: inline-block;
}

.page-faq .faq_item .panel-heading{


}
.page-faq .faq_item .panel-heading{
    height: 50px;
    border-radius: 10px 10px 0 0 ;
    border: solid 1px rgba(111, 121, 149, 0.3);
    background-color: var(--white);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 25px;
    color: var(--colorHeader);
    justify-content: space-between;
    border-bottom: none;
}

.page-faq .faq_item .panel-heading.collapsed{
    border-radius: 10px;
    border: solid 1px rgba(111, 121, 149, 0.3);
}

.page-faq .faq_item .panel-collapse{
    height: auto;
    border: solid 1px rgba(111, 121, 149, 0.3);
    border-radius: 0px 0px 10px 10px;
    background-color: var(--white);
    border-top: 0;
    padding: 20px 25px;
}

.page_editp_c{
    padding-top: 0;
}

.page_editp_c .title{
    font-weight: 500;
    color: var(--colorHeader);
    margin-top: 18px;
}

.page_editp_c label{
    font-weight: 400;
    color: var(--colorHeader);
    font-size: .95rem;
}


.text_compny{
    color: var(--colorHeader);
    font-size: .85rem;
    padding: 10px 1px;
}



.company_wp_edit{
    width: 100%;
    height: 100%;
}


.company_wp_edit.disabled{
    pointer-events: none;
    opacity: 0.4;
}

.page_editp input{
    font-size: .85rem;
}

.page_editp input::placeholder{
    font-size: .85rem;
}


.custom_pagination{
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.custom_pagination ul{

}

.custom_pagination ul li{

}

.custom_pagination ul li a{

}

.custom_pagination ul .page-item{
    border-radius: 100%;
    background: #eff4fd;
    margin: 0 2px;
    color: var(--colorHeader);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    line-height: initial;
}


.custom_pagination ul .page-item .page-link{
    border-radius: 100%;
    background: #eff4fd;
    margin: 0 2px;
    color: var(--colorHeader);
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    line-height: initial;
    font-weight: 500;
}

.custom_pagination ul .page-item.active {
    background: var(--blue);
}

.custom_pagination ul .page-item.active .page-link{
    background: var(--blue);
    color: white;
}


.sec-promotion-area .product-box-area .product-box-price{
    bottom: 32px;
}

.sec-promotion-area .product-box-area .promotion-time{
    position: absolute;
    bottom: 3px;
    left: 4px;
}


.wrapper_404 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.wrapper_404 .title_404{
    color: var(--colorHeader);
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 0px;
}

.wrapper_404 .btn-custom{
    margin: auto;
    margin-top: 15px;
    min-width: 170px;
}
.wrapper_404 .desc_404{
    color: var(--colorText);
    font-size: .85rem;
    margin: 0;
    margin-bottom: 6px;
}

.wrapper_404 .img_404{
    background: url("../files/404.png");
    width: 300px;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 63px;
}
/* ///////////////////////////////////////// */


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#mainNavbar_res{

}


/* ///////////////////////////////////////////// */



.price_box_weight{
    display: flex;
    flex-direction: column;
    align-items: baseline;
}


.content_blog{
    padding: 30px 20px;
}
.bx_news img{
    width: auto;
    max-height: 200px;
}

.bx_news>a{
    background-color: #f5f5f5;
    width: 100%;
    height: calc(10vw + 200px) !important;
    border-radius: 8px;
    overflow: hidden;
    direction: rtl !important;
    display: inline-block;
    cursor: pointer;
}

.bx_news>a>div{
    padding: 15px 25px;
}
.bx_news .title_bxn{
    margin: 5px 0;
    margin-top: 10px;
    font-size: 19px;
}
.bx_news .summury_bxn{
    margin: 5px 0;
    color: #9e9e9e !important;
}

.img_news{
    max-height: 200px;
    width: auto;
    margin: 15px auto;
    display: flex;
}

.price_table table{
    width: 100%;
}

.price_table table tr{
    border-bottom: 1px solid #f1f1f1;
}

.price_table table tr th{
    text-align: center;
    padding:5px 10px;
    border-left: 1px solid #f1f1f1;
}
.price_table table tr td{
    text-align: center;
    padding:5px 10px;
    border-left: 1px solid #f1f1f1;
}