/*======================navbar css=================================*


.navbar{
    background-color: transparent !important;
    outline: none;
    border:none;
    z-index: 99;
    box-shadow: rgb(100 100 111 / 5%) 0px 98px 54px 61px;
  }
  
       .navbar-brand{
        width: 100px;
        
      }
  
      .scrolled .navbar-brand{
        width: 80px !important;
        display: block !important;
      }
  
  
   .scrolled{
        background-color:#FDF5ED !important; 
         transition: .4s ease-in-out;
         box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
   }
  
   .scrolled.navbar{
      position: fixed;
      top: 0;
      background-color: #FDF5ED !important;
      transition: .4s ease-in-out;
           box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
  
   }
  
  
  .header-fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      transition: all ease 0.3s;
      background-color:white !important;
      animation: fadeInDown .6s linear forwards;
  }
  
  
  .scrolled .navbar-nav .active{
    color: #008aa9 !important;
  }
  
      
  
      .navbar .navbar-nav .active{
        color: #008aa9 !important;
      }
  
      .navbar .navbar-nav > li > a{
        color: #252525 !important;
        font-size: 16px;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
      }
  
  
      .navbar .navbar-nav > li > a:hover{
        color: #008aa9 !important;
        font-size: 16px;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
      }
  
   .scrolled .navbar-nav > li > a{
       color: #252525 !important;
       font-size: 16px;
       font-weight: 600 !important;
       text-transform: uppercase;
       letter-spacing: .3px;
       margin: 0px 10px;
  
   }
  
  
  
   .scrolled .navbar-nav > li > a:hover{
       color: #0a9cd1 !important;
       font-size: 16px;
       font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
  
   }
  
  
   
  
     .navbar .navbar-toggler{
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
     }
  
     .navbar .navbar-toggler .fa{
      color: #0a9cd1 !important;
     }
  .navbar_number a{
    color: #252525;
    font-size: 16px;
    font-weight: 500;
  }
  
  .navbar_number a span{
    color: #008AA9;
    letter-spacing: .3px;
    font-size: 17px;
  }
  
  
  .navbar_number_phone{
    display: none;
  }
  
  .navbar_number_phone a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: #008AA9;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    letter-spacing: .3px;
  }
  
  
  .navbar_number_phone a span{
    color: #fff;
    letter-spacing: .3px;
    font-size: 16px;
  }
  
  
  /*=========================navbar css end=========================*/
  
  
  /*======================navbar css=================================*/


.navbar{
    background-color: transparent !important;
    outline: none;
    border:none;
    z-index: 99;
    box-shadow: rgb(100 100 111 / 5%) 0px 98px 54px 61px;
  }
  
       .navbar-brand{
        width: 100px;
        
      }
  
      .scrolled .navbar-brand{
        width: 80px !important;
        display: block !important;
      }
  
  
   .scrolled{
        background-color:#FDF5ED !important; 
         transition: .4s ease-in-out;
         box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
   }
  
   .scrolled.navbar{
      position: fixed;
      top: 0;
      background-color: #FDF5ED !important;
      transition: .4s ease-in-out;
           box-shadow: rgb(100 100 111 / 10%) 0px 7px 29px 0px;
  
   }
  
  
  .header-fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      transition: all ease 0.3s;
      background-color:white !important;
      animation: fadeInDown .6s linear forwards;
  }
  
  
  .scrolled .navbar-nav .active{
    color: #008aa9 !important;
  }
  
      
  
      .navbar .navbar-nav .active{
        color: #008aa9 !important;
      }
  
      .navbar .navbar-nav > li > a{
        color: #fff !important;
        font-size: 16px;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
      }
  
  
      .navbar .navbar-nav > li > a:hover{
        color: #008aa9 !important;
        font-size: 16px;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
      }
  
   .scrolled .navbar-nav > li > a{
       color: #252525 !important;
       font-size: 16px;
       font-weight: 600 !important;
       text-transform: uppercase;
       letter-spacing: .3px;
       margin: 0px 10px;
  
   }
  
  
  
   .scrolled .navbar-nav > li > a:hover{
       color: #0a9cd1 !important;
       font-size: 16px;
       font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: .3px;
        margin: 0px 10px;
  
   }
  
  
   
  
     .navbar .navbar-toggler{
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
     }
  
     .navbar .navbar-toggler .fa{
      color: #0a9cd1 !important;
     }
  .navbar_number a{
    color: #252525;
    font-size: 16px;
    font-weight: 500;
  }
  
  .navbar_number a span{
    color: #008AA9;
    letter-spacing: .3px;
    font-size: 17px;
  }
  
  
  .navbar_number_phone{
    display: none;
  }
  
  .navbar_number_phone a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: #008AA9;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    letter-spacing: .3px;
  }
  
  
  .navbar_number_phone a span{
    color: #fff;
    letter-spacing: .3px;
    font-size: 16px;
  }
  
  
  /*=========================navbar css end=========================*/