*{
    box-sizing: border-box;
    margin:0;
    padding:0;
    font-family: "Open Sans", sans-serif;
    font-family: "Albert Sans", sans-serif;
}

body{
    background-color:#fff;
}
 
html{
    height:15px;
}

.scroll {
    width: 50px;
    height: 50px;
    background-color:#4AAB3D;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index:200;
    border-radius: 100%;
}

.scroll i {
    color: #000;
    font-size: 1.5rem;
    margin: 12px 15px;
}

.scroll i {
    color:#ffff;
}

.whatsapp {
    width: 50px;
    height: 50px;
    background-color:#32cc24;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index:200;
    border-radius: 100%;
}

.whatsapp i {
    color: #fff;
    font-size: 1.5rem;
    margin: 12px 15px;
}
 
.flex-box{
    display:flex;
    justify-content:flex-start;
}

.flex{
   display: flex;
   flex-direction: row;
}

body{
    padding-bottom: 0;
}

/*Navbar starts here*/

.first-part{
    width:100%;
}

#my-navigation{
    width:100%;
    padding: 0;
    position:fixed;
    z-index:200;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

#my-navigation ul{
    margin-left:0rem;
}

#my-navigationl li{
    font-size:1rem;
    color:#000000;
    font-weight: 600;
}

.nav-item{
    margin-left:1.5rem;
}

#my-navigation ul li a:hover{
    color:#3EC775;
}

#my-navigation ul .active{
    color:#3EC775;
}
 
.navbar-brand{
    padding:0.7rem 3.5rem;
}
  
#yourbutton{
    position:relative;
    left:1rem;
}
 
.modal-body input{
    border:1px solid #4AAB3D;
}

.modal-body label{
    margin-top:1rem;
    margin-bottom:1rem;
}

#yourbutton{
    position:relative;
    bottom:0.5rem;
}
  
#submitbutton{
    margin-top:1rem;
    margin-bottom:1rem;
    text-align: center;
    border:none;
    background-color: #3EC775;
    color:#fff;
    padding:0.8rem 2rem;
    /*margin-left:75%;*/
    border-radius: 0.5rem;
    margin-top:2rem;
}

.form-select{
    border:1px solid #3EC775;
}

/*Navbar ends here*/

/*Wrapper Starts here*/

.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: white;
  left: 30px;
  top: 50%;
  transform: translateY(-30%);
}  

.hero-content .more {
    padding:0.7rem 2rem;
    border:none;
    font-family: "Open Sans", sans-serif;
    border-radius: 5rem;
    font-size: 1.3rem;
    background-color: #32C36C;
    color:#fff;
    margin-top:2rem;
}

.mycarousel{
    width:100%;
    padding:0;
    overflow: hidden;
}

.mycarousel .first{
    background-image: url(../img/carousel-1.jpg);
    height:120vh;
}

.mycarousel .second{
    background-image: url(../img/carousel-2.jpg);
    height:120vh;
}

.mycarousel .third{
    background-image: url(../img/carousel-3.jpg);
    height:120vh;
}

.carousel-image{
    height:120vh;
    width:100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.mycarousel .wrapper{
    width:75%;
    margin:0 auto;
    position:absolute;
    top:18rem;
    left:10rem;
    z-index:100;
    color:#fff;
}

.mycarousel .wrapper .more{
    padding:0.7rem 2rem;
    border:none;
    font-family: "Open Sans", sans-serif;
    border-radius: 5rem;
    font-size: 1.3rem;
    background-color: #32C36C;
    color:#fff;
    margin-top:2rem;
}

#button{
    height:50vh;
    margin-top:12rem;
}

#button2{
    height:50vh;
    margin-top:12rem;
    margin-right: -3rem;
    background: none;
}

.mycarousel .wrapper h1{
    font-size: 4.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 800;
}

.mycarousel .wrapper p{
    font-size: 1.3rem;
    font-weight: 700;
    word-spacing: 0.4rem;
    margin-top: 0.5rem;
}


/*Wrapper ends here*/


/*Seconds-part Starts here*/


.second-part{
    width:100%;
    padding-top:3rem;
    padding-bottom:6rem;
}

.second-part .inner h1{
    font-size: 3rem;
    font-weight: 500;
    margin-left:5rem;
    margin-bottom:2rem;
}

.second-part .inner i{
    position: relative;
    top:3.8rem;
    background-color: #32C36C;
    padding:1.3rem;
    border-radius: 100%;
    color:#fff;
}

.second-part .inner h3{
    font-size: 1.4rem;
    font-weight: 900;
    margin-bottom:1rem;
}

.second-part .inner p{
    color:#8A9B9B;
    font-size:1.3rem;
}


/*Third-part Starts here*/



.third-part{
    width:100%;
    padding-left:0rem;
    background-color: #F6F7F8;
}

.third-part .content{
    width:100%;
}

.third-part img{
    width:100%;
    padding:0;
    height:120vh;
}

.third-part .right{
    width:100%;
    background-color: #F6F7F8;
}

.third-part .inner span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.third-part .right .inner{
    padding:5rem 0;
    padding-left:3rem;
}

.third-part .inner h1{
    font-size: 3.3rem;
    font-weight: 700;
    color:#1A2A36;
    margin-bottom:1.5rem;
    margin-top:1rem;
    font-family: "Roboto", sans-serif;
}

.third-part .inner p{
    color:#8A9B9B;
    font-size:1.3rem;
}

