body{
    overflow-x: hidden !important;
    overflow-y: hidden;
    margin:0;
    height: 100%;
}

.outer{
    max-height:100vh;
    min-height:110vh;
    
    
    overflow-y: scroll;
    
	
	/* scroll-snap-type: proximity; */
	/* scroll-snap-points-y: repeat(1300px); */
    scroll-snap-type: none;
    text-decoration:none;
    /* margin-right:-5px !important; */
    /* padding-right:0px !important; */
    /* right:0 !important; */
    /* overflow-x: hidden; */
   
    overflow-x: hidden;
    

}
.inner {
	border-bottom: 1px solid white;
	/* scroll-snap-align: start; */
	/* background-color:grey */
    /* scroll-snap-stop: always; */
/*  */
    min-height:100vh;
    /* border: 3px solid rgb(0, 255, 85); */
    list-style-type:none;
    text-decoration:none;
    overflow-y: hidden;
    /* margin-right:-5px !important;
    padding-right:0px !important;
    right:0 !important;
    overflow-x: hidden; */
    overflow-x: hidden;
}
.fancy{
    background-color:white;
    padding:20px;

}
.blog_sec{
    padding-top:15%;
    background-image: url("../media/shed.jpg");
    background-size: cover;
    background-color:rgba(255, 255, 255, 0.486);
    /* border:5px solid */
    /* min-width:130vh !important; */
    margin-bottom:200px;
}

.u{
    text-align:center;
    font-size:20px;
}

.scroller{
    padding:0px !important;
    margin-right:-5px !important;
    padding-right:0px !important;
    right:0 !important;
    right:-5px !important;
    max-width:100vw;
}

:root{
    /* --color: linear-gradient(rgb(162, 240, 37), rgb(6, 2, 253), rgb(255, 166, 0));  */
}
.im{
    border-top:2px solid;
    border-image-source: var(--color);
    border-image-slice: 3;
}
.one{
    /* background-color:rgb(82, 82, 82); */
    /* background-image: url('static/media/bng.jpg'); */
    background-image: url("../media/bng.jpg");
    background-size: cover;

}
.item2{
    /* border:1px solid blue; */
    /* font-size:30px; */
    /* margin-left:100px; */
    padding-left:100px;
    padding-right:100px;
    padding-top:25px;
    padding-bottom:25px;
    border:3px solid rgb(255, 255, 255);
    /* border-radius:20px; */
    /* background-color:rgb(102, 102, 102); */


    /* border:2px solid rgb(255, 255, 255); */
 
    color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0);
    /* padding-left:50px; */
    /* padding-right:50px; */
    border-radius: 10px;
    /* text-transform: uppercase; */
    font-size:30px;
    /* min-width:200px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:2%; */
    min-width:500px;
    font-weight:100;
    max-width:400px;
    transition: 0.3s;
    
}

.item2:hover{
    transition: 0.3s;
    border-color:rgba(255, 255, 255, 0);
    /* background-color:rgba(146, 146, 146, 0.404); */
    color:rgb(255, 255, 255);
    box-shadow: 0px 0px 2px 3px rgb(194, 255, 51);
    background-color:rgba(0, 0, 0, 0.198);
 }
 .item2:focus{
    outline: none !important;
    box-shadow: 0px 0px 2px 3px #A3C84A;
  }
  .item2:active{
     box-shadow: 0px 0px 2px 3px #A3C84A;
 }
.al{
  
    /* height:500px; */
    /* border:1px solid green; */
}

.r{
    /* border:2px solid red; */
    margin-top:40px;
}
.cl{
    /* border:10px solid purple;  */
    
}
.cont{
    margin-top:18%;
}

.two{
    background-color:rgb(255, 255, 255);
}

