.heroSection{margin-top:-20rem;position: relative;display: flex;justify-content: center;align-items: center;background-image:var(--bgimg1);background-repeat: no-repeat;background-position:center;background-size: cover;isolation: isolate;z-index:3;}
.heroSection > .inner{max-width:900px;display: flex;flex-direction: column;align-items: center;position: relative;text-align: center;}
.heroSection > .inner::before{content:'';height:130%;width:120%;position: absolute;top:-20%;left:-10%;background-position:center;background-size:contain;opacity:.7;background-image:url(http://127.0.0.1:8081/frontend/img/e/3.png);background-repeat:no-repeat;z-index:-1;}

.heroSection > .inner h1{font-size:3rem;color:var(--colPri);font-style: italic;margin:0;text-shadow:1px 1px 0 #000;}
.heroSection > .inner p{font-size:1.3rem;font-style: italic;font-weight: bold;color:#000;text-shadow:2px 2px 2px #fff;margin-bottom:1rem;}
.heroSection > .inner .btn{background:var(--colPri);color:#fff;margin-top:20px;border:2px solid var(--colPri);padding:.5rem 2rem;border-radius:2rem;position: relative;font-weight: bold;}
.heroSection > .inner .btn::before{content:'';border-radius: 2rem;background: #ffffffaa;position: absolute;z-index:-1;height:100%;width:100%;top:50%;left:50%;transform: translate(-50%,-50%);transition:.1s;}
.heroSection > .inner .btn:hover::before{padding:5px 8px;background:#fff;}


/* hero slider */
.heroSlider{position:relative;max-width:100vw;height:720px;}
.heroSlider .swiper-slide{width:100%;height:100%;display:flex;align-items:end;}
.slide-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}
.slide-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.heroSlider .swiper-scrollbar{display:none;}
.heroSlider .content{width:100%;text-align:center;font-weight:bold;color:#000;text-shadow:0 0 2px #fff, 0 0 2rem #fff;margin-bottom:10vh;}
.heroSlider .textBox{padding-bottom:.5rem;position:relative;display:grid;place-items:center;}
.heroSlider .textBox:before{content:'';position:absolute;width:1200px;height:100%;background:linear-gradient(90deg,transparent,#ffffff4e,transparent);z-index:-1;}
.heroSlider .textBox .ttl{font-size:3.5rem;}
.heroSlider .textBox .details{font-size:1.5rem;}
.heroSlider .swiper-button-prev, .heroSlider .swiper-button-next{opacity:.4;}

.trust-container{max-width:900px;margin:auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.trust-pill{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 22px;box-shadow:0 6px 18px rgba(0,0,0,0.08);transition:.25s;border-radius:1rem;}
.trust-pill img{width:34px;height:34px;object-fit:contain}
.trust-text strong{font-size:18px;color:#222;margin-right:6px}
.stars{color:#f5a623;font-size:14px;margin-right:6px}
.trust-text small{display:block;font-size:12px;color:#666}

.activityCards{display: flex;justify-content: center;flex-wrap: wrap;}
.activityCards .card{flex:1 1 var(--maxWidth);max-width:calc(var(--maxWidth) +50px);height:280px;overflow: hidden;position: relative;transition: .2s;margin: 1rem;border-radius:1rem;}
.activityCards .card .cardimg{width:100%;height:280px;display: grid;place-items: center;}
.activityCards .card img{width:100%;min-height:100%;max-height:150%;transition: .3s;}
.activityCards .card .cardbody{position: absolute;top: 0;left:0;width:100%;height:100%;display:flex;justify-content: center;flex-direction: column;align-items: center;}
.activityCards .card .cardbody .ttl{background:rgba(0, 0, 0, .3);color: #fff;display: block;min-width: 90%;text-align: center;margin-bottom: 2rem;font-size:1.5rem;font-weight: bold;transition: .2s;}
.activityCards .card .cardbody .detail{background:rgba(0, 0, 0, .8);position: absolute;width:100%;height:100%;padding:2rem;color:#fff;text-align: center;top:100%;overflow:hidden;transition:.3s;display: grid;place-items: center;}
.activityCards .card:hover{transform: scale(1.1);box-shadow:0 0 2rem 1rem rgba(0,0,0,.2);}
.activityCards .card:hover img{width:110%;max-height:150%;}

.aboutus{position: relative;background: rgba(255, 192, 203, 0);}
.aboutusing img{position: absolute;left: 50%;right: 0;width: 100vw;top: 50%;transform: translate(-50%, -50%);max-width: 1900px;z-index: -99;opacity: .9;}
.aboutus .mainBoxBody{display: flex;justify-content: flex-end;align-items: flex-end;font-size:1.5rem;margin:10rem 0 1rem}
.aboutusdiv{max-width: 500px;padding: 1rem;background:rgba(255, 255,255,0);text-shadow:1px 1px #FFF;line-height:150%;}
.aboutnamettl{font-size:2rem;position: relative;font-weight: bold;margin-bottom: 2rem;}
.aboutnamettl::before{content: '';height:4px;background: var(--colPri);width:100px;position: absolute;top:-.2rem;left: 0;}
.aboutnamettl span{color: var(--colPri);}


@media screen and (max-width:700px){
  
  .heroSection > .inner{margin-top: 50px;}
  .heroSection > .inner::before{background-size:cover;}
  .heroSection > .inner h1{font-size: 1.5rem;line-height: 120%;margin-bottom: 1rem;}
  .heroSection > .inner p{font-size:1rem;}
  .heroSlider .swiper-slide{background:var(--bg2);}

  .heroSlider{position:relative;max-width:100vw;height:620px;}
  .heroSlider .swiper-button-prev, .heroSlider .swiper-button-next{opacity:.1;}
  .trust-pill{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.3rem .8rem;box-shadow:0 6px 18px rgba(0,0,0,0.08);transition:.25s}

  .activityCards{--maxWidth:150px}
  .activityCards .card,.activityCards .card .cardimg{height:150px;}

  .aboutus .mainBoxBody{font-size:1rem;margin:unset;}
  .aboutusing img{display: none;}
  .aboutusdiv{max-width:unset;}
  .aboutnamettl{font-size:1.5rem;}

}

@media screen and (max-width:600px){
  .heroSection{background-image:var(--bgimg2);}
}