.third-part .inner i{
    background-color: #32C36C;
    color:#fff;
    padding:0.3rem;
    border-radius: 100%;
    font-size: 1rem;
    margin-right:1.5rem;
}

.third-part .inner .more{
    padding:1rem 2rem;
    border:none;
    font-family: "Open Sans", sans-serif;
    border-radius: 5rem;
    font-size: 1.5rem;
    background-color: #32C36C;
    color:#fff;
    margin-top:2rem;
}


/*fourth-part Starts here*/



.fourth-part{
    width:100%;
    padding:3rem 0;
}

.fourth-part .title{
    padding:3rem 0;
    width:80%;
    margin:0 auto;
}

.fourth-part .title p{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.fourth-part .title h1{
    color: #1A2A36;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.fourth-part .top{
    width:100%;
}

.fourth-part .bottom{
    width:100%;
}

.fourth-part img{
    width:100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.fourth-part .first .top{
    border-radius:1rem;
    margin-bottom:2rem;
    background-color: #F6F7F8;
}

.fourth-part .second .bottom{
    border-radius:1rem;
    margin-bottom:2rem;
    background-color: #F6F7F8;
}

.fourth-part .first .top .content{
    padding-bottom:2rem;
    padding-left:1rem;
    padding-right:1rem;
}

.fourth-part .second .bottom .content{
    padding-bottom:2rem;
    padding-left:1rem;
    padding-right:1rem;
}

.fourth-part .social img{
    width:20%;
    background-color:#32C36C;
    padding:0.5rem;
    border-radius:50%;
    position:relative;
    top:-2.5rem;
}

.fourth-part .first h3{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.fourth-part .second h3{
    font-size: 1.5rem;
    font-weight: 700;
}

.fourth-part .first p{
    color:#8A9B9B;
    font-size:1.3rem;
}

.fourth-part .second p{
    color:#8A9B9B;
    font-size:1.3rem;
}

.fourth-part .first a{
    color:#32C36C;
    font-size:1rem;
    text-decoration: none;
    font-weight: 700;
}

.fourth-part .second a{
    color:#32C36C;
    font-size:1rem;
    text-decoration: none;
    font-weight: 700;
}

.fourth-part .first a:hover{
    color:#289C56;
}

.fourth-part .second a:hover{
    color:#289C56;
}



/* Testimonial part starts here */

.testimonial{
    width:100%;
    padding:3rem 0;
    background-color: #fff;
    margin-top:2rem;
}

.testimonial .inner{
    width:82%;
    margin:0 auto;
}

.testimonial h3{
    width:80%;
    margin:0 auto;
    font-size: 2rem;
    margin-bottom:2rem;
    font-weight: 700;
}

.testimonial .owl-theme{
    width:100%;
}

.testimonial .item img{
    width:80%;
}



/*fifth-part Starts here*/



.fifth-part{
    width:100%;
    background-color: #F6F7F8;
}

.fifth-part .inner{
    margin-top:3rem;
}

.fifth-part .inner .right{
    width:100%;
    padding-right:0;
}

.fifth-part .inner .right img{
    width:100%;
    margin-left:0.6rem;
}

.fifth-part .flex-box{
    display: flex;
    justify-content: space-between;
}

.fifth-part .left{
    padding-left:6rem;
    padding-top:4rem;
    padding-bottom:4rem;
    padding-right:2.5rem;
}

.fifth-part .left span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.fifth-part .left h3{
    color: #1A2A36;
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom:2rem;
    margin-top:1rem;
}

.fifth-part .left p{
    color:#8A9B9B;
    font-size:1.3rem;
}

.fifth-part .first span{
    font-size:1.3rem;
     color:#000000;
     font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:2rem;
}

.fifth-part .second span{
    font-size:1.3rem;
    color:#000000;
    font-weight: 700;
    margin-left:1.5rem;
    position:relative;
    top:-2px;
    left:2rem;
}

.fifth-part .first i{
    margin-right:1rem;
    background-color: #289C56;
    color:#fff;
    padding:0.8rem;
    border-radius:100%;
    position:relative;
    top:1rem;
}

.fifth-part .second i{
    margin-right:1rem;
    background-color: #289C56;
    color:#fff;
    padding:0.8rem;
    border-radius:100%;
    position:relative;
    top:1rem;
}


/*Sixth-part starts here*/


.sixth-part{
    width:100%;
    padding:3rem 0;
}

.sixth-part .title{
    padding:3rem 0;
    width:65%;
    margin:0 auto;
}

.sixth-part .title h3{
    font-size:2rem;
    font-weight: 700;
    color:#3EC775;
}

.sixth-part .title p{
    color: black;
    font-size: 1rem;
}

.sixth-part .title h1{
    color: #1A2A36;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom:2rem;
}

.sixth-part .title ul{
    margin-left:5rem;
}

.sixth-part .title ul li{
    list-style-type: none;
    margin-left:1.8rem;
    font-size: 1rem;
}

.sixth-part .title ul li:hover{
    border-bottom:2px solid #32C36C;
    color:#32C36C;
    transform: 0.5s ease all;
    cursor: pointer;
}

.sixth-part .title ul .main{
    color:#32C36C;
    border-bottom:2px solid #32C36C;
}

.sixth-part .top{
    width:100%;
}

.sixth-part .bottom{
    width:100%;
}

.sixth-part img{
    width:100%;
    border-radius: 1rem;
    height:100%;
}

.sixth-part .top .content{
    margin-bottom:2rem;
}

.sixth-part .top .img-content{
    margin-bottom:2rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.sixth-part .top  .image{
    overflow: hidden;
    border-radius:1rem;
}

.sixth-part .bottom .img-content{
    margin-bottom:2rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.sixth-part .top .content .image::before{
    content:'';
    background-color:rgba(0, 0, 0, 0.7);
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform: scalex(0);
}

.sixth-part .bottom .content .image::before{
    content:'';
    background-color:rgba(0, 0, 0, 0.7);
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform: scaleX(0);
}

.sixth-part .top .content:hover .image::before{
    transition: 0.5s ease all;
    transform: scalex(1);
}

.sixth-part .bottom .content:hover .image::before{
    transition: 0.5s ease all;
    transform: scalex(1);
}

.sixth-part .hover-content i{
    color:#fff;
    padding:1rem;
    border:1px solid #fff;
    border-radius:100%;
    font-size: 1rem;
}

.sixth-part .hover-content .social{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    margin-top:5rem;
    visibility: hidden;
}

.sixth-part .hover-content .social i{
    margin-right:0.5rem;
}

.sixth-part .top .content:hover  .hover-content .social{
    visibility: visible;
}


.sixth-part .bottom .content:hover  .hover-content .social{
    visibility: visible;
}

.sixth-part .top .content .ease{
    padding-top:1rem;
}

.sixth-part .top .content .ease p{
    color:#32C36C;
    border-bottom:1px solid #32C36C;
    display: inline;
    font-size: 1rem;
    padding-bottom:0.3rem;
}

.sixth-part .top .content h4{
    font-size: 1rem;
    margin-top:1.5rem;
    
    line-height:1.6rem;
}

.sixth-part .bottom .content{
    margin-bottom:2rem;
}

.sixth-part .bottom .content .ease{
    padding-top:1rem;
}

.sixth-part .bottom .content .ease p{
    color:#32C36C;
    border-bottom:1px solid #32C36C;
    display: inline;
    font-size: 1rem;
    padding-bottom:0.3rem;
}

.sixth-part .bottom .content h4{
    font-size: 1rem;
    margin-top:1.5rem;
    
    line-height:1.6rem;
}


/*Seventh-part starts here*/


.seventh-part{
    width:100%;
    padding-left:0rem;
    background-color: #F6F7F8;
}

.seventh-part img{
    width:100%;
    padding:0;
}

.seventh-part .right{
    width:100%;
    background-color: #F6F7F8;
    padding:2rem 0;
    padding-right:5rem;
}

.seventh-part .inner span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.seventh-part .right .inner{
    padding:3rem 0;
    padding-left:3rem;
}

.seventh-part  .inner h1{
    font-size: 2.5rem;
    font-weight: 700;
    color:#1A2A36;
    margin-bottom:1.5rem;
    margin-top:1rem;
    font-family: "Roboto", sans-serif;
}

.seventh-part  .inner p{
    color:#8A9B9B;
    font-size:1rem;
    margin-bottom:2rem;
}

.seventh-part .inner i{
    background-color: #32C36C;
    color:#fff;
    padding:0.3rem;
    border-radius: 100%;
    font-size: 1rem;
    margin-right:1.5rem;
}

#myname{
    width:43%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-right:1rem;
}

input::placeholder{
    margin-left:1rem;
}
 

#myemail{
    width:43%;
    display: inline-block;
    border:none;
    padding:1rem 0;
}

#mynum{
    width:43%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
    margin-right:1rem;
}

#myoption{
    width:43%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
}

#mybutton{
  width:10rem;
  height:4rem;
  border-radius: 5rem;
  background-color: #32C36C;
  border:none;
  font-size: 1.3rem;
  color:#fff;
}

