/**=======main header======*/
   #main i:hover {
     background-color: #ee6c4d;
   }
   .navbar-collapse  ul li a:hover {
/*      color: black;  */

   }
   .navbar-collapse  ul li a:active {
     color: #ee6c4d; }
   #theme-btn:hover{
   	background-color:#ee6c4d ;
   	color: white;
   }

   #services-section{
   	background-color: #3d5a80;
   }
   #contact-section{
   	background-color: #e0fbfc;
   }

   #subscribe-section{
   	background-color:  #3d5a80;
   }
   #main-footer{
   	background-color: #3d5a80;
   }

   #main-footer a:hover{
    color: #dd617c;
   }

      /*=========about.html=======*/

      /*--------about section----*/
   
  #about-section{
    background-color: rgb(47, 63, 85);
  }
  #feature-item{
    width:100%;
  }
  #feature-item i{
    color: white;
    font-size:66px ;
  }
  #testimonial-three-wrap{
    background-color: #435e81;
  }
   .contact-info-item i{
     color: #454545 ;
   }

  .contact-info-item:hover{
    background-color: #3d5a80;  
  }
  .contact-info-item:hover i {
    color: white;
  }
  .contact-info-item:hover h5 {
    color: white;
  }
  .contact-info-item:hover p {
    color: white;
  }

  .service-three-item h4 a:hover{
    color:blue ;
  }
   .service-three-item h5 a:hover{
    color:blue ;
  }
  #service-normal .icon i {
    color: #ee6c4d;
  }
   #service-normal:hover .icon i {
    color:#3D5A80;
  }
  #service-normal h3{
    color: #1d2c38;
  }
  #service-normal #service-btn{
    width: 100%;
    justify-content: center;
    background-color: #ee6c4d ;
    color: black;
    margin-left: auto;
  }
  #service-normal #service-btn:hover{
    color: white;
  }
  .pricing-plan h2{
    color: #ee6c4d  ;
  }
  .logo-image img{
    max-width: 70%;
  }
  .about-content .list-style-one li:before{
    color: white;
    font-size: 14px;
    content: "\f00c";
    font-weight: 600;
    margin-top: -3px;
    margin-right: 8px;
    width: 30px;
    height: 30px;
    background: #3d5a80;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
  }

  @media screen and (max-width: 768px) { /* Adjust breakpoint as needed */
    .mobile-logo {
      width: 16% !important;
    }
  }