@font-face {
  font-family: "Poppins";
  src: url("Poppins-Black.eot");
  src: url("Poppins-Black.eot?#iefix") format("embedded-opentype"), url("Poppins-Black.woff2") format("woff2"), url("Poppins-Black.woff") format("woff"), url("Poppins-Black.ttf") format("truetype"), url("Poppins-Black.svg#Poppins-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Bold.eot");
  src: url("/css/fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Bold.woff2") format("woff2"), url("/css/fonts/Poppins-Bold.woff") format("woff"), url("/css/fonts/Poppins-Bold.ttf") format("truetype"), url("/css/fonts/Poppins-Bold.svg#Poppins-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-SemiBold.eot");
  src: url("/css/fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-SemiBold.woff2") format("woff2"), url("/css/fonts/Poppins-SemiBold.woff") format("woff"), url("/css/fonts/Poppins-SemiBold.ttf") format("truetype"), url("/css/fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-SemiBoldItalic.eot");
  src: url("/css/fonts/Poppins-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), url("/css/fonts/Poppins-SemiBoldItalic.woff") format("woff"), url("/css/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"), url("/css/fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/css/fonts/Poppins-Regular.eot");
  src: url("/css/fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Poppins-Regular.woff2") format("woff2"), url("/css/fonts/Poppins-Regular.woff") format("woff"), url("/css/fonts/Poppins-Regular.ttf") format("truetype"), url("/css/fonts/Poppins-Regular.svg#Poppins-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("/css/fonts/Lato-Regular.eot");
  src: url("/css/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/css/fonts/Lato-Regular.woff2") format("woff2"), url("/css/fonts/Lato-Regular.woff") format("woff"), url("/css/fonts/Lato-Regular.ttf") format("truetype"), url("/css/fonts/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html,
body {
  font-family: "Poppins", sans-serif;
  color: black;
  scroll-behavior: smooth;
}

.lato {
  font-family: "Lato", sans-serif;
}

.font-blue {
  color: #1C3FFA;
}

.font-gray {
  color: #CBCBCB;
}

.font-light-blue {
  color: #8EA7FB;
}

.bg-blue-1 {
  background-color: #1C3FFA;
}

.bg-gray {
  background-color: #CBCBCB;
}

.bg-light-blue {
  background-color: #8EA7FB;
}

.bg-the-juait {
  background-color: #F4F4F4;
}

.border-blue {
  border: 2px solid #1C3FFA;
}
.border-blue:focus-visible {
  outline: 1px solid #1C3FFA;
}

.w-special {
  width: 49.5%;
}

.i-hover:hover {
  color: #1C3FFA;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.contact-btn {
  border: 1px solid #1C3FFA;
}
.contact-btn:hover {
  background-color: #1C3FFA;
  color: #F4F4F4;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.form-hover:hover {
  background-color: #1C3FFA;
  color: #F4F4F4;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.footer-hover:hover {
  background-color: #1C3FFA;
  border-radius: 5px;
  -webkit-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.btn-hover:hover {
  background-color: #F4F4F4;
  color: #1C3FFA;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.scale {
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.scale:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  border-radius: 15px;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 768px) {
  .bg-pos-2 {
    background-position: 35%;
  }

  .slide-img {
    height: 250px;
  }
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  .slide-img {
    height: 350px;
  }
}
@media only screen and (min-device-width: 1536px) {
  .bg-pos {
    background-position: 10%;
  }
}