.home-swiper-wrapper .swiper-slide {width: 100vw; height: 100%}
.home-swiper-wrapper {overflow:hidden;height: calc(100vh - 3.75rem);}
.nav_box {position: absolute !important; width: 100%}
.homeSwiper{
height: 100%
}
.our_begining {
position: relative;
      width: 100%;
    height: 100%;
   overflow: hidden;

}
.our_begining .portlet, .our_begining .portlet >div  {height: 100%;}
 .our_begining .portlet >div  {height: 100%;}


.our_bigimpact {
    position: relative;
      width: 100%;
    height: 100%;
overflow: hidden
}
.our_bigimpact .portlet, .our_bigimpact .portlet >div  {height: 100%;}
 .our_bigimpact  .portlet >div  {height: 100%;}
.our_bigimpact1::before {
  background-image: url('/uiFramework/commonResource/image/2025062508530747734.png');
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

   z-index: -1
}

.our_impactserive {
     position: relative;
      width: 100%;
    height: 100%;
     overflow: hidden
}
.our_impactserive  .portlet, .our_impactserive  .portlet >div  {height: 100%;}
 .our_impactserive  .portlet >div  {height: 100%;}
.our_impactserive1::before {
  background-image: url('/uiFramework/commonResource/image/2025062508531934887.png');
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   z-index: -1;

}

.enlarge-animation {
  -webkit-animation: scale-bg 6s ease-in-out 0s 1 ;
  animation: scale-bg 6s ease-in-out 0s 1;
    transform: scale(1, 1);
}

@-webkit-keyframes scale-bg {
  0% {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1,1);
  }
}

@keyframes scale-bg {
  0% {
    -webkit-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@media (max-width: 768px) { 

 .navgationDiv {display: none} ; 
}


@media (max-width: 420px) {
    .begincon {
        padding-top: 12rem  !important;
    }

       .bigimpactcon {
        padding-top: 12rem !important;
    }
}

@media (max-width: 992px) {
.home-swiper-wrapper{
    height: 100vh;
    padding:4rem 0;box-sizing: border-box;}
}