/*
============================
Theme Name: Helpy
Theme URI: 
Author: Vikinglab
Author URI: 
Description: Helpy - IT Solutions & Technology Startup WordPress Theme
============================
*/

.tp-slider-arrow-box svg {
    width: 12px;
}

.hero10 .video-img img {
    min-height: 168px;
}


.project3 .image, 
.project4 .image  {
   min-height: 200px;
}

.project3 .image img, 
.project4 .image img{
   height: 100%;
   width:100%;
   object-fit: cover;
}


.tes1-single-slider .bottom-area img {
   width: 80px;
   height: 80px;
   object-fit: cover;
   border-radius: 50%;
}

.tes5-slider .bottom img {
   height: 80px ;
   width: 80px !important;
   object-fit: cover;
   border-radius: 50%;
}


.tes6 .single-slider .qute {
   height: 40px;
   width: auto;
}


.tes6 .bottom-area img {
   width: 80px !important;
   height: 80px;
   object-fit: cover;
   border-radius: 50%;
}

.tes7-slider-area .qute img {
   max-width: 100px;
}

.tes7-slider-area .bottom-area img {
   width: 80px !important;
   height: 80px;
   object-fit: cover;
   border-radius: 50%;
}

.tes9-slider .qute img {
   max-width: 100px;
}

.tes9-slider .bottom-area img {
   width: 80px !important;
   height: 80px;
   border-radius: 50%;
   object-fit: cover;
}
.tes10-slider .bottom-area img {
   width: 80px !important;
   height: 80px;
   border-radius: 50%;
   object-fit: cover;
}

.single-input textarea {
   min-height: 180px;
}

.donate-form .elementor-field-option {
   display: flex;
   align-items: center;
}

.donate-form .elementor-field-option label {
   margin-left: 6px;
}

.vl-single-blog-box-content h4 {
    margin: 0;
}



@media screen and (max-width: 767px) {
   .main-heading6 {
      padding: 60px 0;
   }

   .hero6 {
      min-height: auto;
   }

   .main-heading6 .buttons {
      display: block;
   }
   .heading6 .sub-title {
      font-size: 40px;
      line-height: 50px;
   }


   .about6 .image img {
      max-height: 300px;
      width: 100%;
      object-fit: cover;
      margin: 15px 0;
      border-radius: 4px;
   }

   .about6-content-box {
      margin-left: 0 !important;
   }
   .heading6 .sub-title{
      bottom: -20px;
   }


   .event-bg-flex .event-date .year {
    width: 100%;
}

.event-bg-flex .event-content {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}



   .vl-banner.p-relative.fix .slick-track {
      max-height: 540px !important;
   }

   .vl-banner.p-relative.fix {
      max-height: 540px;
      overflow: hidden;
   }

   .vl-hero-section-title{
      padding-top: 50px !important
   }

   .vl-about-large-thumb img {
      height: 300px;
      object-fit: cover;
      border-radius: 4px;
   }

   .event-bg-flex .event-date .year {
      width: 100%;
   }

   .event-bg-flex .event-content {
      padding: 0;
      margin: 0;
   }

}


@media screen and (max-width: 1024px) {
   .vl-hero-slider.vl-hero-bg.slick-slide.slick-current.slick-active {
      width: 100% !important;
   }


   .vl-banner.p-relative.fix .slick-track {
      width: 100% !important;
   }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
   .vl-banner.p-relative {
      max-height: 500px;
   }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
     .vl-banner.p-relative {
      max-height: 700px;
   }
   .vl-hero-section-title{
      padding-top: 50px !important
   }
}

@media screen and (max-width: 990px) {
   section.vl-mission.p-relative {
      height: 300px;
   }

   .vl-mission .thumb-shape {
      display: none;
   }

   section.vl-banner2.p-relative {
      overflow: hidden;
   }

   .vl-brand5 {
      overflow: hidden;
   }


}