/*for font start */

.vs-bigsize1{
  font-weight: 700;
font-size: 35px;
}
.vs-bigsize2{
font-weight: 700;
font-size: 21px;
}
.vs-bigsize3{
font-weight: 700;
font-size: 16px;
line-height: 1.5;
}
.vs-smallsize1{
font-weight: 100;
font-size: 35px;
}
.vs-smallsize2{
font-weight: 100;
font-size: 21px;
}
.vs-smallsize3{
font-weight: 100;
font-size: 16px;
line-height: 1.5;
}

/*for font end*/
.vs_row{
  justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
/*for Web start*/
@media (min-width: 992px){
/*for DO Component start*/
.do-pro-row{
  margin-bottom: 25px;align-items: center;
}
/*for DO Component end*/

/*for Text USP start*/
.T-usp-item{
    margin-bottom: 0px;
}
.T-usp-container{
     display: table;border-spacing: 20px;   
    }  
.T-usp-row{
    display: table-row;height: 100%;    
    } 
.T-usp-item-new{
    display: table-cell;float: none;   
    }
/*for Text USP end*/

/*for Counter USP start*/
.C-usp-item{
    margin-bottom: 0px;
}
.C-usp-container{
     display: table;border-spacing: 20px;   
    }  
.C-usp-row{
    display: table-row;height: 100%;    
    } 
.C-usp-item-new{
    display: table-cell;float: none;   
    } 
/*for Counter USP end*/

/*for Team start*/
.col-blog{
   padding-left: 0px;
}
.row-blog-li{
    display: flex;align-items: center;
}
.row-blog{
    width: 48%;
}
.vs-row-blog{
    display: flex;
    justify-content: center;
    align-content: space-around;
    flex-wrap: wrap;
}

/*for Team end*/

/*for Gallery start*/
.row-gallery-li{
  display: flex;align-items: center;
}
.col-gallery{
   padding-left: 0px;
}
.col-gallery-new{
  width: 48% ;
  margin-left: 24px;
}
/*for Gallery end*/

}
/*for Web end*/

/*for PWA start*/
@media (max-width: 991px){
/*for DO Component start*/
.do-pro-row{
  margin-bottom: 25px;align-items: center;
  text-align: center;
}
/*for DO Component end*/

/*for Text USP start*/
.T-usp-item{
    margin-bottom: 50px;
}
.T-usp-item-new{
    margin-bottom: 10px;  
} 
/*for Text USP end*/

/*for Counter USP start*/
 .C-usp-item{
    margin-bottom: 50px;
}
.C-usp-item-new{
    margin-bottom: 10px;  
} 
/*for Counter USP end*/

/*for Team start*/
.blog-item{
    margin-bottom: 50px;
}
.col-blog{
    padding-left: 0px;
    padding-right: 0px;
}    
.row-blog{
    width: 95%;
    margin-bottom: 50px;
}
.blog-pic{
  margin-bottom: 5px;
}
.team-social-icon{
  margin-bottom: 5px;
}
/*for Team end*/

/*for Gallery start*/
.row-gallery-li{
  margin-left: 10px;
  margin-right: 10px;
}
.col-gallery{
  padding-left: 0px;
  padding-right: 0px;
}
/*for Gallery end*/
}
/*for PWA end*/

/*for Testimonials start*/
.testi-close{
    position: absolute;
    top: -4px;
    right: 2px;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    float: right;
}
.vs_testimonial {
    padding: 25px 15px 13px 15px;
    text-align: center;
    position: relative;
    border-radius: 8px;
    background: #fff;
}
.vs_testimonial-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #1bbc9b;
    margin: 13px auto;
}
.testi-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.vs-bigsize2 {
    font-weight: 700;
    font-size: 20px;
}
.vs-testi-video {
    position: absolute;
    top: 8px;
    right: 8px;
}
.quote-text {
    color: #3d4049;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.vs-smallsize3 {
    font-weight: 100;
    font-size: 14px;
    line-height: 1.5;
}
.blogslide{
  width: 370px;
  background: #f7f3f3;
  padding: 20px;
  border-radius: 16px;
}
.blogimg{
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
    .vs-row4-width {
        width: 25%;
    }
}
@media (min-width: 992px) {
    .vs-row4 {
        display: flex;
        justify-content: center;
    }
}
/*for Testimonials end*/