.cnumber{
      width:43%;
    display: inline-block;
    border:none;
    padding:1rem 0;
    margin-top: 1rem;
    margin-right:1rem;
}

#message{
    margin-top:2rem;
    width:92%;
    border:none;
}


/*Eight-part Starts here*/



.eight-part{
    width:100%;
    padding:0;
}


.eight-part .title{
    padding:3rem 0;
    width:80%;
    margin:0 auto;
}

.eight-part .title span{
    color: #32C36C;
    font-size: 1.3rem;
    font-weight: 800;
}

.fourth-part .title h1{
    color: #1A2A36;
    font-size: 2.8rem;
    font-weight: 700;
}
 
.eight-part .content .left{
    background-color: #F6F7F8;
    position: relative;
    padding-bottom:1rem;
    border-radius: 1rem;
}

.eight-part .content .middle{
    background-color: #F6F7F8;
    position: relative;
    padding-bottom:1rem;
    border-radius: 1rem;
}

.eight-part .content .right{
    background-color: #F6F7F8;
    position: relative;
    padding-bottom:1rem;
    border-radius: 1rem;
}

.eight-part .content img{
    width:70%;
    border-top-right-radius: 4rem;
}

.eight-part .social{
    display: flex;
    flex-direction: column;
    padding:0 2rem;
    position: absolute;
    top:25%;
    right:0;
}

.eight-part .social i{
    padding:1rem;
    background-color:#fff;
    margin-top:1rem;
    border-radius: 100%;
    border:1px solid #3EC775;
    color:#3EC775;
    font-weight: bold;
}

.eight-part .social i:hover{
    color:#fff;
    background-color:#3EC775;
}


.eight-part .content h4{
    font-size: 1.1rem;
    margin-top:1rem;
    margin-left:1rem;
    font-weight: 700;
}

