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

.outer{
    max-height:100vh;
    min-height:100vh;
    
    
    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;
    /* background-color:blue; */
}














.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(155, 155, 155);
    
    /* 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 !important;
    
    
}

.item2:hover{
    background-color:rgb(233, 233, 233);
    color:black;
    box-shadow: 0px 0px 2px 3px #A3C84A;
 }
 .item2:focus{
    outline: none !important;
    box-shadow: 0px 0px 2px 3px #A3C84A;
  }
  .item2:active{
     box-shadow: 0px 0px 2px 3px #A3C84A;
 }
.al{
  
   
    
    /* border:1px solid green; */
}
.se{
    /* margin-right:40vw; */
}

.r{
    /* border:2px solid red; */
    margin-top:40px;
    /* width:60vw; */

}
.cl{
    /* border:10px solid purple;  */
    
}
.cont{
    margin-top:22%;;
}

.two{
    background-color:#0084FF;
}

.top_bit{
    /* border:1px solid green; */
    margin-top:10%;
}




.title{
    font-size:30px;
    color:white;
    text-align:center;
}
.title2{
    font-size:30px;
    color:white;
    text-align:left;
}
.titlenew{
    font-size:2.5rem;
    color:rgb(0, 0, 0);
    text-align:center;
}
.para{
    font-size:20px;
    color:white;
    text-align:right;
}
.para4{
    font-size:20px;
    color:white;
    text-align:center;
}
.para2{
    font-size:20px;
    color:white;
    /* text-align:right; */
}
.image{
    width:500px;
    float:right;
}
.h{
    border:1.5px solid white;
    margin-bottom:20px;
}
.hn{
    border:1px solid rgb(0, 0, 0);
    margin-bottom:20px;
}
.h2{
    border:0.5px solid white;
    margin-top:40px;
}

.three{
    background-color:rgb(126, 126, 126);
}

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

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

.ul3{
    margin-top:70px;
}
.li3{
    color:white;
    font-size:15px;
    text-align:left;
}

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

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

.last{
    min-height:100vh;
    background-image: url("../media/fancy.jpg");
    background-size: cover;
    /* background-color:green; */
    /* background-color:blue; */
}
.all{
    margin-top:300px !important;
}

/* .footer-container{
    margin-top:-22vh;
} */


.imm{
    width:200px;
    
    /* border:2px solid green; */
}

.back{
    background-color:grey;
    
}
.new-h{
    /* width:100vh; */
    height:3px;
    background-color:white;
}
.my-3{
    height:0.5px;
    background-color:rgb(145, 145, 145);
    margin-top:20px;
    margin-bottom:40px;
}
.fancy{
    background-color:white;
    border:5px solid rgb(255, 255, 255)
}
.testi{
    margin-top:200px;
}
.cen{
    color:white;
    text-align:right !important;
    
}

.out-b{
    /* margin-left:0 !important;
    margin-right:0 !important; */
   
}
.abs{
   

}
.blog_sec > .card-deck {
    margin-left:auto !important;
    margin-right:auto !important;
}
.blog_sec > .card-deck > .card > .out{
    background-color: rgb(181, 190, 49);
}
.blog_sec > .card-deck > .card > .card-body{
    color:white;
}

.add-shadow{
    -webkit-box-shadow: 10px 10px 45px -15px rgba(128,128,128,1);
    -moz-box-shadow: 10px 10px 45px -15px rgba(128,128,128,1);
    box-shadow: 10px 10px 45px -15px rgba(128,128,128,1);
    /* max-width:400px; */
    
    min-width:150px;
    max-width:300px;
}

.card{
    background-color:unset;
    border:unset;
}
.card-title{
    color:white;
}
.card-body{
    min-height:130px;
}


.feature > .col-3{
    /* border:1px solid red; */
    
}
.feature > .col-3 > .f-con{
    border:1px solid rgb(181, 190, 49); 
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    padding:10px;
    background-color:rgba(42, 42, 42, 0.463);
    /* float:left !important; */
    /* display:flex; */
    justify-content:left;
    box-shadow: -2px 10px 24px 0px rgba(0,0,0,0.53);
}
.feature > .col-3 > .f-con > img{
    max-width:100px !important;
    left:0 !important;
    float:left !important;
    display:flex;
    align-items:;
    justify-content:left;
}
.feature > .col-3 > .f-con > h5{
    font-size:15px;
    
}