/*for News start*/
.latest-post {
    margin-bottom: 30px;
}
/*for News end

/*for Text USP start*/
.T-usp-item{
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}   

.T-usp-img{
    margin-bottom: 10px;
}
.T-usp-title{
    margin-bottom: 10px;
}
.T-usp-desc{
    margin-bottom: 10px;
}
.T-usp-main{
    background-color: #ddd;;
    padding: 30px;
}
/*for Text USP end*/

/*for Counter USP start*/
.C-usp-item{
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}   

.C-usp-img{
    margin-bottom: 10px;
}
.C-usp-title{
    margin-bottom: 10px;
}
.C-usp-desc{
    margin-bottom: 10px;
}
.C-usp-main{
    background-color: #ddd;
    padding: 30px;
}
.C-usp-flag{
    margin-bottom: 10px;
    justify-content: center;
    display: flex;
    color:  #26bd9b;
}
.C-usp-suffix{
    margin-left: 5px;
}
/*for Counter USP end*/

/*for FAQ start*/
       .accordion {
  background-color: unset;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  transition: 0.4s;
}

/*.active, .accordion:hover {
  background-color: #ccc;
}*/

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.vs_active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: #fafafa;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0px;
}

.faq-desc{
    margin: 10px;
}
/*for FAQ end*/

/*for Team start*/
.blog-img{
    aspect-ratio: 1/1;
}
.blog-extra-info1{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-date{
    padding-left: 5px;
}
.blog-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-author{
    padding-left: 5px;
}
.blog-category{
    padding-left: 5px;
}
.blog-item{
    border: 1px solid #ddd;
}
.blog-name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /*height: 48px;*/
}
.blog-extra-info{
    margin: 0px 10px 5px 10px;
    height: 24px;
}
.blog-extra-info1{
    margin: 0px 10px 5px 10px;
    height: 24px;
}
.row-blog{
    border: 1px solid #ddd;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 50px;
}
.team-social-icon{
  padding: 0px 15px 0px 0px;
}
.team-social-icon ul{
  padding-left: 0px; margin-bottom: 0px;
}
.team-social-icon ul li{
  list-style-type: none;
}
.team-social-img{
  width: 20px;
  margin-right: 10px;
}
.blog-name{
  margin-bottom: 5px;
}
.blog-folder{
  margin-bottom: 5px;
}
/*for Team end*/
/*for Blog start*/
.new-blog-name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 54px;
}
/*for Blog end*/
/*for Gallery start*/
.row-gallery-li {
  border: 1px solid #ddd;
  margin-bottom: 30px;
} 
.vs-gal-img{
    aspect-ratio: 1/1;
    object-fit: cover;
}
.gallery-li-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 10px 0px;
} 
/*for Gallery end*/
.tabs {
  display: flex;
}
.tab {
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  font-size: 16px;
  background: #1bbc9b;
  border-radius: 15px 15px 0 0;
  width: 234px;
}
.tab.active {
  background: #fff;
  border: 3px solid #1bbc9b;
  font-weight: bold;
  border-bottom: unset;
}
.tab-content {
  display: none;
  padding: 0 20px;
  border-top: none;
}
.tab-content.active {
  display: block;
}
.tabproduct-title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 53px;
}
.proslider .slick-next {
    right: -9px;
}
.proslider .slick-prev {
    left: -18px;
}
@media (max-width: 992px) {
    .tabs {
      overflow: scroll !important;
    }
    .tab{
      padding: 0px 20px !important;
    }
    .product-item {
      margin-bottom: 0px !important;
    }
    .tabproduct-title {
      height: 37px !important;
      line-height: 17px !important; 
      font-size: 11px !important;
      margin-top: 7px !important;
    }
    .proslidein{
      margin: 10px 0 !important;
    }
    .proslideinimg{
      height: 84px !important;
    }
    .proslidein .btn-primary{
      font-size: 9px !important;
      padding: 9px 12px !important;
      margin-top: 0px !important;
    }
    .product-area {
      min-height: auto !important;
    }
    .testimonial-slider .slick-next {
      right: -11px !important;
    }
    .testimonial-slider .slick-prev{
      left: -22px !important;
    }
}