.eight-part .content p{
    font-size: 1.1rem;
    margin-left:1rem;
    color:gray;
    margin-bottom:1.5rem;
}


/*Nineth-part starts here*/



.ninth-part{
    width:100%;
    background-color: #FAFAFA;
    padding:5rem 0;
    position: relative;
}

.ninth-part .inner{
    width:100%;
    padding:0 6%;
}

.ninth-part .item{
    width:100%;
    background-color: none;
}

.ninth-part .item img{
    width:30%;
    border-radius: 100%;
    margin-left:6.5rem;
    margin-bottom:1rem;
}

.ninth-part .item p{
    font-size: 1rem;
    line-height:1.5rem;
    color:gray;
    margin-bottom:1rem;
    margin-right:1.5rem;
}

.ninth-part .item h4{
    font-size: 1.1rem;
    margin-top:1rem;
    font-weight: 700;
    color:#1A2A36;
    text-align: center;
    margin-right:1.5rem;
}

.ninth-part .item .para{
    font-size: 1rem;
    line-height:1.5rem;
    color:gray;
    margin-bottom:1rem;
    margin-right:1.5rem;
    text-align: center;
}

.ninth-part .item .content{
    width: 100%;
    background-color: #fff;
    padding:2rem;
    margin-top:2rem;
}
  
.ninth-part .owl-prev, .ninth-part .owl-next{
    position:absolute;
    top:10%;
    font-size:2rem !important;
    color: #3EC775 !important;
    background: none !important;
}

.ninth-part .owl-next{
    right:0;
}

.ninth-part .owl-prev{
    left:0;
    cursor:pointer !important;
    color: #3EC775 !important;
    background: none !important;
}

.ninth-part .inner span{
    color: #32C36C;
    font-size: 1rem;
    font-weight: 800;
}

.ninth-part .inner h1{
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom:4rem;
}


/*Footer-part starts here*/

.footer-part{
    width:100%;
    background-color: #1A2A36;
    padding-bottom:3rem;
    padding-top:7rem;
}

.footer-part .inner{
    width:90%;
    margin:0 auto;
}

.footer-part img{
    width:30%;
    border-radius: 0.5rem;
}

.footer-part .top{
    margin-bottom:0.5rem;
}

.footer-part .social i{
    padding:0.7rem;
    border:1px solid #8A9B9B;
    color:#8A9B9B;
    background: none;
    border-radius:100%;
    transition:0.3s ease;
}

.footer-part .social i:hover{
    background-color: #ffff;
    color:#3EC775;
}

#button-addon{
    background-color: #4AAB3D;
}

.footer-part h3{
    font-size:1.3rem;
    color:#fff;
    margin-bottom:1.5rem;
}

    
.footer-part p{
    color:#8A9B9B;
    font-size:1rem;
}

.footer-part hr{
    background-color:#8A9B9B;
    width:100%;
    height:1px;
    margin-top:4rem;
    margin-bottom:1.5rem;
}

.footer-part .footer-content ul li{
    list-style-type: none;
    color:#8A9B9B;
    font-size:1rem;
    margin-top:1rem;
    transition:0.2s ease;
}

.footer-part .footer-content ul li a:hover{
    color:#fff;
    font-weight: 700;
    transform: skew(2);
}

.footer-part .footer-content ul{
    position:relative;
    left:-1.7rem;
}
 
.footer-part .footer-content ul li a{
    text-decoration: none;
    color:#8A9B9B;
}

.inquiry{
    padding:0.5rem 1rem;
    border:1px solid #14532D;
    background-color:#198754;
    color: #ffff;
    border-radius:5px;
    transition: 0.3s ease;
    margin-top:3.5rem;
    margin-left:1rem;
    margin-bottom:1rem;
    font-size: 1rem;
    font-weight: 500;
}

.inquiry i{
    font-size: 0.8rem;
}

.fbutton{
    margin-bottom:1rem;
}

.inquiry:hover{
    background: none;
    color:#fff;
}

.footer-part a{
    text-decoration: none;
    color: white;
}


/* --------------------ABOUT US PAGE starts here---------------*/


/*Breadcrumb starts here*/


#aboutpages{
    position:absolute;
    top:25%;
    left:35%;
}
 

.library a{
    text-decoration: none;
    color:#fff;
}

.pages{
    background-image:url(../img/carousel-1.jpg) ;
    width:100%;
    height:50vh;
    background-position:right center;
    background-size: cover;
    color:#fff;
}

.pages .active{
    margin-left:7rem;
}

.pages h1{
    font-weight: 800;
    font-size: 3.5rem;
    font-family: "Roboto", sans-serif;
    color:#fff;
    margin-bottom:1rem;
}
 

/*about-pg-1 starts here*/



.about-pg-1{
    width:100%;
    margin-top:4rem;
}

.about-pg-1 img{
    width:100%;
}

.about-pg-1 .inner{
    padding:3rem 0;
}

.about-pg-1 .inner span{
    color:#fff;
    background-color: #4AAB3D;
    padding:0.5rem;
    border-radius:0.5rem;
    font-size:1rem;
    font-weight:600;
}

.about-pg-1 .inner h4{
    padding:0.5rem;
    font-size:1rem;
    font-weight:600;
    color: #4AAB3D;
}

.about-pg-1 .inner h1{
    font-size:3rem;
    font-weight:800;
    color:#1F1F25;
    margin-top:1.5rem;
    margin-bottom:2rem;
}

