@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pridi:wght@300&display=swap");
html, body {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
  cursor: default;
}

.bg_dark {
  background-color: #070707;
}

.bg_light {
  background-color: #E5E5E5;
}

.bg_njuskalo {
  background-color: rgba(255, 234, 46, 0.9);
}

.bg_turquoise {
  background-color: rgba(33, 142, 174, 0.9);
}

.bg_syncbeds {
  background-color: #1FB3E5;
}

.font_pridi {
  font-family: 'Pridi', serif;
}

.animate_roatation_360 {
  -webkit-animation: rotate_360 24s linear infinite;
          animation: rotate_360 24s linear infinite;
}

@-webkit-keyframes rotate_360 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate_360 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@media screen and (max-height: 799px) {
  .custom_h_screen {
    height: unset;
  }
}

.footer_main_link:hover span:before {
  opacity: 1;
}

.footer_main_link span:before {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 18px;
  -webkit-transition: ease-in .125s;
  transition: ease-in .125s;
  opacity: 0;
}

.footer_main_link.dark span:before {
  background-color: #070707;
}

.footer_main_link.light span:before {
  background-color: #FFF;
}

.agency_icon_rotating {
  width: 360px;
  height: 360px;
}

@media screen and (max-width: 1023px) {
  .agency_icon_rotating {
    width: 250px;
    height: 250px;
  }
}

@media screen and (max-width: 575px) {
  .agency_icon_rotating {
    width: 200px;
    height: 200px;
  }
}

@media screen and (max-width: 1023px) {
  .nav_menu {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #070707;
    padding: 3rem 2rem;
    -webkit-transition: ease-in .125s;
    transition: ease-in .125s;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
}

@media screen and (max-width: 1023px) {
  .nav_menu.open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*# sourceMappingURL=main.css.map */