@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.hdr.hdr-inner .scrolled {
  background-color: #15789A;
  box-shadow: 0px 0px 10px rgba(73, 73, 73, 0.3803921569);
}
.hdr.hdr-inner .fixed-top {
  background-color: #15789A;
}
.hdr.hdr-inner .navbar-toggler span {
  background-color: #fff;
}
.hdr.hdr-inner .logo {
  filter: brightness(20.5);
}
.hdr.hdr-inner .nav-item .nav-link {
  color: #fff;
}
.hdr.hdr-inner .btn-common {
  background-color: #fff;
  color: #00506B;
  border: 1px solid transparent;
}
@media (max-width: 1199px) {
  .hdr.hdr-inner .btn-common {
    width: 120px;
  }
}
.hdr.hdr-inner .btn-common:hover {
  color: #fff;
  border: 1px solid #00506B;
}
.hdr.hdr-inner .btn-common:hover::after {
  background-color: #00506B;
  border: 1px solid #00506B;
}
.hdr .scrolled {
  background-color: #fff;
  box-shadow: 0px 0px 10px #ccc;
}
@media (max-width: 1679px) {
  .hdr .logo {
    max-width: 60px;
  }
}
@media (max-width: 767px) {
  .hdr .logo {
    max-width: 50px;
  }
}
.hdr .nav-item:not(:first-child) {
  margin-left: 77px;
}
@media (max-width: 1679px) {
  .hdr .nav-item:not(:first-child) {
    margin-left: 40px;
  }
}
@media (max-width: 1441px) {
  .hdr .nav-item:not(:first-child) {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .hdr .nav-item:not(:first-child) {
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .hdr .nav-item:not(:first-child) {
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .hdr .nav-item:not(:first-child) {
    margin-left: 0px;
  }
}
.hdr .nav-item .nav-link {
  color: #00506B;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .hdr .nav-item .nav-link {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .hdr .nav-item .nav-link {
    font-size: 14px;
  }
}
.hdr .nav-item .nav-link:hover {
  color: #6CDAFF;
}
.hdr .nav-item .nav-link.active {
  color: #6CDAFF;
  font-weight: 600;
}
.hdr .navbar {
  padding: 0;
}
@media (max-width: 767px) {
  .hdr .navbar {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .hdr .navbar-collapse {
    padding: 20px 0;
  }
}
.hdr .navbar-toggler {
  border: none;
  box-shadow: none;
  outline: none;
}
@media (max-width: 991px) {
  .hdr .navbar-toggler span {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background-color: #00506B;
    margin: 5px 0px;
    transition: all 0.3s linear;
  }
}
@media (max-width: 579px) {
  .hdr .navbar-toggler span {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #00506B;
    margin: 5px 0px;
    transition: all 0.3s linear;
  }
}
.hdr .navbar-toggler:not(.collapsed) span {
  margin: 0;
}
.hdr .navbar-toggler:not(.collapsed) span:nth-child(2) {
  display: none;
}
.hdr .navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translateY(3px) rotate(45deg);
}
.hdr .navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translateY(0px) rotate(-45deg);
}
.hdr .btn-common {
  margin-left: 77px;
}
@media (max-width: 1679px) {
  .hdr .btn-common {
    margin-left: 40px;
  }
}
@media (max-width: 1441px) {
  .hdr .btn-common {
    margin-left: 30px;
  }
}
@media (max-width: 1199px) {
  .hdr .btn-common {
    margin-left: 20px;
    height: 40px;
    width: 120px;
  }
}
@media (max-width: 991px) {
  .hdr .btn-common {
    margin-left: 15px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .hdr .btn-common {
    margin-left: 0px;
    height: 36px;
  }
}