.top_bit{
    /* border:1px solid green; */
    /* margin-top:18%; */
    padding-top:100px;
}
.title{
    font-size:30px;
    color:rgb(0, 0, 0);
    text-align:center;
    font-weight:200;
}
.title-n{
    font-size:40px;
    color:rgb(0, 0, 0);
    text-align:center;
    font-weight:400;
}
.title-n-m{
    font-size:30px;
    color:rgb(0, 0, 0);
    text-align:center;
    font-weight:400;
}
.title2{
    font-size:30px;
    color:rgb(0, 0, 0);
    text-align:left;
}
.title-e{
    font-size:25px;
    color:rgb(0, 0, 0);
    text-align:center;
    font-weight:400;
}
.para{
    font-size:20px;
    color:rgb(0, 0, 0);
    /* text-align:right; */



}
.para3{
    font-size:14px !important;
    
}
.para4{
    font-size:20px;
    color:rgb(0, 0, 0);
    text-align:center;
}
.para2{
    font-size:20px;
    color:rgb(0, 0, 0);
    /* text-align:right; */
}
.image{
    width:500px;
    float:right;
}

.image-2{
    width:500px;
    /* float:right; */
    overflow:hidden;
    text-align:center;
    margin: auto;    
    display: block;
}
.image-3{
    height:350px;
    /* float:right; */
    overflow:hidden;
    text-align:center;
    margin: auto;    
    display: block;
    padding: 0px !important;
    width:100%;
    margin:0px !important;
    box-shadow: 15px 10px 20px 5px rgba(0, 0, 0, 0.164);
}

.h{
    border:1.5px solid rgb(0, 0, 0);
    margin-bottom:20px;
}
.h2{
    border:0.5px solid rgb(0, 0, 0);
    margin-top:40px;
}

.three{
    /* background-color:rgb(126, 126, 126); */
    min-height:120vh !important;
    margin-bottom:200px;
    padding-bottom:100px;
    
}

.center{
    text-align:center;
    width:500px;
    margin-top:20px;
}
.ul{
    color white;
}

.li{
    /* color:white; */
    font-size:20px;
    margin-left:150px;
    font-weight:500;
}
.ul2{
    margin-top:100px;
}
.li2{
    color:rgb(0, 0, 0);
    font-size:20px;
    /* margin-left:150px; */
   
    
}

.ul3{
    margin-top:70px;
}
.li3{
    color:rgb(0, 0, 0);
    font-size:15px;
    text-align:left;
}

.stand{
    width:222px;
    margin-top:70px;
    /* margin-left:-40px; */
}

.second{
    width:400px;
    margin-left:-150px;
    margin-top:70px;
}


.revision{
    margin-top:75px;
}

.title-r{
    font-size:15px;
    color:white;
    margin-bottom:-15px;
    text-align:center;
    text-decoration: underline;
}
.se{
    height:100vh !important;
}
/* .systems_h{
    text-align:center;
    font-size:30px;
}

.item{
    font-size:25px;
    
}
.res{
    

.systems_top{
    margin-top:40px;
    margin-left:10%;
}
.item2{
    list-style-type:none;
    color:black;
}
.item2:hover{
    color:#A3C84A;
}
.systems_img{
    max-width:300px;
}
.res_img{
    max-width:400px;
}
.res_h{
    font-size:25px;
}
.bat_h{
    text-align:center;
    font-size:25px;
}

.zero{
    padding:0 !important;
    margin-bottom:0 !important;
}

.sp_h{
    font-size:25px;
}

 */


.services-title{
    text-align:center;
    font-size:25px;titk
    font-weight:400;
    color:rgba(166, 255, 0, 0.637);
}
.services-title2{
    text-align:center;
    font-size:45px;
    color:white;
}

.green{
    /* border:6px solid rgba(197, 214, 39, 0.89); */
    margin-top:0px;
    margin-bottom:30px;
}
.green-2{
    border:6px solid rgba(231, 231, 231, 0.89);
    margin-top:0px;
    margin-bottom:30px;
}
.bot{
    margin-top:30px;
    
}
.mini{
    
    margin-left:-15vw;
    border:2px solid rgba(197, 214, 39, 0.89);
    padding:20px;
    border-radius: 10px;
    width:35vw;
    max-height:240px;
    font-size:18px;
    /* padding-bottom:30px; */
    /* margin-bottom:10px; */
  
    
}
.mini-2{
    
    /* margin-left:0px; */
    border:2px solid rgba(197, 214, 39, 0.89);
    padding:20px;
    border-radius: 10px;
    width:600px;
    max-height:240px;
    font-size:18px;
    margin-top:50px;
    margin-bottom:75px;
    right:20px;
    /* margin-right:20px; */
    padding-right:20px;
    /* padding-right:100px; */
    /* margin-bottom:350px; */
    /* padding-bottom:30px; */
    /* margin-bottom:10px; */
  
    
}
.mixbox{
    margin-top:50px;
    
}

ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
li.tick {
    background: url('../media/tick.png') no-repeat left top;
    height: 54px;
    padding-left: 44px;
    padding-top: 1px;
    min-width:250px;

    
}

