@font-face {
    font-family: 'yekan';
    src: url('fonts/BYekan.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body, body * {
    font-family: yekan;
}
body{
    padding: 0px;
    margin: 0px;
}
.header-navbar{padding: 26px 0px 18px 0px;border-bottom: 1px solid #b1abab;margin: 0px 18px;}
.navbar-container{direction: rtl;display: grid;grid-template-columns: 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;justify-items: center;}
.navbar-item{display: inline-block;}
.bars-solid{display: none;}
.bars-logo{display: inline-block;}
.bars-solid img{

}
.bars-logo img{width: 50px;height: 50px;vertical-align: middle;}
.searchtophead {display: block;position: relative;}
.form-input{
    display: block;
    padding: 0.571rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    color: #6E6B7B;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #D8D6DE;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.357rem;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-width: 0;
}
.form-input:focus{
    outline: 1px solid #7367F0;
}
#chat-search{
    padding-left: 31px;
    width: 453px;
}
.search-solid{position: absolute;top: 13px;left: 10px;}
.search-solid img{width: 19px;}
.userlogin-nav{display: inline-block;position: relative;margin-left: 17px;}
.user-nav{

}
.userlogin-nav .user-name{background-color: #239ae2;color: white;padding: 0px 17px 4px;border-radius: 10px;cursor: pointer;}
.user-name.active{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.userlogin-nav .dropdown-menu{position: absolute;background: #239ae2;width: 100%;z-index: 2;text-align: center;border-bottom-left-radius: 10px;border-top: 1px solid #817d7d87;border-bottom-right-radius: 10px;display: none;}
.userlogin-nav .dropdown-item,.hideuseraction .dropdown-item{display: block;color: white;}
.nav-item{display: inline-block;margin-top: 10px;position: relative;}
.cardbuttom{background-color: #e22336;}
.cardbuttom1{background-color: #e22336;}
.loginbuttom{background-color: #68cc45;padding: 1px 17px 4px !important;margin-right: 17px;}
.displaynone{
    display: none;
}
.custombtn {
    color: white;
    padding: 5px 17px 7px;
    border-radius: 10px;
    cursor: pointer;
    white-space: nowrap;
}
*, *::before, *::after {
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
.user-solid{
    display: none;
    width: 29px;
}
.hideuseraction{display: none;position: absolute;box-shadow: 1px 1px 3px 1px #ebe5e5;left: 1px;background: #239ae2;z-index: 2;margin-top: 8px;width: 103px;text-align: center;}
.hideuseraction .cardbuttom{

}
.hideuseraction .loginbuttom{margin-top: 5px;}
.containimg img ,.whatsapp img,.footer .logocustom{
    width: 20px;
}
.horizontal-menu{box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);position: relative;display: block;padding: 10px 0px;}
.horizontal-menu .main-navbar{

}
.horizontal-menu .navbar-brand{

}
.horizontal-menu .logomainpage{

}
.horizontal-menu .navbar-brand h2{

}
.horizontal-menu .main-menu-content{

}
.horizontal-menu .navbar-nav{direction: rtl;text-align: center;padding: 0px;margin: 0;}
.horizontal-menu .nav-item{padding-bottom: 0.857rem;display: inline-block;}
.horizontal-menu .nav-link{
    color: #6E6B7B;
    line-height: 1.5;
    font-size: 21px;
    padding: 0.715rem 1.25rem;
    margin-left: 0.715rem;
}
.horizontal-menu .nav-link:hover{
    background: #F8F8F8;
    border-radius: 4px;
}
.horizontal-menu .nav-link img{width: 23px;vertical-align: middle;}
.horizontal-menu .nav-link span {margin-right: 4px;}



.vertical-menu{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    background-color: white;
    padding-top: 20px;
    z-index: 2;
}
.vertical-menu .main-navbar{

}
.vertical-menu .navbar-brand{direction: rtl;text-align: right;display: block;padding-right: 63px;}
.vertical-menu .logomainpage{width: 74px;}
.vertical-menu .navbar-brand h2{margin-top: 11px;}
.vertical-menu .main-menu-content{

}
.vertical-menu .navbar-nav{direction: rtl;text-align: right;}
.vertical-menu .nav-item{
    margin-top: 0px;
}
.vertical-menu .nav-link{
    color: #6E6B7B;
    line-height: 1.5;
    font-size: 21px;
    padding: 0.715rem 1.25rem;
    margin-left: 0.715rem;
    width: 100%;
    display: block;
}
.vertical-menu .nav-link:hover{
    background: #F8F8F8;
    border-radius: 4px;
}
.vertical-menu .nav-link img{width: 23px;vertical-align: middle;}
.vertical-menu .nav-link span {margin-right: 11px;}
.closeverticalmenu{position: absolute;top: 20px;left: 20px;width: 31px;cursor: pointer;}
.content-body {padding: 32px 58px;text-align: justify;direction: rtl;}
.maincontent{box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);padding: 31px 0;}
.htitlemainpage{text-align: center;font-size: 32px;color: #e22336;}
.titlemainpage{margin-top: 23px;line-height: 46px;font-size: 17px;padding: 0 3em;text-align: justify;}
.title2mainpage{position: relative;width: 100%;display: block;margin: 21px 0px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 1rem;justify-items: center;}
.itemtitle2{background: white;box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);padding: 14px 16px;width: max-content;position: relative;margin: auto;min-width: 154px;display: inline-block;}
.itemtitle2 img {

}
.itemtitle2 .txt_t {

}
.item-col{
    position: relative;
    display: inline-block;
    text-align: center;
}
.section1{position: relative;width: 100%;margin-top: 18px;}
.atitle{background-color: #2F477A;color: #FFFFFF;padding: 4px 13px;border-radius: 6px;}
.mainslider{position: relative;width: 100%;padding: 0px 30px;}
.nvigation{position: absolute;top: 0px;height: 100%;width: 30px;cursor: pointer;}
.nvigation.pre{left: 0px;}
.nvigation.next{right: 0px;}
.nvigation img{
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 41px;
    color: #e22336;
}
.chevron-left{

}
.chevron-right{

}
.innerslider{position: relative;width: 100%;white-space: nowrap;overflow: hidden;margin-bottom: 2rem;box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);}
.moveslide{position: relative;left: 0px;float: right;}
.itemss{position: relative;display: inline-block;margin-left: 20px;width: 200px;box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);margin-bottom: 30px;}
.inneritem{

}
.containimg{width: 100%;height: 162px;position: relative;}
.containimg img{width: 100%;max-height: 162px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nameproduct{text-align: center;line-height: 22px;padding: 9px 0px;}
.priceproduct{text-align: center;color: #68cc45;}
.contactus{text-align: center;}
.contactus span{
    color: #e22336;
    padding: 0px 11px 3px;
    border-radius: 10px;
}
.viewproduct{text-align: center;padding: 16px 0px;}
.viewproduct a{
    background-color: #68cc45;
    color: white;
    padding: 2px 14px;
    border-radius: 32px;
    font-weight: 200;
}
footer.footer{position: relative;display: flex;flex-wrap: wrap;width: 100%;direction: rtl;background: #eee;position: relative;padding-top: 60px;padding-bottom: 30px;}
.footer-menu{display: inline-block;width: 30%;float: right;text-align: right;padding-right: 36px;}
.footer-menu > h4{

}
.footer-menu > .menu{list-style-type: none;margin: 0;padding: 0;line-height: 34px;}
.footer-menu > .menu li{
}
.footer-menu > .menu a{
    text-align: right;
    color: #313131;
}
.footer-menu > .menu a:hover{
    color:red;
}

.site-footer-logo{display: inline-block;width: 50%;padding-left: 35px;}
.site-footer-logo a.logo{

}
.site-footer-logo .logoimg{width: 50px;height: 50px;vertical-align: middle;}
.site-footer-logo h5{padding-top: 21px;padding-right: 68px;}
.site-footer-logo .address{padding-top: 1px;}
.site-footer-logo .address p{text-align: justify;}
.site-footer-logo .address span {

}
.site-footer-logo .address a{

}
.copyright-footer {position: relative;width: 100%;display: block;text-align: center;border-top: 1px solid #a5a0a0;}
.copyright-footer p{

}
.copyright-footer a{

}
.footerright{
    display: inline-block;
    width: 20%;
    float: right;
}
.logotxtfooter .logo{position: relative;display: inline-block;float: right;}
.logotxtfooter .logoimg{

}
.logotxtfooter h5{

}
.whatsapp {
    position: fixed;
    bottom: 18px;
    right: 15px;
    z-index: 222;
}
.whatsapp a img {
    width: 78px;
    border-radius: 18px;
}
.phonecall {
    position: fixed;
    bottom: 18px;
    left: 15px;
    z-index: 222;
}
.phonecall a img {
    width: 78px;
    border-radius: 18px;
}
.productspage{

}
.searchproduct{box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);display: flex;padding: 22px;flex-wrap: wrap;}
.itemsearch{width: 25%;padding: 0px 12px;}
.itemsearch label{display: inherit;}
.form_control{display: block;width: 100%;padding: 0.571rem 1rem;font-size: 1rem;font-weight: 400;line-height: 1.45;color: #6E6B7B;background-color: #FFFFFF;background-clip: padding-box;border: 1px solid #D8D6DE;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.357rem;-webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form_control:focus{
    outline: none;
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
    color: #6E6B7B;
    background-color: #FFFFFF;
    border-color: #7367F0;
    outline: 0;
}
#searchincartypelist{border-color: #7367F0 !important;background-color: #7367F0 !important;color: #FFFFFF !important;box-shadow: none;display: inline-block;font-weight: 400;line-height: 1;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.786rem 1.5rem;font-size: 1rem;border-radius: 0.358rem;margin-top: 29px;}
.product_list{padding-top: 43px;}
.spinner_border{color: green;font-size: 23px;padding: 49px;text-align: center;display: none;}
.outermsg{text-align: center;font-size: 25px;padding: 49px;display: none;}
.outermsg .error{color: red;}
.outermsg .success{color: blue;}
.customnavpag{justify-content: space-between !important;display: flex !important;}
.pagination{list-style-type: none;padding: 0;margin: 0;background-color: #F3F2F7;border-radius: 18px;}
.pagaction{

}
.pagaction .rangeq{

}
.pagaction .rangeq span{

}
#products-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: center;
}
.pagination .page-item{
    display: inline-block;
    background-color: #F3F2F7;
    border-radius: 18px;
}
.pagination .page-item.active{

}
.page-item .page-link {
    line-height: 1.3;
    margin: 0;
    margin-right: 0;
    font-size: 1rem;
    min-width: 2.286rem;
    position: relative;
    display: block;
    color: #6E6B7B;
    padding: 0.5rem 0.85rem;
    border-radius: 18px;
}
.page-item.active .page-link {
    background-color: #e22336;
    color: white;
}
.productpage{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.productpageimg{

}
.productpageimg .pdimg{

}
.productpageimgdesc{padding-right: 20px;}
.productpage .pdimg{

    width: 100%;max-height: 500px;}
.billingcolumn .productpage .pdimg{
    width:200px;
}
.productpage .namepd{

    padding: 7px 0px;color: black;font-size: 22px;}
.productpage .pricepd{

    padding: 12px 0px;}
.productpage .addtobasket{

    padding: 12px 0px;}
.productpage .plusmines{

    display: inline-block;}
.productpage .plusmines .pluspd{

    display: inline-block;border: 1px solid #ada4a4;cursor: pointer;padding: 0px 9px;border-radius: 31px;font-size: 24px;line-height: 30px;}
.productpage .plusmines .quantity{

    display: inline-block;padding: 0px 17px;}
.productpage .plusmines .minespd{

    display: inline-block;
    border: 1px solid #ada4a4;
    cursor: pointer;
    padding: 0px 9px;
    border-radius: 31px;
    font-size: 24px;
    line-height: 30px;}
.productpage .addpd{

    display: inline-block;background-color: #68cc45;
    color: white;
    padding: 6px 17px 9px;
    border-radius: 32px;
    font-weight: 200;margin-right: 20px;cursor: pointer;}
.productpage .cardandpay{
    display: inline-block;
    margin-right: 13px;
    display: none;
}
.productpage .addpd span{

}
.productpage .deskpd{

}
.pricepd .pricetxt {

    font-size: 23px;margin-left: 5px;}
.pricepd .pricevalue {

}
.itemsdt .txtd{}
.itemsdt .txtv{color: #e22336;}
.itemsdt {padding: 6px 0px;}
.pricepd .txtv{

    color: #68cc45;}
.weblogpage{

}
.weblog_list{

}
#weblog-items{display: grid;grid-template-columns: 1fr 1fr 1fr;-webkit-column-gap: 2rem;-moz-column-gap: 2rem;column-gap: 2rem;justify-items: center;}
.weblog-card{margin-bottom: 2rem;box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #FFFFFF;background-clip: border-box;border: 0 solid rgba(34, 41, 47, 0.125);border-radius: 0.428rem;}
.weblog-card .item-img{}
.weblog-card .item-img a{text-decoration: none;}
.weblog-card .item-img img{width: 100%;border-top-right-radius: 0.428rem;border-top-left-radius: 0.428rem;max-width: 100%;height: 100%;}
.weblog-card .item-title{display: -webkit-flex;text-align: center !important;}
.weblog-card .item-title a{-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;border-radius: 0;border-color: #7367F0 !important;background-color: #7367F0 !important;color: #FFFFFF !important;padding: 11px 0px;}
.weblog-card .item-title span{vertical-align: text-top;}
.blogpageitem {

}
.titleweblog{

}
.dateblog{

}
.contentweblog{

}
.blogpageitem .contentweblog p,.weblogpage1 .contentweblog li{
    font-size: 17px;
    line-height: 35px;
    text-align: justify;
}
.blogpageitem .contentweblog .imgckeditor {
    text-align: center;
}
.blogpageitem .contentweblog .imgckeditor img{
    max-width: 100%;
}
.imgckeditor {
    text-align: center;
}
.pagepageitem img {
    max-width: 100%;
    width: 600px;
}
.cardbuttom{
    background-color: #e22336;
    color: white;padding: 0px 17px 4px;border-radius: 10px;
}
.cardbuttom:hover{
    color: white;
}
.cardbuttom1{
    background-color: #e22336;
    color: white;padding: 0px 17px 4px;border-radius: 10px;
}
.cardbuttom1:hover{
    color: white;
}
.orderlist {

    padding-top: 51px;}
.orderlist .pdimg{
    width: 100%;max-height: 151px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.orderlist .namepd{
    padding: 0px;
}
.orderlist .itemsdt{
    padding: 3px 0px;
}
.orderlist .pricepd{
    padding: 1px 0px;
}
.orderlist .addtobasket{
    padding: 3px 0px;
}
.orderlist  .productpage{
    padding: 10px;margin-top: 10px;display: flex;
}
.orderlist .addpd{
    background-color: #e22336;
    padding: 3px 12px 4px;
}
.emptycard {
    text-align: center;
    padding: 30px;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    margin-top: 11px;
    display: none;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.col-sm-12 {
    width: 100%;
}
.orderitemdd{
    display: inline-block;
    position: relative;
}
.containimgorder{
    position: relative;
    width: 200px;
    height: 151px;
}
.item2pd {
    padding-right: 10px;
}
.col-12 { width: 100%; }
.totlaprice {
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    padding: 10px;
    margin-top: 11px;
}
.totlaprice .totalpricevalue {
    line-height: 62px;
    border-bottom: 1px solid #958e8e;
    display: flex;
    justify-content: space-between;
}
.totlaprice .totalpricevalue .valuedt{
    font-size: 23px;
    margin-left: 5px;
}
.totlaprice .totalpricevalue .txtdt{

}
.totlaprice .palceorder{
    padding: 22px 0px;
}
.totlaprice .palceorder span,#completeandpay span{
    background-color: #68cc45;
    padding: 2px 15px 3px;
    color: white;
    border-radius: 22px;
    cursor: pointer;
}
.totalpricevalue .totaltxt{
    display: inline-block;
}
.totalpricevalue .totalvalue{
    display: inline-block;
    /* float: left; */
    color: #68cc45;
}
.orderlist .address {
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    padding: 10px;
    margin-top: 10px;
    display: none;
}
.mb-1 {
    margin-bottom: 0.25rem; /* 4px */
}
.form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
    border-color: #86b7fe;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}
.resendsms {
    line-height: 23px;
}
.resendsms span.spanresend {
    margin: 0.3125em;
    padding: 1px 7px;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500;display: inline-block;
    background-color: rgb(115, 103, 240);color: white;border-radius: 4px;cursor: pointer;
}
.swal2-html-container{
    overflow: unset !important;
}
.text_rigth_c{
    text-align: right;
}
.swal2-confirm.swal2-styled.swal2-default-outline,.swal2-deny.swal2-styled.swal2-default-outline{
    padding: 2px 10px;
}
@media (min-width: 768px) {
    .col-md-6 {
        width: 50%;
    }
}
@media screen and (max-width: 900px){
    .userlogin-nav{
        display: none;
    }
    .orderlist .productpage {
        flex-direction: column;
        align-items: center;
    }
    .productpage {
        grid-template-columns: 1fr;
    }
    .bars-solid,.user-solid{
        display: block;
    }
    .bars-logo,.cardbuttom,.loginbuttom,.horizontal-menu{
        display: none;
    }
    #chat-search{
        width:300px;
    }
    .user-solid{
        display: block;
    }
    .footerright{
    }
    .site-footer-logo{
        width: 70%;
    }
    .itemsearch{
        width:50%;
    }

}
@media screen and (max-width: 950px){
    #products-items {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #weblog-items{
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 800px){
    #products-items {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 550px){
    #products-items {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 600px){

    .itemsearch{
        width:100%;
    }
    #chat-search{
        width:200px;
    }
    .footer-menu{
        width: 100%;
        float:none;
    }
    .site-footer-logo{
        width:100%;
    }
    footer.footer{
        padding-top:10px ;
    }
    .maincontent{
        padding:0px 30px;

    }
    .titlemainpage{
        padding:0px 30px;
        margin-top: 0px;
    }
    .content-body{
        padding:10px;
    }
    .htitlemainpage{
        margin:0px;
    }
    #weblog-items{
        grid-template-columns: 1fr;
        padding: 0px 51px;
    }
}
@media screen and (max-width: 1136px){
    .title2mainpage{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .margin-top-col-4,.margin-top-col-5,.margin-top-col-6{
        margin-top:20px;
    }
}
@media screen and (max-width: 667px){
    .title2mainpage{
        grid-template-columns: 1fr 1fr;
    }
    .margin-top-col-3{
        margin-top:20px;
    }
}