@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
html {
  scroll-behavior: smooth;
}

.iti{
  width: 100%;
}

.Noto_Serif {
  font-family: "Noto Serif", serif;
}

@font-face {
  font-family: "Noto Serif", serif;
  src: url("../fonts/Noto_Serif/NotoSerif-VariableFont_wdth\,wght.ttf");
}

.Nunito_Sans {
  font-family: "Nunito Sans", sans-serif;
}

@font-face {
  font-family: "Nunito Sans", sans-serif;
  src: url("../fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC\,opsz\,wdth\,wght.ttf");
}



.circleshadow:hover {
  box-shadow: 1px 1px 16px 7px #ff6b35;
  border: 7px solid #ff6b35;
  cursor: pointer;
  transition: 0.5s ease;
  transition-duration: 0.2s;
}
.circleshadow1 {
  box-shadow: 1px 1px 18px 5px #ff6b35;
  border: 1px solid #ff6b35;
  cursor: pointer;
  transition: 0.5s ease;
  transition-duration: 0.2s;
}

/* ==========================================================================
   Hero Banner Responsive Backgrounds
   ========================================================================== */
.hero-banner-section {
  background-image: url('../img/banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-banner-mobile-card {
  position: relative;
}

@media (max-width: 1023px) {
  .hero-banner-section {
    background-image: none !important;
    padding-top: 0 !important;
  }
  .hero-banner-mobile-card {
    background-image: url('../img/mobile.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
  }
}