.home-swiper-wrapper .swiper-slide {width: 100vw;height: auto }
.home-swiper-wrapper {overflow:hidden; height: calc(100vh - 8.75rem); }
.nav_box {position: relative !important; width: 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_impactserive {
     position: relative;
      width: 100%;
    height: 100%;
     overflow: hidden
}
.our_impactserive  .portlet, .our_impactserive  .portlet >div  {height: 100%;}
 .our_impactserive  .portlet >div  {height: 100%;}

@keyframes fadeInUp30 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,32px,0);
        transform: translate3d(0,32px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp30 {
    -webkit-animation-name: fadeInUp30;
    animation-name: fadeInUp30
}

@media (max-width: 768px) { 

  .home-swiper-wrapper {
    height: 100vh;
    padding: 4rem 0; 
    padding-top: 6rem;
    box-sizing: border-box;
  } 
 .navgationDiv {display: none}
 
}