body {
  font-family: "Open Sans", sans-serif !important;
}

:root {
  --bs-danger: #f44335;
  --bs-warning: #fb8c00;
  --bs-cyan: #00b8f5;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffe74c;
  --light-blue: #aceaff;
  --cobalt-blue: #1e49e2;
  --purple: #7213ea;
  --grey: #c4c4c4;
  --green: #00c071;
  --grey: #4d4d4d;
  --light-grey: #ececec;
  --pink: #fd349c;
  --gradient-kpmg: linear-gradient(to right, #1e49e2, #7213ea 50%);
}

.form-control:valid,
.form-select:valid {
  background-image: none !important;
  padding-right: 0 !important;
}

.banner-img {
  width: fit-content;
  max-height: 400px;
  width: 100%;
}

.section-title {
  margin-bottom: 40px;
}

.btn-pink {
  background-color: var(--pink);
  width: 200px;
  border: none;
  border-radius: 2px;
}

.promotion-banner img {
  padding: 10px 0 30px 0;
  width: 100%;
}

.form-text {
  font-style: italic;
}

/* ------------------- Responsive screens --------------------- */

/* small phone screens */
/* normal phone screens */
@media (min-width: 320px) {}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width: 481px) {}

/* tablet screens */
@media (min-width: 961px) {}

/* laptop screens */
@media (min-width: 1290px) {}

/* wide desktop screens */
@media (min-width: 2000px) {

  .banner-img {
    max-height: 300px;
    margin-top: -10px;
    object-position: 0 20%;
  }

  /* .nav-margin {
      margin-bottom: 70px;
    } */
}