/* *{
    border: 1px solid;
} */

#ab{
    background-color: greenyellow;
    clip-path: polygon(0 0, 93% 0, 77% 158%, 0 98%);



    color: black;
}
#xy{
    width: 100%;
}
#i1{
    background-image:  linear-gradient(rgba(108, 214, 76, 0.858),rgba(104, 237, 99, 0.781),rgba(80, 237, 80, 0.732)),url(../Images/Illustration/bg_3\ \(2\).jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.d1{
    color: greenyellow;
}
.btn-custom{
    margin: -44px ;
    text-decoration: none;
}
.sss{
    margin-left: -100px;
}
#search{
  background-color: white;
}
.carousel-inner{
    position: relative;
}
.view{
    position: absolute;
    
}
.carousel-item img{
    filter: brightness(40%);
}
.btn{
    background-color: greenyellow;
}
.over{
   color: rgb(144, 186, 82);
}
.serv{
    background-color: rgb(174, 231, 90);
    color: white;
    border: none;
    padding: 10px;

}

.serv:hover{
    background-color: white;
    color:rgb(174, 231, 90);
}
.service{
    background-color: white;
}
.service:hover{
    background-color: rgb(174, 231, 90);
    color: white;
}
.eco{
    background-color: greenyellow;
    opacity: 0.5;
    color: rgb(22, 95, 22);
    margin: 10px 0px;
    width: 81px;
    padding: 1px 2px;
}
#bulb{
    height: 200px;
}
.vol{
    color: rgb(121, 164, 57);
    cursor: pointer;
}
.vol:hover{
    background-color: rgb(174, 231, 90);
   color : white;

}

.demo{
    height: 322px;
}
.sm{
    color: rgb(121, 164, 57);
}
.staf{
    color: rgb(121, 164, 57);
}
.person{
    width: 100px !important;
}
.cust{
    margin: -91px 10px 109px 119px;
    color: rgb(121, 164, 57);
}
.prof{
    margin: -119px 0px 0px 103px;
}
.fund{
    color: rgb(121, 164, 57);
    margin: 73px 0px 0px 0px;
    text-decoration: none;
}
.new{
    margin: 0px 0px 0px 56px;
}
.quote{
    background-color: rgb(137, 190, 58);
}
.icon{
    background-color: rgba(104, 237, 99, 0.781);
    color: white;
    border: 2px solid rgba(104, 237, 99, 0.781);
}
.navi{
    text-decoration: none;
    color: white;
}
.camp{
    color: greenyellow;
}


@media only screen and (min-width:768px){

   
    .view{
        top: 164px;
        
    }
    #bulb{
        height: 221px;
    }
   
    .bt{
        margin: 8px 0px 4px 63px;
        
    }
    .bt1{
        margin: -112px 0px -78px 473px;
    }
   
     .pq{
        height: 322px;
    }
    .person{
        width: 67px;
    margin: 29px 0px;
    }
    .cust {
        margin: -121px -70px 98px 95px;
        color: rgb(121, 164, 57);
    }
    .prof {
        margin: -110px 0px 11px 85px;
    }
    #admin{
        height: 224px;
    }
}

@media only screen and (min-width:1200px){

   
    .view{
        top: 374px;
        
    }
    #bulb {
        height: 201px;
    }
    
    .stat{
        font-size: 47px;
    }
    #admin{
        height: 203px;
    }
    .bt{
        margin: 8px 0px 4px 140px;

        
    }
    .bt1{
        margin: -112px 0px -78px 585px;
    }
    .cust {
        margin: -130px -11px 105px 102px;
        color: rgb(121, 164, 57);
    }
    .prof {
        margin: -94px 0px 11px 85px;
    }
  
    
}