/*# Hero Image Start#*/

.k13-widget.k13-hero-image {
  padding: 0px;
}

.k13-hero-image.img_L_1_1 img {
  height: 100%;
}

.k13-hero-image.img_L_2_1 img {
  height: 960px;
}

.k13-hero-image.img_L_3_1 img {
  height: 640px;
}

.k13-hero-image.img_L_4_1 img {
  height: 480px;
}

.k13-hero-image.img_L_5_1 img {
  height: 384px;
}

.k13-hero-image.img_L_6_1 img {
  height: 320px;
}

.k13-hero-image.img_L_16_9 img {
  height: 1080px;
}

.k13-hero-image.img_S_4_1 img{
  height: 16rem;
}

.k13-hero-image.img_S_5_1 img {
  height: 31rem;
}

.k13-hero-image.img_L_7_1 .hero-image-inner h1,.k13-hero-image.img_S_4_1 .hero-image-inner h1{
  font-size: 60px;
}

.hero-image-inner h2{
  font-size: 50px;
}

.k13-hero-image.img_L_8_1 .hero-image-inner h1,.k13-hero-image.img_S_5_1 .hero-image-inner h1{
  font-size: 70px;
  line-height: 0.85;
}

.landpage-font .k13-hero-image .hero-image-inner h1{
  font-size: 40px;
  line-height: 2rem;
}

.k13-hero-image img {
  background-color: #ddd;
  background-size: cover;
  display: flex;
  align-items: center;
  object-fit: cover;
}

.k13-hero-details {
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
}

.hero-image-inner h1{
  font-family: var(--primary-font);
  font-size: 90px;  
  line-height: 0.78;
  font-weight: 800;
  color: var(--white-color);
  text-transform: uppercase;
}

.hero-image-inner h2{
  color: var(--white-color);
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.k13-hero-details p {
  color: var(--white-color);
}

.k13-hero-image .k13-hero-details {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.k13-hero-details.primary-overlay {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.k13-hero-details.primary-bg-multiply-effect:before,
.k13-hero-details.secondary-bg-multiply-effect:before {
  background-color: unset;
}


.k13-hero-details.primary-bg-multiply-effect {
  background-color: var(--primary-color);
  opacity: 0.9;
  color: var(--white-color);
}

.k13-hero-details.secondary-bg-multiply-effect,
.k13-hero-details.secondary-overlay {
  background-color: #435f26;
  opacity: 0.9;
  color: var(--black-color);
}

.k13-hero-details.white-overlay {
  background-color: #e6e6e6;
  opacity: 0.75;
  color: var(--black-color);
}

.k13-hero-details.light-gray-overlay {
  background-color: #e6e6e6;
  opacity: 0.75;
  color: var(--black-color);
}

.k13-hero-details.dark-gray-overlay {
  background-color: #2b2b2b;
  opacity: 0.75;
  color: var(--white-color);
}

.k13-hero-details.medium-gray-overlay {
  background-color: #cacaca;
  opacity: 0.75;
  color: var(--black-color);
}


@media only screen and (min-width: 64rem) {
  .k13-hero-image.img_L_7_1 img,.k13-hero-image.img_M_4_1 img {
      height: 18rem;
  } 
  .k13-hero-image.img_L_8_1 img,.k13-hero-image.img_M_5_1 img {
    height: 34rem;
  } 
  .k13-hero-image.img_L_7_1 .hero-image-inner h1,.hero-image-inner h2{
      font-size: 90px;
      line-height: 0.78;
  }
  .k13-hero-image.img_L_8_1 .hero-image-inner h1{
    font-size: 90px;
    line-height: 0.98;
  }
  .landpage-font .k13-hero-image .hero-image-inner h1{
    font-size: 72px;
    line-height: 4rem;
  }
 
}



  
@media only screen and (max-width: 64em) and (min-width: 49em) {
  .k13-hero-image.img_M_1_1 img {
    height: 1024px;
  }
  
  .k13-hero-image.img_M_2_1 img {
    height: 512px;
  }
  
  .k13-hero-image.img_M_3_1 img {
    height: 342px;
  }
  
  .k13-hero-image.img_M_16_9 img {
    height: 576px;
  }
}


@media only screen and (max-width: 48em) {
  .k13-hero-image img {
    background-size: 130%;
  }
  .k13-hero-image.img_S_1_1 img {
    height: 640px;
  }
  
  .k13-hero-image.img_S_2_1 img {
    height: 320px;
  }
  
  .k13-hero-image.img_S_3_1 img {
    height: 214px;
  }
  
  .k13-hero-image.img_S_16_9 img {
    height: 360px;
  }
  .centerAlign .k13-hero-details {
    margin: 1rem 0 !important;
  }

  .hero-image-inner h1 {
    font-size: 60px;  
  }

}

@media only screen and (min-width: 40em){
  .hero-image-inner {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media only screen and (max-width: 40rem){
  .hero-image-inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .k13-hero-image .k13-hero-details .hero-image-inner {
    margin-right: auto;
  }
}

@media only screen and (min-width: 639px) {
  .k13-hero-image .k13-hero-details .hero-image-inner {
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 460px) {
  .font-40 .hero-image-inner h1 {
    font-size: 40px !important;
  }
}

@media screen and (width: 280px) {
  .font-40 .hero-image-inner h1 {
    font-size: 30px !important;
  }
}

/*# Hero Image End#*/