:root {
  --red: #f15559;
  --dark-red: #dc3545;
  --blue: #333e5b;
  --grey: #737373;
}

a {
  color: unset;
  text-decoration: unset;
}

.container-lg {
  margin-bottom: 100px;
  justify-content: space-evenly;
}

/* logo size */

@media (max-width: 576px) {
  .logo {
    width: 190px;
  }
}

@media (min-width: 576px) {
  .logo {
    width: 300px;
  }
}

/* Padding */
.pr-60 {
  padding-right: 60px;
}

.pb-15 {
  padding-bottom: 15px;
}

/* Font sizes */
@media (max-width: 576px) {
  .fs-20 {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  .fs-20 {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .fs-24 {
    font-size: 18px;
  }
}

@media (min-width: 576px) {
  .fs-24 {
    font-size: 24px;
  }
}

.fs-30 {
  font-size: 30px;
}

.fs-50 {
  font-size: 50px;
}

@media (max-width: 576px) {
  .fs-60 {
    font-size: 30px;
  }
}

@media (min-width: 576px) {
  .fs-60 {
    font-size: 60px;
  }
}

@media (max-width: 576px) {
  .fs-72 {
    font-size: 36px;
  }
}

@media (min-width: 576px) {
  .fs-72 {
    font-size: 72px;
  }
}

/* Line hights */
.lh-30 {
  line-height: 30px;
}

@media (max-width: 576px) {
  .lh-40 {
    line-height: 32px;
  }
}

@media (min-width: 576px) {
  .lh-40 {
    line-height: 40px;
  }
}

@media (max-width: 576px) {
  .lh-74 {
    line-height: 37px;
  }
}

@media (min-width: 576px) {
  .lh-74 {
    line-height: 74px;
  }
}

.lh-120 {
  line-height: 120px;
}

/* Font weights */
.fw-300 {
  font-weight: 300;
}

.fw-500 {
  font-weight: 500;
}

.fw-700 {
  font-weight: 700;
}

/* Margins */
@media (max-width: 576px) {
  .mt-100 {
    margin-top: 0px;
  }
}

@media (min-width: 576px) {
  .mt-100 {
    margin-top: 100px;
  }
}

@media (max-width: 576px) {
  .mt-200 {
    margin-top: 50px;
  }
}

@media (min-width: 576px) {
  .mt-200 {
    margin-top: 200px;
  }
}

.mb-100 {
  margin-bottom: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* Text color */
.blue-text {
  color: var(--blue) !important;
}

.red-text {
  color: var(--red) !important;
}

.grey-text {
  color: var(--grey) !important;
}

.white-text {
  color: white;
}

/* Background color */
.red-bg {
  background: var(--red);
}

.btn-red {
  background-color: var(--red) !important;
  border-color: var(--red) !important;
}

.btn-red:hover {
  background-color: var(--dark-red) !important;
  border-color: var(--dark-red) !important;
}

/* Text align */
.text-justify {
  text-align: justify;
}

/* btn */
.btn-blue-outline {
  color: #333e5b;
  border-color: #333e5b;
}

.btn-blue-outline:hover {
  color: #fff;
  background-color: #333e5b;
  border-color: #333e5b;
}

.no-resize {
  resize: none;
}

@media (max-width: 576px) {
  .empty-100 {
    height: 0px;
  }
}

@media (min-width: 576px) {
  .empty-100 {
    height: 100px;
  }
}

@media (max-width: 576px) {
  .small-pics {
    width: 70px;
  }
}

@media (min-width: 576px) {
  .small-pics {
    width: 100px;
  }
}

.nav-link {
  color: #333e5b !important;
}
.nav-link:hover {
  color: #f15559 !important;
  text-decoration: underline;
}

@media (min-width: 576px) {
  .form-w-75 {
    width: 75%;
    max-width: 650px;
  }
}

@media (max-width: 576px) {
  .form-w-75 {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .carousel-section {
    margin: 5rem 0;
    height: 650px;
  }
  .carousel-img {
    height: 600px;
    width: 200px;
  }
}

@media (max-width: 576px) {
  .carousel-section {
    margin: 5rem 0;
    height: 650px;
  }
  .carousel-img {
    height: 600px;
    width: 200px;
    object-fit: cover;
  }
}

@media (min-width: 576px) {
  .sm-px-2 {
    padding-left: unset;
    padding-right: unset;
  }
}

@media (max-width: 576px) {
  .sm-px-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media (min-width: 576px) {
  .sm-p-1-5 {
    padding: unset;
  }
}

@media (max-width: 576px) {
  .sm-p-1-5 {
    padding: 1.5rem !important;
  }
}