.intro h1, .intro p { margin-bottom: 10px; } .cell-section, .intro { position: relative; } .intro-bg, .intro::before { position: absolute; height: 100%; left: 0; width: 100%; top: 0; } .intro::before { content: ""; background-color: rgba(9, 19, 70, 0.7); z-index: 0; } .intro-bg { z-index: -1; } .intro-bg img { width: 100%; height: 100%; object-fit: cover; display: block; } .intro h1 { font-size: 40px; font-weight: 700; } .intro .info p { font-size: 16px; font-weight: 400; line-height: 24px; } .intro .rating { display: flex; align-items: center; gap: 5px; } .intro .rating p { font-size: 12px; } .intro .info { padding: 30px 0; } .intro .container { display: flex; flex-direction: column; position: relative; z-index: 1; padding-bottom: 30px; } @media (min-width: 425px) { .intro .rating p { font-size: 14px; } } .info-card { display: flex; flex-direction: column; margin-bottom: 32px; } .info-card-text h3 { font-weight: 700; font-size: 28px; line-height: 33px; margin-left: 10px; margin-bottom: 8px; } .info-card-text p { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 12px; } .info-card-img { max-height: 150px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px; } .info-card-img img { object-fit: cover; width: 100%; height: 150px; display: block; } .card-img--3 { object-position: center -60px; } .card-img--9 { object-position: center -150px; } .btn.end-section { font-size: 32px; width: 90%; margin: 0 auto; display: block; } .calculator { background: var(--color-black-60, rgba(0, 0, 0, 0.6)); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); border-radius: 20px; padding: 30px; max-width: 800px; margin: 0 auto; } .calculator-field { margin-bottom: 30px; } .calculator-label { display: block; color: #fff; font-size: 19px; font-weight: 500; margin-bottom: 14px; } .calculator-input-wrapper { position: relative; margin-bottom: 15px; } .calculator-input { display: inline-block; background: 0 0; border: 3px solid #fc0; border-radius: 25px; padding: 12px 20px; color: #fc0; font-size: 20px; font-weight: 700; } .calculator-input .calculator-currency { position: static; transform: none; color: #fc0; font-size: 20px; font-weight: 700; } .calculator-slider-wrapper { position: relative; margin-bottom: 10px; } .calculator-slider { width: 100%; height: 6px; -webkit-appearance: none; appearance: none; background: #fff; border-radius: 3px; outline: 0; position: relative; z-index: 2; } .calculator-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: gold; border-radius: 50%; cursor: pointer; border: 2px solid #fff; } .calculator-slider::-moz-range-thumb { width: 20px; height: 20px; background: gold; border-radius: 50%; cursor: pointer; border: 2px solid #fff; } .calculator-labels { display: flex; justify-content: space-between; color: #fc0; font-size: 12px; margin-top: 5px; } .calculator-result { background: 0 0; border: 3px solid #fc0; border-radius: 25px; padding: 20px; text-align: center; margin-top: 40px; } .calculator-result-value { color: #fc0; font-size: 32px; font-weight: 700; } .grid-item.process:first-child { order: 1; } .grid-item.process:nth-child(2) { order: 3; } .grid-item.process:nth-child(3) { order: 2; } .grid-item.process:nth-child(4) { order: 4; } .grid-process-title { font-size: 22px; font-weight: 600; margin-bottom: 8px; } .grid-process-text { font-size: 16px; font-weight: 400; line-height: 24px; } .grid-item img { width: 120px; } .grid-item.process:first-child { order: 1; } .grid-item.process:nth-child(2) { order: 3; } .grid-item.process:nth-child(3) { order: 2; } .grid-item.process:nth-child(4) { order: 4; } .grid-process-title { font-size: 22px; font-weight: 600; margin-bottom: 8px; } .grid-process-text { font-size: 16px; font-weight: 400; line-height: 24px; } .grid-review-name { font-size: 14px; line-height: 21px; font-weight: 700; margin-bottom: 0; margin-top: 20px; } .grid-item:has(.grid-review-name) { display: flex; flex-direction: column; } .grid-review-text { font-size: 20px; line-height: 24px; font-weight: 600; margin-top: 10px; flex: 1; } .cell-down, .cell-up { position: absolute; width: 100%; opacity: 0.6; } .cell-down { bottom: 0; } .cell-up { top: 0; } .themed-section { background-color: #00003c; position: relative; border-radius: 15px; overflow: hidden; } .themed-section form { position: relative; z-index: 2; margin-left: auto; margin-right: auto; } .themed-section .background-grid { position: absolute; opacity: 0.6; pointer-events: none; } .themed-section .section-title { margin-bottom: 16px; } .themed-section { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 32px; } .themed-text { max-width: 760px; margin: 0 auto; } .themed-text h2, .themed-text p { text-align: start; } .themed-text p { font-size: 24px; font-weight: 500; } .themed-text { text-align: center !important; font-size: 24px !important; font-weight: 500 !important; } .themed-text h2 { text-align: center; } .form-block { margin-top: 60px; } body .seo-section { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .seo-section h2 { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 2px; } .seo-section h3 { font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; margin: 0 0 20px 0; } .seo-content h1 { font-size: 24px; line-height: 120%; font-weight: 600; margin: 0 0 8px 0; } .seo-content h2 { font-size: 20px; text-align: left; font-weight: 600; margin: 0 0 8px 0; line-height: 120%; } .seo-content h3 { font-size: 18px; text-align: left; font-weight: 600; margin: 0 0 8px 0; line-height: 120%; } .seo-content h5 { font-size: 14px; font-weight: 600; margin: 0 0 8px 0; line-height: 120%; } .seo-content h6 { font-size: 12px; font-weight: 600; margin: 0 0 8px 0; line-height: 120%; } .seo-content h4 { font-size: 18px; font-weight: 600; margin: 0 0 8px 0; } .seo-content p { margin: 0 0 10px 0; } .seo-text { font-size: 12px; line-height: 16px; font-weight: 400; margin: 0 0 10px 0; } strong, b { margin: 8px 0 0 0; display: block; } .seo-content ul, .seo-content ol { margin: 0 0 8px 0; padding: 0 0 0 15px; } .seo-content ol { list-style: decimal; } .seo-section li { font-size: 12px; line-height: 16px; font-weight: 400; } .seo-section .btn { margin: 10px auto 0 auto; display: flex; text-align: center; justify-content: center; align-items: center; } .seo-wrapper { height: 120px; overflow: hidden; transition: height 0.4s ease; position: relative; } .table h2 { font-size: 32px; line-height: 38px; font-weight: 600; text-align: center; margin-bottom: 20px; } .table-wrapper-desk { display: none; } .mobile-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid #000EAB; border-radius: 24px; background: #00003C; margin-bottom: 16px; table-layout: fixed; } .mobile-table:last-child { margin-bottom: 0; } .mobile-table td { padding: 4px 10px; border-right: 1px solid #000EAB; border-bottom: 1px solid #000EAB; background: #00003C; color: #ffffff; vertical-align: middle; height: 40px; } .mobile-table tr:last-child td { border-bottom: none; } .mobile-table td:last-child { border-right: none; } .mobile-table-title { font-weight: 700; font-size: 12px; line-height: 14px; } .mobile-table-value { font-size: 12px; line-height: 16px; } .faq-container { background: #00003c; border: 1px solid var(--color-blue-28, #00188f); border-radius: 15px; padding: 0 20px; max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid #18302f; } .faq-item:last-child { border-bottom: none; } .faq-question { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; color: #fff; font-size: 16px; font-weight: 500; } .faq-question span { flex: 1; font-size: 16px; font-weight: 700; padding-right: 15px; } .faq-icon { flex-shrink: 0; transition: transform 0.3s; } .tips-wrapper, footer .content { flex-direction: column; display: flex; } .faq-item.active .faq-icon { transform: rotate(180deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s, padding 0.3s; padding: 0; } .faq-item.active .faq-answer { max-height: 500px; padding: 0 0 20px; } .faq-answer p { color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0; }