li.tick2 {
    background: url('../media/real-tick.png') no-repeat left top;
    height: 54px;
    padding-left: 44px;
    padding-top: 1px;
    min-width:250px;
    max-width:90vw;
    /* border-image: 1px solid #BFD400; */
    /* border-radius: 50%; */
}
li.tick3 {
    background: url('../media/tick.png') no-repeat left top;
    height: 54px;
    padding-left: 44px;
    padding-top: 1px;
    min-width:250px;
    max-width:90vw;
    font-size:15px;
    margin-left:20px !important;
    /* border-image: 1px solid #BFD400; */
    /* border-radius: 50%; */
}
    
.li{
    margin-left:60px;
}
.td1{
    border:1px solid rgb(197, 197, 197);
    padding-right:8vw;
    padding-top:25px;
    padding-bottom:5px;
   
    
}
.td1-3{
    border:1px solid rgb(197, 197, 197);
    padding-right:3vw;
    padding-top:15px;
    /* padding-bottom:5px; */
    margin-left:40px;
   
    
}
.td1-2{
    border:1px solid rgb(197, 197, 197);
    padding-right:4vw;
    padding-top:25px;
    padding-bottom:5px;
    background-color:rgb(47, 47, 47);
    
}
.tick-btn{
    background-color:rgba(197, 214, 39, 0.89);
    padding-top:20px;
    padding-bottom:20px;
    font-weight:500;
    transition: 0.3s;
    margin-top:10px !important;
    color:black;
    padding-left:35%;
    max-width:487px;
    
}

.tick-btn2{
    background-color:rgba(197, 214, 39, 0.89);
    padding-top:20px;
    padding-bottom:20px;
    font-weight:500;
    transition: 0.3s;
    margin-top:10px !important;
    color:black;
    padding-left:35%;
    
}
.tick-btn:hover{
    color:white;
    /* border:2px solid rgb(109, 109, 109tick3); */
    background-color: rgba(146, 160, 26, 0.89);
    text-decoration: none;
    cursor: pointer;
    
}
.tick-btn2:hover{
    color:white;
    /* border:2px solid rgb(109, 109, 109tick3); */
    background-color: rgba(146, 160, 26, 0.89);
    text-decoration: none;
    cursor: pointer;
    
}

.table1,.tick-btn{
    /* max-width:487px !important; */
    /* padding:0 !important; */
    box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.164);
}
.my_table,.tick-btn2{
    /* max-width:487px !important; */
    /* padding:0 !important; */
    /* padding; */
    /* box-shadow: 30px 0px 20px 5px rgba(0, 0, 0, 0.164); */
}
.col-centered{
    float: none;
    margin: 0 auto;
    
}

.second-img{
    width: 100%;
    height: auto;
    max-width: 100%;
    box-shadow: 10px 10px 20px 5px rgba(0, 0, 0, 0.164);
}
    
}

.second-para{
    /* color:white; */
   
}

.battery-text{
    /* font-size:20px; */
    font-size:1.1rem;
    max-width:200px;

}
.battery-text > span{
    /* font-size:14px; */
    font-size:0.9rem;
    min-width:200px;
}

.second-row-second{
    /* margin-top:10vh; */
    /* margin-right:50px; */
    /* margin-bottom:50px; */
    padding-top:100px;
    padding-bottom:100px;
    padding-right:50px;
}
.battery-col{
    padding-left:0px !important;
}
.bat-img > img{
    float:right;
    
}
    
.top_bit2{
    padding-top:50px;
}

