@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Manrope-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Manrope-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Manrope-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Manrope-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2');
}

:root { 
  color-scheme: light; 
}

body { 
  font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"; 
}

.no-scrollbar::-webkit-scrollbar { 
  display: none; 
}

.no-scrollbar { 
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}

.shadow-none { 
  box-shadow: none !important; 
}

.pointer { 
  cursor: pointer; 
}

#rotating-cta {
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

#rotating-cta.fade-out {
  opacity: 0;
  transform: translateY(-10px);
}

#rotating-cta.fade-in {
  opacity: 1;
  transform: translateY(0);
}

.pattern-bg-dark, .pattern-bg-black {
  background-color: rgb(53, 53, 53);
}

.btn-yandex {
  background-color: #FC3F1D !important;
}

.btn-2gis {
  background-color: #4AC948 !important;
}