:root{  /* navbarBelow */
--navbarAbove-text-color:#333333;--navbarAbove-bg-color:#f8f9fa;  /* navbarBelow */--navbarBelow-text-color:#fff;--navbarBelow-bg-color:#333333;--navbarBelow-hover-bg-color:rgba(255,255,255,0.1);--navbarBelow-btn-text-color:#fff;--navbarBelow-btn-bg-color:#6565e5;--navbarBelow-toggleBtn-color:#fff;  /* footer */--footer-bg-color:#05162c;--footer-heading-color:#fff;--footer-text-color:#fff;--footer-links-color:#fff;--footer-links-hover-color:#fff;--footer-bottom-bottom-bg-color:#000;--footer-bottom-text-color:#fff;  /* modal color */--modal-color:#05162c;}
a,a:hover{text-decoration:none;}
.styled-link{position:relative;padding-bottom:3px;flex-shrink:0;}
.styled-link:after{content:'';position:absolute;bottom:0px;left:auto;right:0px;width:0%;height:1px;transition:0.5s all;}
.styled-link:hover:after{content:'';position:absolute;bottom:0px;left:0px;right:auto;width:100%;height:1px;background-color:#fff;}

/* navbar Above */
#navbarAbove{font-size:15px;color:var(--navbarAbove-text-color);padding:10px 0px;background-color:var(--navbarAbove-bg-color);font-family:"Lato",sans-serif;border-bottom: 1px solid rgba(0,0,0,0.1);}
@media (max-width:575px){
  #navbarAbove{padding:5px 0px;font-size:12px;text-align:center;}
  
  /* Show phone and email side by side on small screens */
  #navbarAbove .container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
  }
  
  #navbarAbove .styled-link {
    margin: 0 !important;
    display: inline-block !important;
  }
}
#navbarAbove a{color:var(--navbarAbove-text-color) !important;letter-spacing:1px;}
#navbarAbove .styled-link:hover:after{background-color:var(--navbarAbove-text-color) !important;}

/* navbar Below */
#navbarBelow{z-index:999;color:var(--navbarBelow-text-color);background: #333;position:relative;width:100% !important;}
#navbarBelow a{color:var(--navbarBelow-text-color);}
#navbarBelow .navbar-toggler{color:var(--navbarBelow-toggleBtn-color);border:none;box-shadow:none;}
@media (max-width:991px){
  #navbarBelow .navbar-collapse{order:3;background:#333333 !important;padding:20px !important;border-radius:0 !important;box-shadow:0 10px 30px rgba(0,0,0,0.3) !important;border:none !important;margin:0 !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;z-index:1000 !important;width:100% !important;}
  #navbarBelow .navbar-toggler{order:1;}
  
  /* Ensure no gaps around the navigation */
  #navbarBelow .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  
  /* Full width navbar */
  #navbarBelow .navbar-nav {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
#navbarBelow.fixed-top{background-color: #333;animation:navbarBelow 500ms linear;position:sticky;top:-1px;}
@keyframes navbarBelow{
  0%{opacity:0%;transform:translateY(-50%);}
  ;
  100%{opacity:100%;transform:translateY(0);}
}
#navbarNavDropdown{font-size:1.1rem;font-weight:600;}
.navbar-brand img{max-height:60px;}
@media (max-width:575px){
  .navbar-brand img{max-height:30px;}
}
.dropdown-menu{background-color:#333333 !important;border:none !important;border-top:3px solid #ff5722 !important;border-radius:0 !important;box-shadow:0 10px 30px rgba(0,0,0,0.3) !important;margin:0 !important;padding:0 !important;width:100% !important;min-width:100% !important;}
.dropdown-item{color:#fff !important;font-weight:500 !important;padding:12px 25px !important;transition:all 0.3s ease !important;border-left:3px solid transparent !important;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item.active,.dropdown-item:hover{background-color:rgba(255,255,255,0.1) !important;color:#ff5722 !important;border-left-color:#ff5722 !important;transform:translateX(5px) !important;}
.navbar-right-button{background-color:var(--navbarBelow-btn-bg-color);border:none;box-shadow:1px 1px 5px #000;color:var(--navbarBelow-btn-text-color)!important;font-weight:400;padding:5px 15px;border-radius:10px;transition:transform 200ms;}
.navbar-right-button:hover{transform:scale(1.05);}
#navbarBelow .navbar-collapse.show,#navbarBelow .navbar-collapse.collapsing{margin-top:10px;}
.footer-above{background-color: #333333;color:var(--footer-text-color);}
.footer-headers{color:var(--footer-heading-color);font-size:1.6rem;}
.footer-above a{color:var(--footer-links-color);}
.footer-above ul{list-style:none;padding-left:0px;padding-top:5px;}
.footer-above ul li:hover{scale:1.01;}
.footer-above ul a:hover{color:var(--footer-links-hover-color);}
.footer-end{background-color: #333333;color:var(--footer-bottom-text-color);}
.footer-end p{margin-bottom:0;}

/* modal */
.modal.show .modal-content{animation:modalAnim 0.5s linear;}
@keyframes modalAnim{
  0%{transform:translateY(20%);opacity:0;}
  ;
  100%{transform:translateY(0);opacity:100%;}
}
.modal-dialog{display:flex;justify-content:center;align-items:center;height:100%;width:100%;margin:0px auto;padding:0px 6px;}
.modal-content{background-image:url(../img/popup-bg.jpg);background-size:cover;overflow:hidden;box-shadow:0px 8px 30px rgba(0,0,0,0.3);}
.modal-content .line{background-color:var(--modal-color);height:3px;width:100%;}
.modal-content .close{margin-left:auto;border:none;box-shadow:none;color:var(--modal-color);}
.modal-content h5{text-align:center;color:var(--modal-color);font-weight:500;}
.modal-content .field{display:flex;align-items:center;gap:10px;margin-top:10px;}
.modal-dialog{max-width:600px;}
.modal-content > *:not(.line,.close){max-width:500px;margin:auto;}
.modal-content .pop_icon{width:20px;color:var(--modal-color);}
.form-control{box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);}
.pop_btn{background-color:var(--modal-color);box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);border:none;color:#fff;font-size:0.9rem;padding:5px 20px;border-radius:5px;margin-left:auto;}
.footer-headers img{max-height:80px;margin-bottom:10px;}