/* ========================================= */
/* KRS PAGE HERO */
/* /css/krs-page-hero.css */
/* ========================================= */

*,
*::before,
*::after{
    box-sizing:border-box;
}


/* LIGHTBOX */


i.eicon-chevron-right, i.eicon-chevron-left, i.eicon-close{
    font-size: 20px;
    color: white;
  padding: 5px;
  background:#F57F04;   
  border-radius: 5px;
    }


.PgHero{
    position:relative;
    width:100%;
    max-width:none;
    min-height:85vh;
    padding:0 !important;
    margin:0 !important;

    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}

.PgHeroInner{
    width:100%;
    max-width:none;

    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:4%;

    color:#fff;

    padding:2vw 10vw;
    box-sizing:border-box;
}


@media (max-width:1250px){

    .PgHeroInner{
        padding:1vw 2vw;
    }

}

.PgHeroLeft{
  width:48%;
  color:#fff;
}

.PgHeroLeft h1{
  color:#fff;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.1;
  margin-bottom:1.5rem;
}

.PgHeroText{
  font-size:1.15rem;
  line-height:1.6;
  margin-bottom:2rem;
}

.PgHeroButtons{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}

.PgHeroBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:.9rem 2rem;
  background:#F57F04;
  color:#fff;
  text-decoration:none;
  border:none;
  transition:.2s ease;
}

.PgHeroBtn:hover{
  opacity:.9;
  color:#fff;
}

.PgHeroBtnSecondary{
  background:transparent;
  border:1px solid #fff;
}

.PgHeroRight{
  width:48%;
}

.PgHeroImageWrap{
  width:100%;
  margin-bottom:1vh;
}

.PgHeroImage{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:12px;
}

.PgHeroImage img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
                            /* SLIDER */
.PgHeroSlider{
    position:relative;
}

.PgHeroSlide{
    position:absolute;
    inset:0;

    opacity:0;

    transition:opacity 1.2s ease;

    display:block;
}

.PgHeroSlide.active{
    opacity:1;
    z-index:2;
}

.PgHeroSlide img{
    width:100%;
    height:100%;
    object-fit:cover;
}

                            /* END SLIDER */

.PgHeroRightEditor{
    margin-bottom: 1vh;
}

.PgHeroRightEditor p{
    font-size: .8rem!important;
    line-height: 1.1em;
    margin-bottom: 1vh;
}

.PgHeroTestimonial{
  background:rgba(0,0,0,.72);
  border-radius:12px;
  border-left: 5px #f57f04;
  padding:2rem;
  color:#fff;
}

.PgHeroQuote{
  width:100%;
  font-style:italic;
  font-size:1.2rem;
  line-height:1.4;
  margin-bottom:1.5rem;
}

.PgHeroQuoteBottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.PgHeroQuoteInfo{
  flex:1;
}

.PgHeroQuoteName{
  font-weight:800;
  font-size:1.15rem;
  margin-bottom:.5rem;
}

.PgHeroQuoteTitle{
  font-size:1rem;
  line-height:1.4;
  margin-bottom:1rem;
}

.PgHeroStars{
  display:flex;
  gap:6px;
}

.PgHeroStars svg{
  width:22px;
  height:22px;
  fill:#FFD700;
}

.PgHeroQuoteImage{
  width:120px;
}

.PgHeroQuoteImage img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:50%!important;
}

@media (max-width:1250px){

    .PgHero{
        min-height:auto;
        padding:0!important;
    }

    .PgHeroInner{
        padding:2vw 4vw;
    }

}

/* MOBILE */

@media (max-width:767px){



  .PgHeroInner{
    flex-direction:column;
    text-align:center;
  }

  .PgHeroLeft,
  .PgHeroRight{
    width:100%;
  }

  .PgHeroButtons{
    justify-content:center;
  }

  .PgHeroQuoteBottom{
    flex-direction:column;
  }

  .PgHeroStars{
    justify-content:center;
  }

}