@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;
}
.spanresend{
    background-color: #524f4f;
    display: inline-block;
    cursor: pointer;
    color: white;
    border-radius: 7px;
    padding: 0px 10px;
    margin: 0px 10px;
    padding-bottom: 4px;
    line-height: 26px;
}

.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;}
.user-nav{

}
.user-name{

}
.dropdown-menu{

}
.dropdown-item{

}
.nav-item{display: block;margin-top: 10px;}
.cardbuttom{background-color: #ef6840;color: white;padding: 3px 19px 9px 19px;border-radius: 17px;font-size: 19px;}
.loginbuttom{background-color: #68cc45;}
.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;padding: 10px;box-shadow: 1px 1px 3px 1px #ebe5e5;left: 5px;}
.hideuseraction .cardbuttom{

}
.hideuseraction .loginbuttom{margin-top: 5px;}
.containimg img ,.whatsapp img,.footer .logocustom{
    width: 20px;
}
.horizontal-menu{position: relative;display: block;padding: 10px 0px;background-color: #eff1f3;}
.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;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: 17px;
    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{margin-top: 0px;}
.vertical-menu .navbar-brand{direction: rtl;text-align: right;display: block;padding-right: 63px;display: grid;grid-template-columns: 1fr 1fr;}
.vertical-menu .logomainpage{width: 74px;}
.vertical-menu .navbar-brand h2{margin-top: 1px;}
.vertical-menu .main-menu-content{

}
.vertical-menu .navbar-nav{direction: rtl;text-align: right;margin-top: 0px;padding-top: 0px;padding-right: 0px;}
.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: 6px;left: 20px;width: 31px;cursor: pointer;}
.content-body {padding: 30px 11px;text-align: justify;direction: rtl;padding-top: 2px;}
.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;padding: 41px 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;background-color: #f3e0d9;}
.itemtitle2{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;background-color: #84B09F;}
.section1 p{
    border-bottom: 1px solid #e3e3e3;
}
.atitle{color: black;border-bottom: 1px solid #9d9898;padding: 0px 10px;}
.mainslider{position: relative;width: 85%;padding: 0px 30px;display: inline-block;}
.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;}
.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%);background-color: white;border-radius: 7px;padding: 8px;}
.inneritem{

}
.containimg{width: 100%;height: 162px;position: relative;}
.containimg img{width: auto;max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nameproduct{display: block;text-align: right;line-height: 22px;color: black;padding-right: 6px;font-size: 15px;font-weight: 900;}
.priceproduct{text-align: right;color: black;font-size: 15px;padding-right: 6px;line-height: 22px;font-weight: 900;}
.contactus{text-align: center;}
.contactus span{
    color: #e22336;
    padding: 0px 11px 3px;
    border-radius: 10px;
}
.viewproduct{text-align: center;padding: 16px 0px;display: none;}
.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: 77px;/* height: 50px; */vertical-align: middle;}
.site-footer-logo h5{padding-top: 26px;padding-right: 91px;}
.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{display: flex;justify-content: center;align-items: center;}
.productpageimg .pdimg{

}
.productpageimgdesc{padding-right: 20px;}
.productpage .pdimg{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;
}
.logo-horizental-menu{position: absolute;top: 0px;left: 0px;}
.logo-horizental-menu img{width: 81px;position: absolute;top: -10px;left: 19px;}
.slideshowmainpage {
    position: relative;
    width: 100%;
    background-color: #eff1f3;
}

.slideshowmainpage .slider {
    display: block;
    position: relative;
    width: 100%;
    height: 495px;
}

.slideshowmainpage .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slideshowmainpage .slide.active {
    opacity: 1;
}

.slideshowmainpage .prev-btn,
.slideshowmainpage .next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f9f6f6;
    color: #8496f2;
    cursor: pointer;
    border: 1px solid #8496f2;
    border-radius: 23px;
    padding: 24px;
}

.slideshowmainpage .prev-btn {
    left: 10px;
}

