/* Whole Website Color Change */


    /* ------Header Nav Hover Color------- */


    #hover-nav-menu:hover{
      color: #1E8ACA !important;
    }

    .navbar-nav .nav-item .nav-link.active{
      color: #1E8ACA !important;
    }

    #btn-bg-nav{
      background: #1E8ACA !important;
    }
    #btn-bg-nav:hover{
      border-color: #1E8ACA !important;
      background: transparent !important;
    } 

    /* ------Carosel Indicator Color-------*/ 

    .carousel-indicators .active{
      background-color: #1E8ACA;
        
    }

    /* ---- Text Color ------*/ 

     #text-color-change{
      color: #1E8ACA !important; 
    }


    /* --------Icons Color------ */

    #icon-color-change{
      color: #1E8ACA;
    }

    #icon-text-hover:hover{
      color: #1E8ACA !important;
    } 

    /* ---------Buttons Color---------- */

     #bg-btn-color-change{
      background-color: #1E8ACA !important;
      border: 2px solid transparent !important;
    }

    #bg-btn-color-change:hover{
      background-color: transparent !important;
      border: 2px solid #1E8ACA !important;
    }

    #btn-text-color-change{
      color: #1E8ACA;
    }

    #btn-text-color-change:hover{
      color: #323334;
    }

    #bg-btn-color-contact{
      background-color: #1E8ACA;
    }

    #bg-btn-color-contact:hover{
      background-color: #1E8ACAcc;
    }

    #bg-btn-message{
      background-color: #1E8ACA;
    }

    #bg-btn-message:hover{
      background-color: #1E8ACAcc;
    }

    /* --------Buttons Outline-------- */

    #btn-outline{
      border-color: #1E8ACA;
    }

    #btn-outline:hover{
      background: #1E8ACA;
    } 

    /* -------Subscribe Button Action------ */

     #btn-subscribe-color-change{
      background-color: #1E8ACA;
    }

    #btn-subscribe-color-change:hover{
      background-color: #323334;
    } 

    /* -----------Box Shadow Color------------ */

     #change-box-shadow-color:hover{
      box-shadow: 0px 0px 16px 0px #1E8ACA !important;
    } 

    /* ----------Overlay Color--------- */

     #bg-parallelogram{
      border-top: 314px solid #1E8ACA;
    } 

    #image-overlay:hover{
      background-color: #1E8ACAcc;
    }

    /* Background Color */

     #bg-color-change{
      background-color: #1E8ACAe6;
    } 

    #subscribe{
      background-color: #1E8ACA;

    }

    /* ---------Border Color---------- */

    #border-color-change{
      border-color: #1E8ACA;
    }

    #triangle-shape-color-change{
      border-top-color: #1E8ACA;
    }

    #card-hover:hover img{
      background-color: #1E8ACA;
    }

    .lg-progress-bar .lg-progress{
      background-color: #1E8ACA !important;
    }
    
    .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
      border-color: #1E8ACA !important;
    }

    .form-group > .input-style:focus{
      border-bottom: 1px solid #1E8ACA;
    }

    /* -----Footer Icons Color---- */

     #link-footer a:hover{
      color: #1E8ACA !important;
    }

    #footer-icons-color-change{
      color: #1E8ACA;
    } 

    @media (max-width: 991px){

      /* --------NavBar Toggle Icon Color Change-------- */
  
      #navbar-toggler-color-change i{
      color: #1E8ACA;
      }
      #navbar-toggler-bg:hover{
      background: #1E8ACA !important;
      }
      #navbar-toggler-bg:hover i{
      color: #ffffff;
      }
      #hover-nav-menu:hover{
      background: #1E8ACA;
      color: #ffffff !important;
      } 
      
  
      }