:root { --white: white; --lightgray: rgb(240, 240, 240); --blue: #7EA8B5; --orange: orange; --black: black; }
html { user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; font-size: 100%; -webkit-text-size-adjust: 100%; }
body { background-color: var(--white); }
* { margin: 0; padding: 0; scroll-padding-top: var(--header); font-family: "Montserrat", sans-serif; font-size: 16px; color: var(--black); font-weight: 400; text-decoration: none; scroll-behavior: smooth; outline: none; border: none; box-sizing: border-box; }
.c-white, .h-c-white:hover { color: var(--white); }
.c-blue { color: var(--blue); }
.c-orange { color: var(--orange); }
.bc-white { background-color: var(--white); }
.bc-blue, .h-bc-blue:hover { background-color: var(--blue); }
.bc-lightgray { background-color: var(--lightgray); }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.transition { transition: 0.25s; -webkit-transition: 0.25s; -moz-transition: 0.25s; }
.auto, nav, section, form { margin-left: auto; margin-right: auto; }
.flex { display: flex; flex-wrap: wrap; }
.items-center { align-items: center; }
.self-center { align-self: center; }
.space-between { justify-content: space-between; }
.content-center { justify-content: center; }
.block { display: block; }
.table { display: table; }
.underline:hover { text-decoration: underline; }
.pointer:hover { cursor: pointer; }
.absolute { position: absolute; }
.text-center { text-align: center; }
.text-justify { text-align: justify; text-justify: inter-word; }
.border-radius-1 { border-radius: 32px; }
.cover { object-fit: cover; }
.border-radius-1 { border-radius: 32px; }
.border-radius-2 { border-radius: 16px; }
.honeypot { display: none; }

header { z-index: 2; position: sticky; position: -webkit-sticky; top: 0; left: 0; right: 0; }
nav, section { width: 100%; max-width: 1280px; }
.logo-image { width: auto; height: 80px; }
.logo-text { margin: 16px; font-size: 32px; }
.button-line { width: 21px; height: 3px; }
.button-line-up { margin-bottom: 8px; }
.button-line-down { margin-top: 8px; }
.click .button-line-up { transform: translateY(4px); }
.click .button-line-down { transform: translateY(-4px); }
@media (max-width: 573px) { 
nav { padding: 0; }
.desktop-menu { display: none; }
.hamburger-menu-button { display: block; margin: 0 16px; }
.mobile-menu { display: none; width: 100%; }
}
@media (min-width: 574px) { 
nav { padding: 0 16px; }
.desktop-menu { display: none; }
.hamburger-menu-button { display: block; margin: 0 16px; }
.mobile-menu { display: none; width: 100%; }
}
@media (min-width: 750px) {
nav { padding: 0 16px; }
.desktop-menu { display: flex; }
.link-desktop { margin: 0 16px; }
.hamburger-menu-button, .mobile-menu { display: none !important; }
}

.margin-top-8 { margin-top: 8px; }
.margin-top-16 { margin-top: 16px; }
.margin-top-bottom-16 { margin-top: 16px; margin-bottom: 16px; }
.margin-top-32 { margin-top: 32px; }
.margin-left-32 { margin-left: 32px; }
.main-screen { height: auto; min-height: calc( var(--screen) - var(--header) ); }
.main-screen-2 { height: auto; min-height: calc( var(--screen) - var(--header) - var(--footer) ); }
.bc-image { background-image: url('nyitokep.webp'); background-position: center; background-repeat: no-repeat; background-size: cover; }
h3, label { font-size: 24px; }
.image-1 { width: 100%; max-width: 768px; height: auto; }
form, .main-contact-box { width: 100%; max-width: 400px; }
input, textarea { padding: 16px; width: 100%; }
textarea { height: 160px; resize: vertical; }
.submit-button, .contact-button { padding: 12px 16px; }
.main-text-box { backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); }
footer { padding: 16px 0; }

@media (max-width: 573px) {
h1 { font-size: 22px; }
.main-text-box { margin: 16px; padding: 16px; width: calc( 100% - 32px); }
.section-1 { padding: 16px; }
h2 { font-size: 36px; }
.flexbox { padding: 16px; width: 100%; }
.flexbox-2 { width: 100%; }
}

@media (min-width: 574px) {
h1 { font-size: 36px; }
.main-text-box { margin: 20px; padding: 20px; width: 520px; }
.section-1 { padding: 32px; }
h2 { font-size: 38px; }
.flexbox { padding: 20px; width: 100%; }
.flexbox-2 { width: 100%; }
}

@media (min-width: 768px) {
h1 { font-size: 40px; }
.main-text-box { margin: 24px; padding: 24px; width: 596px; }
.section-1 { padding: 48px; }
h2 { font-size: 40px; }
.flexbox { padding: 24px; width: 100%; }
.flexbox-2 { width: 50%; }
}

@media (min-width: 993px) {
h1 { font-size: 40px; }
.main-text-box { margin: 28px; padding: 28px; width: 596px; }
.section-1 { padding: 56px; }
h2 { font-size: 44px; }
.flexbox { padding: 28px; width: 100%; }
.flexbox-2 { width: 50%; }
}

@media (min-width: 1250px) {
h1 { font-size: 40px; }
.main-text-box { margin: 32px; padding: 32px; width: 596px; }
.section-1 { padding: 64px; }
h2 { font-size: 48px; }
.flexbox { padding: 32px; width: 100%; }
.flexbox-2 { width: 50%; }
}