.slideshowmainpage .next-btn {
    right: 10px;
}
.slideshowmainpage .prev-btn span,
.slideshowmainpage .next-btn span{
    display: block;
    border-right: 5px solid;
    border-bottom: 5px solid;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 12px;
    left: 10px;
}
.slideshowmainpage .prev-btn span{
    transform: rotate(134deg);
    left: 19px;
}
.slideshowmainpage .next-btn span{
    transform: rotate(-45deg);
    left: 7px;
}
.slide1twosection {display: grid;grid-template-columns: 1fr 1fr;}
.slide1twosection .text_slide1{
    margin: auto;
}
.slide1twosection .text_slide1 h1{
    color: #3162ea;
}
.slide1twosection .text_slide1 h3{}
.slide1twosection .text_slide1 h4{}
.slide1twosection .text_slide1 h5{}
.slide1twosection .image_slide1{}
.slide1twosection .image_slide1 img{
    width: 384px;
}
.slide2section {position: relative;width: 100%;height: 100%;}
.slide3section {position: relative;width: 100%;height: 100%;}
.slide2section img{position: relative;width: 100%;height: 100%;}
.slide3section img{width: 100%;height: 100%;}
.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;
}
.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;}
.totlaprice .totalpricevalue .valuedt{

    font-size: 23px;
    margin-left: 5px;}
.totlaprice .totalpricevalue .txtdt{

}
.totlaprice .palceorder{

    padding: 22px 0px;}
#completeandpay{
    margin-top: 20px;
}
.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;}

.orderitemdd{

    display: inline-block;position: relative;}
.item2pd {

    padding-right: 10px;}
.address {
    padding: 10px;
    margin-top: 10px;
}
.bars-solid-toggle {
    display: none;
    z-index: 10;
    height: 44px;
    text-align: right;
}
.bars-solid-toggle img{
    cursor: pointer;
}
.text_slide1 h3{color: #ef6733;}
.text_slide1 div{color: #3162ea;}
.text_slide1 div .bolddd{color: #f18c3c;}
.namojod{
    color: #e22336;
    text-align: center;
}
.textrightc{
    text-align: right;
}
.colorblack{
    color:black;
}
.backgroundmenumobile{display: none;position: absolute;top: 0px;background-color: #97949440;width: 100%;height: 100%;z-index: 1;}
.outermainsider{position: relative;display: flex;padding: 25px 0px;}
.descslider{
    position: relative;
    display: inline-block;
    width: 14%;
    height: auto;
}
.innerdescslider{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.titledescslider{
    display: block;
    font-size: 20px;
    line-height: 21px;
    margin-bottom: 18px;
}
.buttomdescslider{
    white-space: nowrap;
    background-color: white;
    padding: 11px 12px 14px 12px;
    display: block;
    border-radius: 5px;
    color: black;
}
.txtjf{display: block;white-space: nowrap;text-align: center;}
.txtttww{display: block;margin-top: 13px;text-align: center;white-space: nowrap;}
.chevron-arrow{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-right: 6px solid #f7f4f4;
    border-bottom: 6px solid #f5f2f2;
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    font-size: 41px;
}
.chevron-arrow-left {
    transform: rotate(137deg);
}

.chevron-arrow-right {
    transform: rotate(-45deg);

}
.plus-sign::before {
    content: '+';
    font-size: 60px; /* You can adjust the font size as needed */
    color: white; /* You can set the color as needed */
    display: inline-block;
    /* Optional: Add some spacing to the right of the plus sign */
    line-height: 28px;
    position: absolute;
    left: 8px;
    bottom: 6px;
    background-color: #E45545;
    padding-bottom: 7px;
    border-radius: 34px;
    padding: 1px 4px 8px 4px;
    cursor: pointer;
}
@media screen and (max-width: 900px){
    .slide1twosection {display: grid;grid-template-columns: 1fr;height: 100%;}
    .slide1twosection .text_slide1{width:80%;font-size: 11px;}
    .slideshowmainpage .slider{height:250px;}
    .slideshowmainpage{/* margin-top: 45px; */}
    .slide1twosection .image_slide1{display:none;}
    .bars-solid-toggle{
        display: block;
    }
    .productpage {
        grid-template-columns: 1fr;
    }
    .bars-solid,.user-solid{
        display: block;
    }
    .loginbuttom, .horizontal-menu{
        display: none;
    }
    #chat-search{
        width:300px;
    }
    .user-solid{
        display: block;
    }
    .footerright{
        display: none;
    }
    .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;
    }
}