.about-pg-1 .inner .right .goal{
    padding:0.6rem 2rem;
    border:none;
    background-color: #4AAB3D;
    color:#fff;
    border-radius:5px;
    margin-bottom:2rem;
}

.about-pg-1 .inner .right .goal2{
    padding:0.6rem 2rem;
    border:1px solid #000000;
    background: none;
    border-radius:5px;
    margin-bottom:2rem;
    margin-left:2rem;
}

.about-pg-1 .inner .right .goal2:hover{
    background-color: #4AAB3D;
    color:#fff;
    border:1px solid #4AAB3D;
    transition: 0.5s ease all;
}

.about-pg-1 .inner .right .goal3{
    padding:0.6rem 2rem;
    border:1px solid #000000;
    background: none;
    border-radius:5px;
    margin-bottom:2rem;
    margin-left:2rem;
}

.about-pg-1 .inner .right .goal3:hover{
    background-color: #4AAB3D;
    color:#fff;
    border:1px solid #4AAB3D;
    transition: 0.5s ease all;
}

.about-pg-1 .inner .right {
    padding-left:3rem;
}

.about-pg-1 .inner .right p{
    font-size:1rem;
    color:black;
    line-height:2rem;
}

.about-pg-1 .inner .right img{
    width:20%;
    border-radius:2rem;
    margin-right:3rem;
}

.about-pg-1 .inner .right ul{
    margin-top:1.5rem;
}

.about-pg-1 .inner .right ul li{
    font-size: 1rem;
    font-weight: 500;
}

.about-pg-1 .inner .right .img-list{
    margin-bottom:1.5rem;
}

.more-bt{
    width:12rem;
    height:3.5rem;
    border:none;
    background-color: #1F1F25;
    color:#ffff;
    border-radius:2rem;
    margin-top:1rem;
    position: relative;
    z-index:100;
    overflow: hidden;
}

 
.about-pg-1 h5{
    color:#fff;
    font-size:1rem;
    font-weight:500;
    margin-top:0.3rem;
}

.about-pg-1 h5::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform: scalex(1);
    background-color: #4AAB3D;
    z-index:-100;
}

.about-pg-bottom .inner{
    width:100%;
}

.more-bt:hover h5::before{
    transform: scalex(0);
    transition: 0.5s ease;
}

.more-bt i{
    margin-left:1rem;
}



/*about-pg-2 starts here*/



.about-pg-2{
    width:100%;
    background-color:#F6F6F6 ;
    padding-bottom:5rem;
}

.about-pg-2 .inner{
    padding:0 3%;
}

.about-pg-2 .inner .title{
    padding:5rem 0;
}

.about-pg-2 .inner img{
    width:100%;
    border-radius: 1rem;
}

.about-pg-2 .inner .line hr{
    width:10%;
    position: relative;
    top:1.8rem;
}

.about-pg-2 .inner .line p{
    margin-left:5rem;
    color: #4AAB3D;
    font-size:1rem;
}


.about-pg-2 .image-text {
    width:100%;
    position: relative;
}

.about-pg-2 .image-text h2{
    font-family: "Albert Sans", sans-serif; 
    font-weight: 800;
    background-color: #fff;
    display: inline-block;
    padding:1.5rem 2rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius:0.5rem;
    position:absolute;
    bottom:1.3rem;
    left:0;
    z-index:100;
}


.about-pg-2 .inner .title h2{
    font-size:2rem;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
}

.about-pg-2 .inner .right{
    width:80%;
    margin:0 auto;
    padding:2rem;
    margin-top:7rem;
}

.about-pg-2 .image-text h4{
    margin-top:2rem;
    font-size:1.5rem;
    font-weight:900;
}

.about-pg-2 img:hover{
    transform: scale(1.1);
    transition:  all 0.5s ease-in-out;
    border-radius: 1rem;
}

.zoom{
    overflow: hidden;
    border-radius: 1rem;
}


/* --------------------ABOUT US PAGE ends here---------------*/


/* --------------------Service PAGE starts here---------------*/




/*service-pg-1 starts here*/



.service-pg-1{
    width:100%;
    padding:6rem 0;
}

.service-pg-1 h1{
    font-size:2.5rem;
    margin-bottom:3rem;
}

.service-pg-1 p{
    font-size:1.1rem;
    text-align:left;
    line-height:2rem;
}

.service-pg-1 ul li{
    font-size:1.1rem;
    text-align: left;
    list-style-type: none;
    line-height:2rem;
}

.service-pg-1 ul{
    position:relative;
}

.service-pg-1 ul .first::before{
    content:'';
    width:0.9rem;
    height:0.9rem;
    background-color: #4AAB3D;
    border:none;
    position: absolute;
    bottom:6.5rem;
    left:0;
}

.service-pg-1 .right ul .second::before{
    content:'';
    width:0.9rem;
    height:0.9rem;
    background-color: #4AAB3D;
    border:none;
    position: absolute;
    bottom:4.5rem;
    left:0;
}

.service-pg-1 ul .third::before{
    content:'';
    width:0.9rem;
    height:0.9rem;
    background-color: #4AAB3D;
    border:none;
    position: absolute;
    bottom:2.5rem;
    left:0;
}

.service-pg-1 ul .fourth::before{
    content:'';
    width:0.9rem;
    height:0.9rem;
    background-color: #4AAB3D;
    border:none;
    position: absolute;
    bottom:0.5rem;
    left:0;
}