.battery-col{
    /* margin-left:10px; */
    /* box-shadow: 4px 20px 5px rgba(10, 10, 0, 0.164); */
    /* min-width:200px;
    padding:0px;
    max-width:250px; */
}

.bat-text > h1{
    min-width:190px;
}

.bat-text,.bat-img{
    padding:0px;
    padding-right:10px;
}

.bat-img{
    min-width:0 !important;
}


.inside-c{
    color:white;
}
.insi{
    width:400px;
    float:right;
}

.limit{
    max-width:20vw;
}

.left-side{
    /* background-color:red; */

}

.my_table{
    float:right;
    margin-top:160px;
    margin-left:100px;
    /* padding-bottom:20px; */
    margin-bottom:30px;
}

.find-more-col{
    text-align:center;
    
    
}
.find-more{
    text-decoration:none;
    color:black;
    font-size:20px;
    margin-left:-40px;
    text-decoration:underline;
}

.find-more:hover{
    /* text-decoration:none; */
    color:black;
}
.center_me{
    float: none;
    margin: 0 auto;
}

.image-u{
    /* margin-top:0px; */
    margin-left:-60px;
    height:270px;
    box-shadow: 15px 10px 20px 5px rgba(0, 0, 0, 0.164);   
}

.table_more{
   
   
}

.more-row{
    /* border:1px solid black; */
    padding:30px;
}
.more-d{
    /* border:1px solid black; */
    padding:10px;
    font-size:13px;
    padding-left:25px;
    font-weight:500;
}

.c{
    /* height:2px; */
    /* width:2px; */
    /* background-color:green; */
    color:rgba(197, 214, 39, 0.89);
}
.normal{
    color:black;.
}

.my_ul{
    border:1px solid rgba(197, 214, 39, 0.89);
    margin-top:20px;
    margin-right:17px;
    box-shadow: 15px 10px 20px 1px rgba(0, 0, 0, 0.082);  
    border-radius: 3px;
    margin-bottom:20px;
}

.img-c{
    width:100px;
    border-radius:50px;
    /* border:4px solid rgba(78, 78, 78, 0.89); */
}
.sub-col-3,.col-3-title{
    margin:5px;
    

}

.sub-col-4,.col-4-title{
    margin:5px;
    
}

.no-pad{
    padding:0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.row-sep{
    padding:10px;
    border:2px solid rgba(63, 63, 63, 0.24);
    box-shadow: 0px 0px 10px 5px rgba(44, 44, 46, 0.219);
    border-radius:8px;
    margin-bottom:10px;
    min-height:160px;   
    
  
}
.sub-col-1{
    padding-right:2vw;
}
.sub-col-2{
    padding-left:2vw;
}

.cus-btn{
    /* background-color:blue; */
    border:2px solid rgba(182, 199, 28, 0.89);
    background-color:rgba(255, 255, 255, 0);
    padding:3px 15px 3px 15px;
    border-radius: 20px;
}
.cus-btn:focus{
    border:2px solid rgba(182, 199, 28, 0.89);
    background-color:rgba(255, 255, 255, 0);
    padding:3px 15px 3px 15px;
    border-radius: 20px;
    outline:none !important;

}

b{
    font-weight:700;
}

.around{
    border:2px solid black;
    border-radius: 15px;
    padding-top:5px;   
    box-shadow:5px 5px 20px 3px rgba(0, 0, 0, 0.192);
    margin-bottom:15px;
    /* height:40vh;    */
    height:100%;
    min-height:450px;
}
.second-btm{
    margin-bottom:10vh;
}

.big{
    
}

.add-shadow{
    /* -webkit-box-shadow: 10px 10px 45px -15px rgba(128, 128, 128, 0.445);
    -moz-box-shadow: 10px 10px 45px -15px rgba(128, 128, 128, 0.418);
    box-shadow: 0px 0px 5px 5px rgb(0, 0, 0); */
    /* max-width:400px; */
    /* min-width:300px; */
    /* min-height:250px;  */
    border:1px solid rgb(173, 173, 173);
}

.card-text{
    padding-left:5px;
    font-size:14px;
}