@media (min-width: 1000px) { .intro .container { flex-direction: row; align-items: center; justify-content: space-between; } form { margin: 0; } .intro h1 { font-size: clamp(36px, calc(3vw + 1rem), 64px); margin-bottom: 40px; margin-top: 30px; } .intro .info p { font-size: 18px; margin-bottom: 60px; line-height: 27px; } .intro .rating p { font-size: 16px; margin-bottom: 0; } .intro .info { width: 55%; } .intro form { width: 40%; } .intro::before { background-color: rgba(1, 1, 70, 0.5); } } @media (min-width: 769px) { .info-card > * { flex: 1 1 50%; } .info-card.reverse { flex-direction: row-reverse; } .info-card { flex-direction: row; margin-bottom: 60px; gap: 40px; } .info-card-text h3 { font-size: 32px; margin-left: 0; margin-bottom: 15px; } .info-card-text p { margin-bottom: 0; } .info-card-img { max-height: 222px; border-radius: 15px; position: relative; } .info-card-img img { height: 222px; } .info-card-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 215, 0, 0.1); border-radius: 15px; z-index: 1; pointer-events: none; } section:not(.intro) { padding-top: 60px; padding-bottom: 60px; } .card-img--2, .card-img--3, .card-img--9 { object-position: center -250px; } .btn.end-section { width: 410px; } } @media (min-width: 769px) { .themed-section { padding-top: 65px; padding-bottom: 65px; } .section-description { display: flex; flex-direction: column; gap: 10px; padding-bottom: 15px; text-align: center; } } @media (min-width: 800px) { .seo-section h2 { font-size: 30px; } .seo-section h3 { font-size: 20px; } .seo-content h1 { font-size: 32px; } .seo-content h2 { font-size: 24px; } .seo-content h3 { font-size: 19px; } .seo-content h5 { font-size: 14px; } .seo-content h6 { font-size: 11px; } .seo-text { font-size: 14px; line-height: 18px; } strong { font-size: 15px; line-height: 24px; } .seo-section li { font-size: 14px; line-height: 18px; } .seo-section .btn { font-size: 32px; line-height: 38px; padding: 16px 150px; width: fit-content; } body .seo-section { padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } } @media (min-width: 800px) { .table h2 { font-size: 42px; line-height: 50px; margin-bottom: 40px; } .mobile-table-wrapper { display: none; } .table-wrapper-desk { display: block; overflow: hidden; border: 1px solid #000EAB; border-radius: 28px; background: #00003C; } .desk-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .desk-table thead th { padding: 10px 30px; text-align: left; color: #ffffff; font-size: 28px; font-weight: 700; line-height: 40px; background: #00003C; border-right: 1px solid #000EAB; border-bottom: 1px solid #000EAB; } .desk-table thead th:last-child { border-right: none; } .desk-table tbody td { padding: 18px 30px; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; vertical-align: middle; border-right: 1px solid #000EAB; border-bottom: 1px solid #000EAB; background: #00003C; } .desk-table tbody td:last-child { border-right: none; } .desk-table tbody tr:last-child td { border-bottom: none; } } @media (min-width: 769px) { .faq-container { max-width: none; width: 90%; } .faq-question { padding-left: 10px; } .faq-question span { font-size: 18px; } }