.blog-header{
        padding-top: 20px;
    }
    .blog-title{
        font-size: 15px;
    }
    .buttonLink a{
         background: linear-gradient(90deg, #0A78CA, #8111BB);
    }
    .zendesksearch{
        background-color: #496ffc;
        display: none;
        padding: 5px 0px;
    }
    .zendesksearch-row{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bgprdct{
        /* background: #EFEFEF;
        border-radius: 10px; */
        /* margin-left: 4px;
        margin-right: 4px;
        width: 24.37%; */
        padding-left: 4px;
        padding-right: 4px;
    }
    .blogcolomn{
        background: #EFEFEF;
        border-radius: 10px; 
        padding: 1px 20px 1px 20px;
    }
    .blogproducts{
        max-width: 100%;
        padding-top: 35px;
    }
    .blogcart{
        background: linear-gradient(90deg, #0A78CA, #8111BB) !important;
        padding: 6px 16px!important;
        border-radius: 5px!important;
        color: #fff!important;
        font-family: 'Roobert-SemiBold';
        font-size: 16px!important;
        /* width: 120px; */
        margin-bottom: 10px;
    }
    .bloglern{
        padding: 4px 4px!important;
        color: #000;
        border-radius: 5px;
        cursor: pointer;
        overflow: hidden;
        font-size: 16px;
        border: none;
        font-weight: 900;
        font-family: 'Roobert-SemiBold';
        border: 1px solid #C4C4C4;
        display: block;
        width: 120px;
        margin-bottom: 30px;
    }
    .bloglern:hover, .bloglern:focus {
    background-color: #8f8a8a05;
    color: #000!important;
    }
    .blogprice{
        font-family: 'Roobert-Light';
        font-size: 1.7em;
    }
    .blogpname{
        text-align: left!important;
        font-family: 'Roobert-Bold'!important;
        font-size: 1.7em!important;
        line-height: normal;
        height: 1.8em;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    
    /* css for review section */
    
    .review_head{
      
      color: #000;
        font-family: "Roobert-Bold";
        font-size: 4em;
        line-height: 1em;
        text-align: center;
         background: linear-gradient(267.01deg, #990AE2 29.78%, #0095EF 97.51%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
      
       @media only screen and (max-width: 740px) {
         .review_head{
           
         font-size: 2em;  
           
         }
    }
    
    .stars img {
          width: unset!important;
      }
        .review-acc .widget-card {
          padding: 20px 20px!important;
      }
      .slick-dots {
          bottom: -42px;
      } 
        button.splide__pagination__page {
          background-color: #d2d2d2;
      }
      .widget-card {
                   position: inherit;
                  width: 100%;
                  min-height:300px;
                  background-image: url(/images/card-bg.png);
                  /*background-size: 100% 100%;*/
                  /*object-fit: fill;*/
                  background-repeat: no-repeat;
                  background-size: cover;
                  border-radius: 20px;
                  padding: 20px 20px!important;
                  color: #fff;
                  font-family: 'Roobert TRIAL';
                  font-style: normal;
                  font-size: 20px;
                  margin-left:5px ;
              }
              #overlay {
                  position: absolute;
                  width: 100%;
                  min-height: 300px;
                  height: auto;
                  top: 0;
                  left: 0;
                  right: 0;
                  padding: 20px 20px;
                  border-radius: 20px;
                  background-color: rgba(0, 0, 0, 0.5);
                  opacity: 0.9;
                  z-index: 2;
              }
              .review-container{
                  position:absolute;
                  bottom:0;
                  z-index:5;
                  margin-bottom: 25px;
              }
              .head-container {
                  display: flex;
                  align-items: center;
              }
              .u_image {
                  width: 45px!important;
                  height: 45px;
                  margin: 0px 20px 0px 0px;
                  z-index: 3;
                  border-radius:50%;
              }
              .u_name {
                  z-index: 3;
                  font-size: 14px;
                  margin: 0px;
                  font-family:'Roobert-Regular' !important;
              }
              .stars {
                  display: flex;
                  margin: 0px 0px 20px 0px;
              }
              .single-star {
                  margin: 0px 0px 0px 6px;
              }
              .rev-head {
                  font-weight: bold;
                  font-family: Roobert-SemiBold !important;
                  font-size:1em;
                  margin: 0px;
                  line-height: 1.3 !important;
              }
              .rev-content {
                  margin: 0px;
                  font-family: Roobert-Regular !important;
                  font-size:1em;
                  line-height: 1.3 !important;
              }
              .revie_text{
                  padding-bottom: 10px;
              }
              @media only screen and (max-width: 740px) {
                 .widget-card, #overlay{
                      padding: 5px 15px;
                      border-radius: 15px;
                      min-height:250px;
                  }
                  .u_image {
                      width: 35px;
                      height: 35px;
                      margin: 0px 10px 0px 0px;
                      z-index: 3;
                  }
                  .stars img{
                      height:15px;
                  }
                  .rev-head {
                  font-size:.7em;
              }
              .rev-content {
                  font-size:.7em;
              }
              .review-container{
                  bottom:unset;
                  height: 80%;
                  display: flex;
                  flex-direction: column;
                  justify-content: flex-start;
                  padding: 10px 0px 0px 0px;
                  margin: 0px 0px 15px 0px;
                  }
                  .u_name {
                      line-height: 1.1;
                      font-size: 12px;
                  }
                  .revie_text{
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  justify-content: space-evenly;
                  }
              }
    
    
    
    
        #main-content{
            background: #fff!important;
    }
        .post-title-size{
            font-size: 6vh;
            line-height: 100%;
            padding-left: 50px;
            padding-right: 50px;
            margin-top: -5%;
            text-align: inherit;
            font-family: 'Roobert-medium';
            text-shadow: 2px 2px 4px #000000;
            text-align: center;
            margin: auto;
            color: #fff;
            font-weight: 600;
        }
        
        .post-date{
            color: #fff;
            font-size: 18px;
            text-align: center;
            padding-left: 30%;
            font-family: 'Roobert-regular';   
            text-shadow: 2px 2px 4px #000000;
        }
        .main-divs{
            text-align: center; 
            padding-left: 20px;
            padding-right: 20px; 
            background-color: #f5f5f7; 
            border-radius: 77px; 
            height: auto; 
            margin-bottom: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .space_country{
            padding-bottom: 0px ; 
            padding-left:60px !important; 
            padding-right:60px !important;
        }
        .imgmanual{
            width:"20px !important";
            height:"50px !important";
        }
            .blog-background iframe{
            width: 100%;
            height: 500px;
        }
        .text-family{
            font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
        }
        .Related-Articles{
            background: #f1f1f1;
            margin-top: -33px;
            width: 100vw;
            margin-left: calc(-50vw + 50%);
        }
            .blog-thumbnail {
                max-width: unset;
                width: 100%;
                margin-bottom: 5px;
            }
            .mainblogdiv img {
            height: 300px;
            object-fit: cover;
            width: 100%;
        }
            .blog-post-figure {
                width: 100%;
            }
            .blog-post-body {
                width: 100%;
            }
            .blog-image-tag {
                padding: 12px;
                background: #fff;
                position: absolute;
                top: 0;
                right: 0;
                color: #242424;
                font-size: 11px;
                text-transform: uppercase;
            }
                .tag1:not(body) {
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                background-color: #f5f5f5;
                border-radius: 0;
                color: #4a4a4a;
                display: -webkit-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                font-size: .9rem;
                height: 2em;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 1.5;
                padding-left: .75em;
                padding-right: .75em;
                white-space: nowrap;
                }
                .tag1:hover
                {
                    text-decoration: underline;
                }
                .hero-body1
                {
                padding-top: 6rem!important;
                padding-bottom: 20rem!important;
                
                }
                .has-text-centered
                {
                display: block;
                place-items: center;
                height: 100%;
                text-align: center;
                }
        
                /*related article section*/
                .related-blog{
                    display: inline-flex;
                }
                .related-head{
            font-weight: 600;
            color: #363636;
            line-height: 1.125;
            margin-bottom: 20px;
                }
                .article-section{
                width: 33.33333%;
                }
                .blogdeteil-style {
            width: 100%;
            padding: 0px 89px 0px 89px;
        }
        .blog-content h2{
            font-weight: 600;
            line-height: 1.125;
        }
        .blog-content p{
            line-height: 1.9;
            font-family: Ubuntu,sans-serif;
            font-weight: 300;
            font-size: 1.15rem;
            text-align: justify;
        }
        .blog-background{
        background-color: #f1f1f1;
        width: 100vw; 
        margin-left: calc(-50vw + 50%);
        }
        .breadcrumbs {
            margin-bottom: 0px;
        }
        a {
            text-decoration: none;
        }
        /* responsive*/
        @media only screen and (max-width: 600px) {
            .article-section{
                width: unset;
                } 
                .related-blog{
                    display: unset;
                }
                .blog-content iframe{
                    width: 100%;
                }
                .blogdeteil-style {
            padding: 0px;
        
        }
        }
        .cart-btn{
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-evenly;
            flex-wrap: nowrap;
         }

        @media screen and (max-width: 900px) and (min-width: 60px) {

            .cart-btn{
    flex-direction: column;
    }
            .blog .bg{
                display: flex;
        align-items: center;
    justify-content: center;
            }
            .blogcolomn {
             padding: 1px 1px 1px 10px
             } 
    
            .bgprdct{
                padding-left: 3px;
                padding-right: 3px;
                width: 50%;
                margin-bottom: 10px;
                 }
                 .blogpname{
                 padding-left: 0px;
                 font-size: 20px!important;
                 
                 }
                 .blogprice{
                 padding-left: 10px;
                 margin-top: 33px;
                 }
                .main-divs{
                text-align: center;
                padding-left: 20px;
                padding-right: 20px;
                background-color: #f5f5f7;
                border-radius: 77px;
                height: 96px;
                margin-bottom: 20px;
                padding-top: 10px;
                height:auto;
                min-height: 96px;
            }
            .space_country{
                padding-bottom:0px !important;
                padding-left:35px !important;
                padding-right:35px !important;
            }
                .hero-body1
                {
                padding-top: unset !important;
                padding-bottom: unset !important;
                display: flex;
                align-items: center;
                flex-direction: column;   
                }
                .title-font-mobile{
                    padding-left: 19px;
                    padding-right: 19px;
                    font-size: 2.3em!important;
                    line-height: 35px;
                }
                .post-date {
                  display: unset;
                  padding-left: 19px;
                }
        
                .blog-tag-font{
                    padding-left: 18px;
            padding-right: 18px;
                }
            article.blog{
               margin-bottom: 0px !important;
            }
            .imgmanual{
            width:100%;
            height:100%;
            }
            .mbpads
            {
              padding: 30px;
            }
            .countryflag_mob
            {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 20px;
            }
           
        }
            .supportpge_search_zendesk input
            {
            max-width: 100% !important;
            width: 100% !important;
            height: calc(1.667em + 0.8125rem + 2px);
            padding: 0.40625rem 1.5rem;
            font-size: .9375rem;
            font-weight: 400;
            line-height: 1.667;
            background-clip: padding-box;
            border-radius: calc(0.8335em + 0.40625rem + 2px);
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            border-color: #496ffc;
            }
            .supportpge_search_zendesk #search_btn
            {
            margin-left: 10px;
            background-color: #ffba00;
            padding: 12px;
            color: #333 !important;
            border-radius: 20px;
            cursor: pointer;
            border: 1px solid #ffba00 !important;
            overflow: hidden;
            font-size: 12px;
            font-weight: bolder;
            font-weight: 900;
            font-family: 'Poppins';
            letter-spacing: -.06px;
            padding: 9px 30px;
            display: flex;
            justify-content: center;
            width: auto;
            clear: both;
            overflow: hidden;
            white-space: nowrap;
            }
            .supportpge_search_zendesk #search_btn:hover
            {
            background-color: #e1a70a;
            }
            .supportpge_search_zendesk #searchForm
            {
            display: flex;
            align-items: baseline;
            }
            .supportpge_search_zendesk
            {
                padding: 20px 0px;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: center;
            }
            .loadingimgs
            {
                text-align: center;
                display: none;
            }
            .haspadding:hover
            {
                color: #dadadc !important;
                text-decoration: underline;
            }
            .hedingzendesk
            {
                font-family: 'Poppins';
                font-weight: 900;
            }

            .space_country .main-divs .row, .appendfirmware .main-divs .row{
                display: flex;
                align-items: center;
                height: 100%;
                min-height: 80px;
            }
            @media screen and (max-width: 750px) {
                .cm_frim_name_section{
                    padding-right: 0px;
                }
                .cm_frim_name_section span{
                    word-break: break-all;
                }
            }