@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --garlon-font: Roboto, "Noto Sans", Arial, sans-serif;
  --garlon-heading-font: Roboto, "Noto Serif Display", monserrat, serif;
  --garlon-special-font: Roboto, "Noto Sans", Arial, sans-serif;
}

body,
button,
input,
textarea,
select,
.main-menu__list,
.mobile-nav__contact,
.topbar-three__info,
.main-header__list__title,
.main-header__list__link,
.garlon-btn,
.feature-one__item__text,
.about-one__content__text,
.service-card-two__text,
.why-choose-one__text,
.why-choose-one__box__text,
.testimonials-two__text,
.work-process-one__list__text,
.contact-one__top__text,
.footer-widget__text,
.footer-widget__links,
.footer-widget__links-two,
.main-footer__copyright {
  font-family: var(--garlon-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.main-slider-one__title,
.sec-title__title,
.feature-one__item__title,
.service-card-two__title,
.why-choose-one__box__title,
.team-card__title,
.project-one__card__hover__title,
.work-process-one__list__title,
.blog-card__title,
.footer-widget__title {
  font-family: var(--garlon-heading-font) !important;
}

.main-slider-one__sub-title,
.sec-title__tagline,
.about-one__btn__text,
.about-one__list__icon-text,
.work-process-one__list__number,
.scroll-to-top__text,
.main-header__logo a,
.footer-widget__logo,
.logo-box a,
.contact-one__thumb__shape .logo {
  font-family: var(--garlon-font) !important;
}

.main-slider-one__box__item .main-slider-one__box__icon img {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 1;
  width: 38px;
  height: 38px;
  max-width: 58%;
  max-height: 58%;
  object-fit: contain;
  transform: none !important;
}

.main-slider-one__box__icon {
  overflow: hidden;
}