html{

    scroll-behavior: smooth;

  }
  .col1{
      background-image: url('../assets/img/domestic-solar-power-system.webp');
      background-size: cover;
      background-position: center center;
      
    
  }
  
    .slick-next:before, .slick-prev:before{
        color: blue;
    }
    
             
  html, body{
    scroll-behavior: smooth;
   }
   
 
    nav ul li::after{
        content: '';
        background:   #B0E0E6;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0;
        
    }
    
    nav ul li: hover{
        
        color: #fff;
    }
    
    nav ul li:hover::after{
        top: 50%;
        opacity:1;
    }
    
    .paragraph{
        color:black;
        font-size:20px;
}
    .back-color{
       background-color:#006DA0;
}
   .title{
       color:white;
       font-size:30px;
   }
   .image{
       width: 100%;
       padding-top: 10px;
   }
   
   .row1{
       margin-top:50px;
       padding-top:50px;
   }
   .bi-1{
       text-align: center; 
       font-size:35px;
   }
   .slot1{
       color:black; 
       text-align: center;
       
   }
   .slot1-img-1{
       width:100%;
   }
   .slot1-img-2{
       width:60%;
   }
   
  .slot4-img-1{
       width:55%;
  }
  
  .h2-color{
      color: black;
  }
  
  
  .get{
      padding-top:10%; 
      padding-bottom:15%;
  }
  .bi-2{
      font-size:20px;
      color: #0096ff;
  }
  .ft{
     background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);

  }
  .ft-cl{
      padding-top:2%;
      padding-bottom:2%;
  }
  .bi-3{
      font-size:28px;
      color: black;
  }
  .bi-4{
       color:black;
       font-size:21px;
  }
  .a{
      color:black; 
      text-decoration: none;
  }
  
  
  /*.client-card{
      width: 100%;
      height: auto;
  }*/