.service-pg-1 .left{
    width:75%;
    margin:0 auto;
    margin-right:4rem;
}


.service-pg-1 .right{
    margin-top:3.5rem;
}

.service-pg-1 .img-content{
    width:100%;
}

.service-pg-1 .img-content .image{
    width:100%;
    margin-top:2rem;
    margin-bottom:2rem;
}

.service-pg-1 .img-content .image img{
    width:100%;
}
 
.service-pg-1 .img-content h2{
    text-align: left;
    margin-bottom:1rem;
    font-size:2.5rem;
    font-weight: 600;
}

.service-pg-1 .img-content .para1{
    font-size:1.1rem;
    line-height:2rem;
}

.service-pg-1 .img-content .para2{
    font-size:1.1rem;
    line-height:2rem;
    margin-top:2rem;
}

.service-pg-1 .content .social{
    display:block;
    flex-direction: column;
    position:relative;
    overflow: hidden;
}

.service-pg-1 .content .social i{
    font-size:4rem;
    color:#4AAB3D;
    margin-bottom:1rem;
    margin-top:1rem;
}

.service-pg-1 .content .social .myicon1{
    transform: translateY(0%);
    margin-left:3.5rem;
}


.service-pg-1 .content .social .myicon2{
    transform: translateY(125%);
    position:relative;
    right:4rem;
}
 
.service-pg-1 .content:hover .social .myicon2{
    transform: translateY(-20%);
    transition:0.4s ease;
}

.service-pg-1 .content:hover .myicon1{
    transform: translateY(-130%);
    transition:0.4s ease;
}

.service-pg-1 .content h4{
    font-size:1.4rem;
}

.service-pg-1 .title h2{
    font-size:2rem;
    margin-top:2rem;
}

.service-pg-1 .title h3{
    font-size:1.8rem;
    font-weight:700;
}

.service-pg-1 .content{
    padding:3rem 0;
}

/*service-pg-2 starts here*/



.service-pg-2{
    width:100%;
}

.service-pg-2 .inner{
    width:100%;
    padding:4rem 0;
}

.service-pg-2 .inner h1{
    font-weight:800;
    font-size:2rem;
    margin-bottom:4rem;
    z-index:200;
    position:relative;
}

.service-pg-2 .inner h4:hover{
    text-decoration: none;
    color:#4AAB3D;
}

.service-pg-2 .inner h4{
    font-size:1.2rem;
    font-weight: 800;
    z-index:200;
    position:relative;
}

.service-pg-2 .inner p{
    font-size:1.1rem;
    z-index:200;
    position:relative;
}

.service-pg-2 .inner svg{
    margin-bottom:1.5rem;
    z-index:200;
    position:relative;
}

.service-pg-2 .inner .image{
    width:100%;
    height:100%;
    background-position: center top;
    background-size: cover;
    padding:1.5rem;
    border-radius: 1rem;
    background-color: 0, 0, 0, 0.7;
    z-index:200;
}

.service-pg-2 .inner .image:hover .service-pg-2 .inner a{
    color:#fff;
}

.service-pg-2 .inner .box{
    position: relative;
}

.service-pg-2 .inner .first{
    background-image: url(../img/19-1.png);
}

.service-pg-2 .inner .second{
    background-image: url(../img/26-1.png);
}

.service-pg-2 .inner .third{
    background-image: url(../img/27-1.png);
}

.service-pg-2 .inner .fourth{
    background-image: url(../img/28-1.png);
}

.service-pg-2 .inner .first::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: #fff;
    transform: translateY(0%);
}

 

.service-pg-2 .inner .second::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: #ffff;
    transform: translateY(0%);
}


.service-pg-2 .inner .third::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: #fff;
    transform: translateY(0%);
}


.service-pg-2 .inner .fourth::before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: #fff;
    transform: translateY(0%);
}

.box:hover .first::before{
    transform:translateY(-100%);
    transition:0.5s ease;
}
.box:hover .second::before{
   transform:translateY(-100%);
   transition:0.5s ease;
}
.box:hover .third::before{
   transform:translateY(-100%);
   transition:0.5s ease;
}
.box:hover .fourth::before{
   transform:translateY(-100%);
   transition:0.5s ease;
}

.box:hover{
    color:#fff;
}

.box:hover .service-pg-2 .inner p{
    color:#fff;
}

.box:hover .service-pg-2 .inner a{
    color:#fff !important;
}

.box:hover .service-pg-2 .inner svg{
    color:#fff;
}

/* --------------------Service US PAGE ends here---------------*/


/* --------------------CONTACT PAGE starts here---------------*/


#contactpages{
    position:absolute;
    top:25%;
    left:35%;
}

.form-page{
    width:100%;
    background-color: #F6F7F8;
}

.form-page .inner{
    padding:8rem 7%;
}

.form-page .left{
    padding-top:3rem;
    padding-left:2rem;
    padding-right:2rem;
    padding-bottom:4rem;
    border:1px solid #3EC775;
    border-radius:1rem;
}

.form-page .right{
    padding:2rem 2rem;
    border:1px solid #3EC775;
    border-radius:1rem;
}

.form-page .left .para1{
    color:#3EC775;
    font-size:1rem;
    font-weight: 700;
}

.form-page .left h3{
    font-size:2rem;
    font-weight: 700;
    margin-bottom:1rem;
}

.form-page .left .para2{
    font-size:1rem;
}

.form-page .left .para2 span{
    color:#3EC775;
    font-size:1rem;
}

