@font-face {
  font-family: eurostile-black;
  src: url(/font/fonnts.com-Eurostile_Black.otf);
}
@font-face {
  font-family: eurostile;
  src: url(/font/fonnts.com-Eurostile.otf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.aboutusheader {
  background-image: url(images/policy_banner.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 50vh;
  overflow: hidden;
  z-index: -6;
}
.banner_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* width: 75%; */
  top: 50%;
  transform: translateY(-50%);
  /* padding-left: 50px; */
}

.banner_text h5 {
  letter-spacing: 2px;
  text-align: center;
  font-family: "eurostile-black";
  font-size: 44px;
}
.outline {
  /* border: 1px solid #747474; */
  border-radius: 10px;
}
.lightbox h5 {
  font-family: "eurostile-black";
  color: #302a72;
  text-transform: uppercase;
  font-size: 28px;
}
.lightbox h4 {
  font-family: "Poppins", sans-serif;
  color: #302a72;
  font-size: 18px;
}
.lightbox p,
.lists {
  font-family: "Poppins", sans-serif;
  color: #747474;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  font-size: 14px;
}
.lightbox {
  background-color: #e1e6fe;
  -webkit-box-shadow: 5px 0px 9px 0px #747474;
  box-shadow: 5px 0px 9px 0px #747474;
}
.darkbox {
  background-color: #302a72;
  -webkit-box-shadow: 5px 0px 9px 0px #747474;
  box-shadow: 5px 0px 9px 0px #747474;
}
.darkbox h5 {
  font-family: "eurostile-black";
  color: #e9edff;
  text-transform: uppercase;
  font-size: 28px;
}
.darkbox h4 {
  font-family: "Poppins", sans-serif;
  color: #e9edff;
  font-size: 18px;
}
.darkbox p {
  font-family: "Poppins", sans-serif;
  color: #958ee0;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  font-size: 14px;
}

/* responsive */
/* desktops */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/*laptops*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  /*banner*/
  .banner_text h5 {
    font-size: 38px;
  }
}
/*tablets*/
@media (min-width: 768px) and (max-width: 991.98px) {
  /* .banner_text {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  } */
  .aboutusheader {
    background-image: url(images/policy_banner-md.webp);
  }
  .menu_text li {
    display: none !important;
  }
  .banner_text h5 {
    font-size: 38px;
    text-align: center;
  }
  .lightbox h5 {
    font-size: 28px;
  }
  .lightbox h4 {
    font-size: 18px;
  }
  .lightbox p,
  .lists {
    font-size: 14px;
  }
  .darkbox h5 {
    font-size: 28px;
  }
  .darkbox h4 {
    font-size: 18px;
  }
  .darkbox p {
    font-size: 14px;
  }
}

/*landscape phones*/
@media (min-width: 576px) and (max-width: 767.98px) {
  /* .banner_text {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  } */
  .aboutusheader {
    background-image: url(images/policy_banner-landsm.webp);
    height: 100vh;
  }
  .menu_text li {
    display: none !important;
  }
  .banner_text h5 {
    font-size: 30px;
    text-align: center;
  }
  .lightbox h5 {
    font-size: 24px;
  }
  .lightbox h4 {
    font-size: 16px;
  }
  .lightbox p,
  .lists {
    font-size: 14px;
  }
  .darkbox h5 {
    font-size: 24px;
  }
  .darkbox h4 {
    font-size: 16px;
  }
  .darkbox p {
    font-size: 14px;
  }
}

/*portrait phones*/
@media (max-width: 575.98px) {
  .aboutusheader {
    background-image: url(images/policy_banner-sm.webp);
  }
  /* .banner_text {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  } */
  .menu_text li {
    display: none !important;
  }
  .banner_text h5 {
    font-size: 24px;
    text-align: center;
  }
}