html {
	overflow-y: scroll;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body {
	overflow-y: visible;
	position: relative;
  height: unset;
}
html, body {
	overflow-x: hidden;
	margin: 0;
}


#aboutusdiv{
     width: 80vw;
     margin: auto;
     padding-top: 50vh;
}

.whower{
     font-size: 20px;
     margin-bottom: 50px
}

.abdiv1{
     width: 80%;
     font-size: 30px;
     text-align:justify;   
}

.abdiv2{
     width: 80%;
     font-size: 30px;
     text-align:justify; 
     margin-top: 30px;
     margin-left: 40px;  
     margin-bottom: 50px;
}

#abfeatures{
     width: 70%;
     margin-top: 250px;
}

#abfeaturesup{
     width: 100%;
     display: flex;
     flex-direction: row;
}

#abline {
     margin-top: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 20px;
     width: 40px;
     position: relative;
     transition: all 0.3s;
     cursor: pointer !important;
}
   
#abspan {
     height: 5px;
     background: #ffffff;
     width: 44px;
     display: inline-block;
     position: absolute;
     top: 50%;
     transition: all 0.3s;
     cursor: pointer;
}
   
   /* #abspan::before {
     content: " ";
     position: absolute;
     display: inline-block;
     height: 2px;
     background: #ffffff;
     transform: translateY(-4px);
     width: 44px;
     transition: all 0.3s;
   } */

.abdiv11{
     font-size:30px;
     margin-left: 30px;
     display: flex;
     align-items: center;
}

#abfeaturesdown{
     font-size: 25px;
     margin-left: 70px;
     text-align: justify;
     margin-top: 20px;
     line-height: 35px;
}

.space{
     height: 50vh;
}


.container {
	width: 500%;
	height: 100vh;
	display: flex;
	flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
}

.panel{
     display: flex;
     justify-content: center;
     align-items: center;
}

.pendiv{
     width: 70%;
     height: 80%;
     display: flex;
     flex-direction: row;
}

.pentext{
     width:50%;
}

.pentext h1{
     font-size: 40px;
}

.pentext p{
     font-size: 25px;
     margin-top: 25px;
     letter-spacing: 1px;
     text-align: justify;
}

.penimgdiv{
     width:50%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.penimgdiv div{
     width:80%;
     height:100%;
}

.penimgdiv div img{
     width:100%;
     height:100%;
}

.penbtn {
     align-items: center;
     background-color: transparent;
     color: #fff;
     cursor: pointer;
     display: flex;
     font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     font-size: 1rem;
     font-weight: 700;
     line-height: 1.5;
     text-decoration: none;
     text-transform: uppercase;
     outline: 0;
     border: 0;
     margin-top: 50px;
     padding: 1rem;
     padding-left:0;
   }
   
   .penbtn:before {
     background-color: #fff;
     content: "";
     display: inline-block;
     height: 1px;
     margin-right: 10px;
     transition: all .42s cubic-bezier(.25,.8,.25,1);
     width: 0;
   }
   
   .penbtn:hover:before {
     background-color: #fff;
     width: 3rem;
   }


   @media screen and (min-width: 300px) and (max-width:500px){
     .abdiv1 h1{
          font-size: 20px;
     }
     .abdiv2 h3{
          font-size: 20px;
     }
     #abfeatures{
          width: 80vw;
     }
     .abdiv11 h3{
          font-size: 30px;
     }
     #abfeaturesdown p{
          font-size: 15px;
     }


     .webimg{
          margin-bottom: 0px !important;
     }

     .container{
          display: none;
     }

     footer{
          margin-left: 50px !important;
     }

   }