#yourname{
    width:48%;
    display: inline-block;
    margin-bottom:1.8rem;
    margin-top:2rem;
    padding:0.8rem 0;
}


#youremail{
    width:48%;
    display: inline-block;
    margin-bottom:1.8rem;
    padding:0.8rem 0;
    margin-left:2.5%;
    margin-top:2rem;
}

#mysubject{
    width:100%;
    margin-bottom:1.8rem;
    padding:0.8rem;
}

#send{
    width:15rem;
    height:5ch;
    background-color: #3EC775;
    color:#fff;
    border-radius:2rem;
    border:none;
    margin-top:2rem;
}

#send:hover{
    background-color:#51CC82;
}

.form-page .right .para1{
    font-size:1rem;
}

.form-page .right h3{
    font-size:2rem;
    font-weight: 900;
    color:#000000;
}

.form-page .right .para2{
    font-size:1rem;
    font-weight: 800;
}


/* --------------------Our Project PAGE starts here---------------*/

/*buttons starts here*/

.buttons{
    padding-top:3rem;
    width:85%;
    margin:0 auto;
}


#projectpages{
    position:absolute;
    top:25%;
    left:35%;
}

.btn{
    margin-top:1rem;
    margin-right:1.5rem;
}

/*Img-gallery1 starts here*/

.img-gallery1{
    width:100%;
    padding:4rem 0;
}

.img-gallery1 .title h2{
    font-size: 2rem;
}

.img-gallery1 .title p{
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom:3rem;
}

.img-gallery1 .top img{
    width:100%;
    border-radius:1rem;
}

.img-gallery1 .bottom img{
    width:100%;
    border-radius:1rem;
}

.img-gallery1 .top .image1{
    border-radius:1rem;
}

.img-gallery1 .bottom .image1{
    border-radius:1rem;
}

.img-gallery1 .top{
    margin-bottom:2rem;
}

/*Img-gallery1 ends here*/


/*Img-gallery2 starts here*/

.img-gallery2{
    width:100%;
    padding:2rem 0;
}

.img-gallery2 .title h2{
    font-size: 2rem;
}

.img-gallery2 .title p{
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom:3rem;
}

.img-gallery2 .top img{
    width:100%;
    border-radius:1rem;
}

.img-gallery2 .bottom img{
    width:100%;
    border-radius:1rem;
}

.img-gallery2 .top .image1{
    border-radius:1rem;
}

.img-gallery2 .bottom .image1{
    border-radius:1rem;
}

.img-gallery2 .top{
    margin-bottom:2rem;
}

/*Img-gallery2 ends here*/



/*Img-gallery3 starts here*/

.img-gallery3{
    width:100%;
    padding:2rem 0;
}

.img-gallery3 .title h2{
    font-size: 2rem;
    margin-top:2rem;
}

.img-gallery3 .title p{
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom:3rem;
}

.img-gallery3 .top img{
    width:100%;
    border-radius:1rem;
}
 
.img-gallery3 .top .image1{
    border-radius:1rem;
}
 
.img-gallery3 .top{
    margin-bottom:2rem;
}

/*Img-gallery3 ends here*/


/*Img-gallery4 starts here*/

.img-gallery4{
    width:100%;
    padding:2rem 0;
}

.img-gallery4 .title h2{
    font-size: 2rem;
    margin-top:2rem;
}

.img-gallery4 .title p{
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom:3rem;
}

.img-gallery4 .top img{
    width:100%;
    border-radius:1rem;
}
 
.img-gallery4 .top .image1{
    border-radius:1rem;
    margin-top:1.5rem;
}
 
.img-gallery4 .top{
    margin-bottom:2rem;
}

/*Img-gallery4 ends here*/


/*Img-gallery5 starts here*/

.img-gallery5{
    width:100%;
    padding:2rem 0;
}

.img-gallery5 .title h2{
    font-size: 2rem;
    margin-top:2rem;
}

.img-gallery5 .title p{
    font-size: 1rem;
    margin-top:1rem;
    margin-bottom:3rem;
}

.img-gallery5 .top img{
    width:100%;
    border-radius:1rem;
}
 
.img-gallery5 .top .image1{
    border-radius:1rem;
    margin-top:1.5rem;
}
 
.img-gallery5 .top{
    margin-bottom:2rem;
}

.img-gallery5 .top

/*.img-gallery .top .image{*/
/*    width:100%;*/
/*    height:35vh;*/
/*    border-radius:0.5rem;*/
/*    background-position:center center;*/
/*    background-image :url(../img/residential/resi1.jpeg);*/
/*    background-size:cover;*/
/*}*/

/*Img-gallery5 ends here*/


/*------------------Gallery-Page starts Here --------------------*/


/* Img gallary starts here  */


#gallerypages{
    position:absolute;
    top:25%;
    left:35%;
}

.img-gallery{
    width:100%;
}

.img .title h3{
    font-size: 2rem;
    font-weight: 800;
}

.img-gallery .title{
    padding-top: 3rem;
    margin-bottom:2rem
}

.img-gallery .inner{
    width:82%;
    margin:0 auto;
    padding-bottom: 3rem;
}

/*.image-gallery .inner .top .more{*/
/*    border:none;*/
/*    background-color: #FBB80C;*/
/*    padding:0.5rem 1rem;*/
/*    color:#fff;*/
/*    border-radius: 5rem;*/
/*    transition: 0.3s ease;*/
/*    margin-top:1.5rem;*/
/*    margin-left:6rem;*/
/*}

.image-gallery .inner .top .more:hover{
    background-color: #F15E1C ;
/*}*/


