body{
    /* background: linear-gradient( #e3ecf0,#c2e4f3); */
    /* background:url(/images/bg_home_svg.png) no-repeat; */
    background: linear-gradient( to right, #ebf1f3,#e1ecf0);
   
   margin: 0;
   padding: 0;
   }
  
   html{
    scroll-behavior: smooth;
   }
  
  
   
   h1,h2,h3,h4,h5,h6,p,ul,li,a,button,table,tr,td,th,span{
      font-family: "Work Sans", sans-serif;
      font-style: normal;
    
  
  } 
  
  /* Header section style Empower logics Home page */
  
  .first-header-col{
      /* background-color: #f6f7fa !important; */
      /* background-color: #004c68; */
      /* background: linear-gradient( #ffffff,#f5f6f7); */
     
  }
  
  .nav-item{
      padding-left: 20px !important;
      font-weight: 400;
  }
  .nav-item-first a{
      padding-left: 5px;
      padding-right: 5px;
      color: #000;
      
  }
  
  .nav-item .login{
    color: #2b2e41; 
    border: 1px solid #2b2e41;
  }
  
  .nav-item .login:hover{
    /* color: #fff;  */
    border: 1px solid #5257af;
  }
  
  
  .nav-item-first a:hover{
      /* background-color: white; */
      border-radius: 3px;
      transform: scale(1.03);
      font-weight: 500;
      color: #5257af;   
  }
  
  @media only screen and (max-width: 500px) {
      .first-header-button{
     margin-right: 3%;
     /* margin-top: 1%; */
      
       }
     }
  
  @media only screen and (max-width: 800px) {
      .second-header-button{
     display: none !important;
      
       }
     }
  
    
  
     @media only screen and (min-width: 1200px) {
      .space-navbar-header{
  
  padding-left: 130px !important;
      
       }
     }
  
     .navbar-brand img{
      height: 45px !important;
      width: 110% !important;
      background-size: cover !important;
     }
  
    
  
     .navbar-brand{
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-left: 50px;
     }
  
  
  
     @media only screen and (max-width: 1200px) {
      .navbar-brand{
   padding-right: 0px !important;
   margin-left: 10px;
  
       }
     }
  
  
     .navbar{
      padding-top: 5px !important;
      padding-bottom: 5px !important;
     }
  
  
     @media only screen and (max-width: 500px) {
      .navbar{
     padding-top: 5px;
     padding-bottom: 0px !important;
       }
     }
  
  
     
  .navbar.sticky {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* background-color: #ffffff80; */
    
    filter: invert(0);
    /* position: sticky; */
    width: 100%;
    z-index: 100;
    /* background:linear-gradient( #ffffff,#f1f6f8); */
    color: #000;
    opacity: 1;
  
  } 


  
  
  
     @media only screen and (min-width: 1000px) {
      .header-offcanvas{
        display: none !important;
       }
     }



     /* ------    slider section style --------- */

     

     @media only screen and (max-width: 1200px){
      .slider-image-col{
         padding-left: 1rem !important;
         padding-right: 1rem !important;
         
       }
     }


     @media only screen and (max-width: 1200px){
      .slider-para-best{
         margin-top: 0px !important;
       }
     }




     /* -----Our services section styles ----------- */

     .our-services .col:hover{
transform: scale(1.03);
transition: 0.5s;
     }



     
/* --owl  carousel slider style home page */

.owl-carousel-1 img{
    height: 60px; 
    border: 1px solid #5bbddb;
   box-shadow: 0.5px 2px 2px 0px #ffffff;
   border-radius: 5px;
   width: 70%;
  }

  
  .owl-carousel-2 img{
    height: 140px; 
    border: 1px solid #5bbddb;
   box-shadow: 0.5px 2px 2px 0px #ffffff;
   border-radius: 5px;
  }
  
   .owl-carousel img {
    display: block;
    width: 100%;
  }
  
  
  .owl-carousel .active:after{
    content: none;
  }



  /* -------Our product styel */

  
  
  
  .our-product .col:hover{
    transform: scale(1.03);
    transition: 0.5s;
         }



















       /*  Footer Section style Empower logics Home Page */

   footer{
    background-color: #25211e;
    background-color: #5257af;
    /* background: linear-gradient(to bottom, #2b2e41,#0e0c0b,#0e0c0b,#3a2c23); */
   }

   footer li{
    list-style-type: none;
    color: white;
    line-height: 1.9;
   }
   footer a{
    text-decoration: none;
   }

  .footer-social-media img{
    margin-left: 5px;
    margin: 3px;
  }