@media screen and (min-width: 900px) { .top-block { position: relative; background: #22242F; margin-bottom: -1px; z-index: 2; } .top-block .container { background: linear-gradient(270deg, rgba(42, 44, 52, 0) 0%, #22242F 70%); top: unset; display: flex; justify-content: left; padding: 49px 60px; } .top-block .container h1 { font-size: 60px; line-height: 75px; margin: 0 0 30px 0; } .top-block .container .top-block-text { font-size: 16px; line-height: 24px; margin: 0 0 40px 0; } .top-block .container .top-semititle { font-size: 24px; line-height: 32px; } .top-block .container ul li { padding: 0 0 0 100px; } .top-block .container ul li p { font-size: 18px; line-height: 28px; } .top-block .left { max-width: 60%; } .top-block a { position: absolute; max-width: fit-content; bottom: 52px; right: 60px; border: 1px solid #F79E1B; transition: all 0.5s ease; } .top-block a:hover { color: #F79E1B; background: transparent; border: 1px solid #F79E1B; } } @media (min-width: 800px) { .block-list .container { padding: 40px 60px; } .block-list .list-head { display: flex; justify-content: space-between; margin: 0 0 30px 0; } .block-list .list-head .right-text { max-width: 427px; font-size: 18px; } .block-list .list-head h2, .block-list .list-head p { margin: 0; } .block-list h3 { margin: 0 0 24px 0; font-size: 20px; } .block-list .list-wrapper { display: flex; flex-wrap: wrap; gap: 20px; padding: 0 50px; justify-content: center; } .block-list .list-wrapper .list-block { width: calc(50% - 10px); padding: 26px; margin: 0; } .block-list .list-wrapper .list-block p { font-size: 18px; line-height: 28px; } .block-list .in-line-four { padding: 0 10px; } .block-list .in-line-four .list-block { width: calc(25% - 15px); padding: 26px 10px; } .block-list .in-line-three .list-block { width: 30%; padding: 26px 10px; } .block-list .list-bottom-text { font-size: 18px; line-height: 28px; max-width: 90%; margin: 24px auto 0 auto; } .block-list .button { font-size: 16px; line-height: 24px; padding: 12px 24px; width: fit-content; margin: 30px auto 0 auto; border: 1px solid #F79E1B; transition: all 0.5s ease; } .block-list .with-icons .list-block-right h4 { font-size: 20px; line-height: 28px; } .block-list .with-icons .list-block-right p { font-size: 18px; line-height: 28px; } .block-list .with-icons .list-block-left { width: 80px; height: 80px; } } @media screen and (min-width: 900px) { .table h3 { text-align: center; font-size: 24px; line-height: 32px; margin: 0 0 30px 0; } .table .container { padding: 30px 60px; } .table .table-wrapper-mob, .table .table-wrapper-mob::before { display: none; } .table .table-wrapper-desk { border-radius: 12px; display: block; } .table .table-wrapper-desk::before { display: block; background: radial-gradient(50% 50% at 50% 50%, #3b56e0 0%, #fff0 50%); } .table .desk-table { width: 100%; border-spacing: 0; border-collapse: collapse; margin: 0; table-layout: fixed; } .table .desk-table td, .table .desk-table th { padding: 18px; border: 1px solid #0088FF; width: 100%; } .table .desk-table th { font-size: 20px; line-height: 24px; color: #000000; font-weight: 900; } .table .desk-table tr:first-child th, .table .desk-table tr:first-child td { border-top: none; } .table .desk-table tr:last-child td { border-bottom: none; } .table .desk-table th:first-child, .table .desk-table td:first-child { border-left: none; } .table .desk-table th:last-child, .table .desk-table td:last-child { border-right: none; } .table-style2 .desk-table td, .table-style2 .desk-table th { border: 1px solid #F0B90B; } } @media only screen and (min-width: 900px) { .block-cards .container { padding: 40px 60px; } .block-cards .container .card-index { top: 30px; left: 30px; font-size: 222px; } .block-cards .cards-wrapper { display: flex; justify-content: space-between; gap: 16px; } .block-cards .cards-wrapper .card-block { margin: 0; padding: 45px 30px 45px 100px; } .block-cards .cards-wrapper .card-block h3 { font-size: 20px; line-height: 28px; } .block-cards .cards-wrapper .card-block .card-text { font-size: 18px; line-height: 28px; } .block-cards .in-line-three .card-block { width: 33%; } .block-cards .button { width: fit-content; padding: 12px 26px; font-size: 16px; line-height: 24px; margin: 43px auto 0 auto; } .block-cards .in-line-two { flex-wrap: wrap; justify-content: center; gap: 32px; } .block-cards .in-line-two .card-block { width: calc(50% - 16px); } } @media only screen and (min-width: 1100px) { .between .between-container { display: flex; justify-content: space-between; padding: 38px 60px; flex-wrap: wrap; } .between .left { display: inline-block; max-width: 50%; } .between .left h2 { margin: 0; } .between .right { max-width: 427px; } .between .right a { margin: 30px 0 0 0; } .between .between-text { font-size: 18px; } } @media only screen and (min-width: 1100px) { .line-container { padding: 24px 70px; font-size: 24px; line-height: 32px; } .text-tip { font-size: 24px; line-height: 32px; } .tip-container { padding: 48px 60px; } } @media (min-width: 1000px) { .roster h2 { font-size: 20px; line-height: 28px; } .roster .roster-wrapper .line-block { padding: 18px 60px; } .roster .roster-wrapper h3 { font-size: 18px; line-height: 28px; padding: 29px 0 0 65px; } .roster .roster-wrapper p { font-size: 18px; line-height: 28px; } .roster .roster-wrapper .line-index { top: 18px; left: 60px; font-size: 60px; } .roster .button { max-width: unset; width: fit-content; padding: 12px 24px; } } @media only screen and (min-width: 1280px) { section.faq-section .faq-question { padding: 16px 100px; } section.faq-section .faq-question .faq-text { font-size: 20px; line-height: 28px; } section.faq-section .faq-number { margin-right: 100px; margin-left: 50px; min-width: 30px; } section.faq-section .faq-answer p { padding: 16px 100px; font-size: 18px; } section.faq-section .faq-text { font-size: 18px; } section.faq-section .faq-arrow { font-size: 20px; margin-left: 16px; } }