/*.image-gallery .inner .bottom .more{*/
/*    border:none;*/
/*    background-color: #FBB80C;*/
/*    padding:0.5rem 1rem;*/
/*    color:#fff;*/
/*    border-radius: 5rem;*/
/*    transition: 0.3s ease;*/
/*    margin-top:1.5rem;*/
/*    margin-left:6rem;*/
/*}*/

/*.image-gallery .inner .bottom .more:hover{*/
/*    background-color: #F15E1C ;*/
/*}*/

.img-gallery .inner .top{
    position: relative;
    margin-bottom:2rem;
}

.img-gallery .inner .bottom{
    position: relative;
}

.img-gallery .inner img{
    width:100%;
    border-radius: 1rem;
}

.img-gallery .inner2 img{
    width:100%;
    margin-bottom:1.5rem;
}


/*==================PM surya ghr ===========*/

  #aboutpages{
    position:absolute;
    top:25%;
    left:35%;
}
 

.library a{
    text-decoration: none;
    color:#fff;
}

.pages{
    background-image:url(../img/breadcrum-1.jpg) ;
    width:100%;
    height:50vh;
    background-position:right center;
    background-size: cover;
    color:#fff;
}

.pages .active{
    margin-left:7rem;
}

#pmpages h1{
    font-weight: 800;
    font-size: 3.5rem;
    font-family: "Roboto", sans-serif;
    color:#fff;
    margin-bottom:1rem;
}
 

#pmpages{
    position:absolute;
    top:25%;
    left:35%;
}
 

/*PM surya starst here */


.surya-pg-1{
    width:100%;
    padding-top:2.5rem;
    padding-bottom:1rem;
}

.surya-pg-1 h2{
    color:#14532D;
    font-size:2rem;
    font-weight:700;
    text-align:center;
}

.surya-pg-1 h4{
    font-size:1.7rem;
    color:#14532D;
}

.surya-pg-1 p{
    font-size:1rem;
}

.mytable{
    padding:1rem;
}

.mytable .title{
    width:70%;
    margin:0 auto;
    padding:1rem 0;
}

.mytable h4{
    font-size:1.7rem;
    color:#14532D;
}

.scheme{
    width:100%;
    padding:1rem 0;
}

.scheme .card{
    border:1px solid #14532D;
    padding:1rem;
}

.scheme .card P{
    font-size: 1rem;
    font-weight:700;
    color:#14532D;
}

.numbered-list {
    list-style-type: none; /* Remove default bullets */
    counter-reset: item;   /* Create a counter named "item" and set it to 0 */
}

.numbered-list li {
    counter-increment: item;  
    margin-bottom: 10px;    
    position: relative;
    font-size:1rem;
}

.numbered-list li::before {
    content: counter(item) ".";  
    position: absolute;         
    left:-1.5rem;          
    font-weight: bold;
}

.scheme .eligible{
    width:100%;
    padding:2rem 0;
    margin-left:0.2rem;
    background-color: rgb(188, 183, 183);
    margin-top:3rem;
    margin-bottom:3rem;
    border:1px solid gray;
}

.scheme .eligible h4{
    font-size:1.7rem;
    color:#14532D;
}

.scheme .eligible .content{
    padding:1rem;
}

.scheme .eligible .content2{
    padding:1rem;
}

.scheme .application{
    width:100%;
    padding:2rem 0;
}

.scheme .application h4{
    font-size:1.7rem;
    color:#14532D;
    margin-bottom:2rem;
    margin-top:2rem;
}

.scheme .application h5{
    font-size:1.3rem;
    color:#14532D;
    margin-bottom:1rem;
    background-color: #F0FDF4;
    display: inline;
    padding:0.8rem 1rem;
    border-bottom:3px solid #14532D;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.scheme .application hr{
    background-color: gray;
    width:100%;
    height:1px;
    position:relative;
    top:-4px;
}

.scheme .application ul{
    margin-left:1rem;
}

.scheme .application ul li{
    list-style: none;
    font-size:1rem;
    margin-top:1rem;
}

.scheme .application p{
    font-size: 1rem;
}

.scheme .application p a{
    text-decoration: none;
    color:#14532D;
    font-weight: 700;
}

.scheme .application span{
    font-weight: 600;
}

#solar-power-plant-img {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 15px;
}

#solar-power-plant-img img {    
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ruler {
    width: 60px;
    height: 5px;
    border-radius: 10px;
    background-color: #157347;
}

.solar-power-card {
    padding: 8px 12px;
    border: 4px solid green;
    border-radius: 15px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(17,92,22,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(17,92,22,1);
box-shadow: 10px 10px 5px 0px rgba(17,92,22,1);
}

.process-steps {
  position: relative;
}

.step {
  padding: 30px;
  background: white;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.step-number {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 40px;
  height: 40px;
  background: green;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.sidebar-card {
  background: white;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

#service-process-container {
    background: whitesmoke;
}

/* Accordion Section */
.accordion-button {
  font-weight: 600;
  color: #fff;
  background-color: green;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: green;
}

.accordion-button::after {
  filter: brightness(0) invert(1);
}

.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 10px;
}

.accordion-body {
  padding: 1.5rem;
  color: #666;
}

.accordion-body li {
  position: relative;
  padding-left: 20px;
}

.accordion-body li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: green;
}


.pm-kusum h4 {
       color: #14532D;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}