:root{  /* navbarBelow */
--navbarAbove-text-color:#fff;--navbarAbove-bg-color:#174fa7;  /* navbarBelow */--navbarBelow-text-color:#44505f;--navbarBelow-bg-color:#ffffff;--navbarBelow-hover-bg-color:#f2f8f6;--navbarBelow-btn-text-color:#022c5c;--navbarBelow-btn-bg-color:#174fa7;  /* footer */--footer-bg-color:#44505f;--footer-heading-color:#fff;--footer-text-color:#fff;--footer-links-color:#fff;--footer-links-hover-color:#fff;--footer-bottom-bg-color:#000;--footer-bottom-text-color:#fff;  /* modal color */--modal-color:#ff656d;}
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;}
#navbarAbove .col-12{display:flex;gap:10px;justify-content:end;}
@media (max-width:575px){
  #navbarAbove{padding:5px 0px;font-size:12px;text-align:center;}
  #navbarAbove .col-12{display:flex;gap:10px;justify-content:center;flex-direction:column;}
}
#navbarAbove a{color:var(--navbarAbove-text-color);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-color:var(--navbarBelow-bg-color);}
#navbarBelow a{color:#000;}
#navbarBelow .navbar-toggler{color:var(--navbarBelow-btn-text-color);border:none;box-shadow:none;}
@media (max-width:991px){
  #navbarBelow .navbar-collapse{order:3;background-color:var(--navbarBelow-bg-color);padding:0px 10px;}
  #navbarBelow .navbar-toggler{order:1;}
}
#navbarBelow.fixed-top{background-color:var(--navbarBelow-bg-color);animation:navbarBelow 500ms linear;}
@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:120px;}
#navbarNavDropdown {
  justify-content: center;
}
@media (max-width:575px){
  .navbar-brand img{max-height:36px;}
  
}
.dropdown-menu{background-color:var(--navbarBelow-bg-color);}
.dropdown-item{color:var(--navbarBelow-text-color);font-weight:400;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item.active,.dropdown-item:hover{background-color:var(--navbarBelow-hover-bg-color);}
.navbar-right-button{background-color:var(--navbarBelow-btn-bg-color);border:none;box-shadow:1px 1px 5px #000;color:#fff;font-weight:400;padding:5px 15px;border-radius:10px;transition:transform 200ms;}
.navbar-right-button:hover{transform:scale(1.4);}
#navbarBelow .navbar-collapse.show,#navbarBelow .navbar-collapse.collapsing{margin-top:10px;}
.ms-auto{margin-left:auto;}

/* 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;}