/* JFP Custom CSS */

/* MAX - START =================================== */
@media only screen and (max-width: 1200px) {
  .jfp-menu-area {
    width: 100%;
  }
}

@media only screen and (max-width: 991.9px) {
}

@media only screen and (max-width: 767.9px) {
}

@media only screen and (max-width: 639.9px) {
  .banner-carousel .content-box .jfp-banner-text {
    font-size: 2.6rem;
    line-height: 54px;
  }
  .banner-section .slide-item:after {
    width: calc(100% - 45px);
    height: calc(100% - 45px);
    left: 21px;
    top: 21px;
  }
}

@media only screen and (max-width: 575.9px) {
}

@media only screen and (max-width: 424.9px) {
}

@media only screen and (max-width: 374.9px) {
  .jfp-who-we-are-images {
    height: 328px;
  }
  .jfp-number-experience {
    padding-left: 4px;
  }
  .jfp-number-experience {
    font-size: 40px;
  }
  .jfp-years-experience {
    font-size: 10px;
    line-height: 12px;
  }
}
/* MAX - END =================================== */

/* MIN - START =================================== */

@media only screen and (min-width: 375px) {
  .jfp-who-we-are-images {
    height: 382px;
  }
  .jfp-number-experience {
    padding-left: 5px;
  }
  .jfp-number-experience {
    font-size: 45px;
  }
  .jfp-years-experience {
    font-size: 12px;
    line-height: 15px;
  }
}

@media only screen and (min-width: 425px) {
  .jfp-who-we-are-images {
    height: 392px;
  }
  .jfp-number-experience {
    padding-left: 8px;
  }
  .jfp-number-experience {
    font-size: 45px;
  }
  .jfp-years-experience {
    font-size: 14px;
    line-height: 15px;
  }
}

@media only screen and (min-width: 576px) {
  .jfp-who-we-are-images {
    height: 548px;
  }
  .jfp-number-experience {
    padding-left: 0;
  }
  .jfp-number-experience {
    font-size: 72px;
  }
  .jfp-years-experience {
    font-size: 16px;
    line-height: 20px;
  }
}

@media only screen and (min-width: 640px) {
  .banner-carousel .content-box .jfp-banner-text {
    font-size: 2.6rem;
    line-height: 60px;
  }

  .jfp-who-we-are-images {
    height: 614px;
  }
}

@media only screen and (min-width: 768px) {
  .banner-carousel .content-box .jfp-banner-text {
    font-size: 3rem;
    line-height: 70px;
  }
  .jfp-who-we-are-images {
    height: 746px;
  }
}

@media only screen and (min-width: 992px) {
  .jfp-who-we-are-images {
    height: 464px;
  }
}

@media only screen and (min-width: 1024px) {
  .jfp-who-we-are-images {
    height: 502px;
  }
}

@media only screen and (min-width: 1200px) {
  .banner-carousel .content-box .jfp-banner-text {
    font-size: 4rem;
    line-height: 85px;
  }
  .jfp-who-we-are-images {
    height: 588px;
  }
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1699px) {
}
/* MIN - END =================================== */

/* FONTS - START */
@font-face {
  font-family: "PoppinsRegular";
  src: url("../fonts/custom/ERASBD.TTF") format("truetype");
}

@font-face {
  font-family: "ErasBold";
  src: url("../fonts/custom/ERASBD.TTF") format("truetype");
}

@font-face {
  font-family: "ErasDemi";
  src: url("../fonts/custom/ERASDEMI.TTF") format("truetype");
}

.font-poppins-regular {
  font-family: "PoppinsRegular", sans-serif !important;
}

.font-eras-bold {
  font-family: "ErasBold", sans-serif !important;
}

.font-eras-demi {
  font-family: "ErasDemi", sans-serif !important;
}
/* FONTS - END */

.owl-nav {
  display: none;
}

.jfp-bg-yellow {
  background-color: #ffd300 !important;
}

.jfp-bg-blue {
  background-color: #262261 !important;
}

.jfp-bg-light-gray {
  background-color: #f4f5f4 !important;
}

.jfp-bg-green {
  background-color: #56b13d !important;
}

.jfp-text-blue {
  color: #262261 !important;
}

.jfp-text-yellow {
  color: #ffd300 !important;
}

.jfp-text-light-gray {
  color: #aab0bf;
}

.jfp-font-600 {
  font-weight: 600;
}

.jfp-font-700 {
  font-weight: 700;
}

.jfp-font-800 {
  font-weight: 800;
}

.jfp-yellow-text-hover:hover {
  color: #ffd300 !important;
}

.jfp-yellow-text-hover span:hover {
  color: #ffd300 !important;
}

.jfp-border-bottom-blue-3 {
  border-bottom: 3px solid #262261;
}
