/* ================= GLOBAL ================= */
*{
  font-family: 'Poppins', sans-serif;
}

/* ================= TOP HEADER ================= */
.top-header{
  background:#ffffff;
  border-bottom:1px solid #ddd;
}

.logo-img{
  width:331px;
  height:69px;
}

/* social icons */
.social-icons a{
  margin-left:10px;
  color:#fff;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
}

.social-icons{
  padding-right:70px;
}

.social-icons .fb{background:#3b5998;}
.social-icons .tw{background:#1da1f2;}
.social-icons .yt{background:#ff0000;}

.desktop-content p{
  color:#000;
  line-height:26px;
}

/* ================= NAVBAR ================= */
.custom-navbar{
  background:#3b74f2;
  height: 56px;
}

.custom-navbar .nav-link{
  color:#fff !important;
  padding:16px 20px;
  font-weight:500;
}

/* dropdown colors */
.custom-navbar .dropdown-menu{
  background:#3b74f2;
  border:none;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
}

.custom-navbar .dropdown-item{
  color:#fff;
}

.custom-navbar .dropdown-item:hover{
  background:#2f5fe0;
  color:#fff;
}

/* desktop hover dropdown */
@media (min-width:992px){
  .navbar .dropdown:hover > .dropdown-menu{
    display:block;
  }
}

/* submenu */
.dropdown-submenu{
  position:relative;
}

.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  display:none;
}

@media (min-width:992px){
  .dropdown-submenu:hover > .dropdown-menu{
    display:block;
  }
}

/* appointment button */
.appointment-btn{
  background:#fff;
  color:#000;
  border-radius:30px;
  /* padding:8px 20px; */
  font-weight:500;
}

.appointment-btn:hover{
  background:#f1f1f1;
}

/* ================= MOBILE FIX ================= */
@media (max-width:991px){

  .navbar-collapse{
    background:#3b74f2;
    padding:15px;
  }

  .navbar-nav .nav-link{
    padding:10px 0;
  }

  .dropdown-menu,
  .dropdown-submenu .dropdown-menu{
    position:static;
    box-shadow:none;
  }
}

/* hide desktop content on small screen */
@media (max-width:576px){
  .desktop-content{
    display:none !important;
  }
  .logo-img{
    display:block;
    margin:auto;
  }
}

/* ================= MOBILE DROPDOWN CLICK FIX ================= */
@media (max-width: 991px){

  /* show dropdown when bootstrap adds .show */
  .dropdown-menu.show{
    display:block;
  }

  /* submenu also */
  .dropdown-submenu .dropdown-menu.show{
    display:block;
    margin-left:15px;
  }
}
/* ================= MOBILE SUB DROPDOWN FIX ================= */
@media (max-width: 991px){

  .dropdown-menu{
    display: none;
  }

  .dropdown-menu.show{
    display: block;
  }

  .dropdown-submenu .dropdown-menu{
    margin-left: 15px;
  }
}


.drbannerr{
  width:100%;
      /* height: 500px; */

  /* overflow:hidden; */  
}

.drbanner-img{
  width:100%;
  height:auto;           /* keeps image ratio */
  display:block;
  /* object-fit:cover; */
}

/* Desktop */
@media (min-width:1200px){
  .drbanner-img{
    max-height:450px;
  }
}

/* Tablet */
@media (max-width:991px){
  .drbanner-img{
    max-height:320px;
  }
}

/* Mobile */
@media (max-width:576px){
  .drbanner-img{
    max-height:220px;
        padding-top: 10px;

  }
}

.info-strip{
  background:#3f79f4;
  overflow:hidden;
  white-space:nowrap;
  padding:12px 0;
}

.marquee{
  display:inline-block;
}

.marquee span{
  display:inline-block;
  color:#fff;
  font-size:20px;
  font-weight:400;
  padding-left:100vw;   /* 👉 start completely from RIGHT */
  animation: marqueeMove 55s linear infinite;
}

/* FULL RIGHT ➜ FULL LEFT */
@keyframes marqueeMove{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-200%);
  }
}

/* Mobile */
@media (max-width:576px){
  .marquee span{
    font-size:14px;
  }
}