.u-section-1 { background-image: url("../images/bg.png"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .u-section-1 .u-sheet-1 { min-height: 904px; } .u-section-1 .u-layout-wrap-1 { --radius: 50px; width: 908px; margin: 35px auto 0; } .u-section-1 .u-layout-cell-1 { background-image: linear-gradient(90deg, #03A1EA, #205BAF); --radius: 36px; min-height: 180px; box-shadow: 0 10px 20px rgba(3, 161, 234, 0.3); } .u-section-1 .u-container-layout-1 { padding: 0; } .u-section-1 .u-text-1 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-1 { width: 42px; height: 42px; margin: 13px auto 0; padding: 0; } .u-section-1 .u-icon-2 { width: 42px; height: 42px; margin: -24px auto 0 14px; padding: 0; } .u-section-1 .u-icon-3 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-2 { background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-2 { padding: 0; } .u-section-1 .u-text-2 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-4 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-5 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-6 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-3 { background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-3 { padding: 0; } .u-section-1 .u-text-3 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-7 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-8 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-9 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-4 { background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-4 { padding: 0; } .u-section-1 .u-text-4 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-10 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-11 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-12 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-5 { background-image: linear-gradient(0deg, rgba(71, 138, 201, 1), rgba(71, 138, 201, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-5 { padding: 0; } .u-section-1 .u-text-5 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-13 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-14 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-15 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-6 { background-image: linear-gradient(90deg, #FF6B6B, #EE5D5D); --radius: 36px; min-height: 180px; box-shadow: 0 10px 20px rgba(255, 107, 107, 0.3); } .u-section-1 .u-container-layout-6 { padding: 0; } .u-section-1 .u-text-6 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-16 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-17 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-18 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-image-1 { background-image: linear-gradient(to bottom, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1)), url('../images/default-image.jpg'); --radius: 36px; min-height: 180px; background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; background-size: cover, cover; } .u-section-1 .u-container-layout-7 { box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.4); padding: 0; } .u-section-1 .u-text-7 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-19 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-20 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-21 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-8 { background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-8 { padding: 0; } .u-section-1 .u-text-8 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-22 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-23 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-24 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-9 { background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-9 { padding: 0; } .u-section-1 .u-text-9 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-25 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-26 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-27 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-10 { background-image: linear-gradient(0deg, rgba(219, 84, 90, 1), rgba(219, 84, 90, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-10 { padding: 1px; } .u-section-1 .u-text-10 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 26px auto 0; } .u-section-1 .u-icon-28 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-29 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-30 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-11 { background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1)); --radius: 36px; min-height: 180px; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-container-layout-11 { padding: 0; } .u-section-1 .u-text-11 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-31 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-32 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-33 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-12 { background-image: linear-gradient(90deg, #FDC830, #F37335); --radius: 36px; min-height: 180px; box-shadow: 0 10px 20px rgba(243, 115, 53, 0.3); } .u-section-1 .u-container-layout-12 { padding: 0; } .u-section-1 .u-text-12 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-34 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-35 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-36 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-13 { background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-13 { padding: 0; } .u-section-1 .u-text-13 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-37 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-38 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-39 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-14 { background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-14 { padding: 0; } .u-section-1 .u-text-14 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-40 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-41 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-42 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-15 { background-image: linear-gradient(0deg, rgba(241, 197, 14, 1), rgba(241, 197, 14, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-15 { padding: 0; } .u-section-1 .u-text-15 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 27px auto 0; } .u-section-1 .u-icon-43 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-44 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-45 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-16 { background-image: linear-gradient(90deg, #43CEA2, #185A9D); --radius: 36px; min-height: 180px; box-shadow: 0 10px 20px rgba(67, 206, 162, 0.3); } .u-section-1 .u-container-layout-16 { padding: 0; } .u-section-1 .u-text-16 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 24px auto 0; } .u-section-1 .u-icon-46 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-47 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-48 { width: 42px; height: 42px; margin: -42px 15px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-17 { background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-17 { padding: 0; } .u-section-1 .u-text-17 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 24px auto 0; } .u-section-1 .u-icon-49 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-50 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-51 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-18 { background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-18 { padding: 0; } .u-section-1 .u-text-18 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 24px auto 0; } .u-section-1 .u-icon-52 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-53 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-54 { width: 42px; height: 42px; margin: -44px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-19 { background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-19 { padding: 0; } .u-section-1 .u-text-19 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 24px auto 0; } .u-section-1 .u-icon-55 { width: 42px; height: 42px; margin: 14px auto 0; padding: 0; } .u-section-1 .u-icon-56 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-57 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-layout-cell-20 { background-image: linear-gradient(0deg, rgba(44, 204, 196, 1), rgba(44, 204, 196, 1)); --radius: 36px; min-height: 180px; } .u-section-1 .u-container-layout-20 { padding: 0; } .u-section-1 .u-text-20 { font-weight: 800; font-size: 3rem; line-height: 1; margin: 26px auto 0; } .u-section-1 .u-icon-58 { width: 42px; height: 42px; margin: 15px auto 0; padding: 0; } .u-section-1 .u-icon-59 { width: 42px; height: 42px; margin: -25px auto 0 14px; padding: 0; } .u-section-1 .u-icon-60 { width: 42px; height: 42px; margin: -42px 14px 0 auto; padding: 0; } .u-section-1 .u-btn-1, .u-section-1 .u-sheet-1 .u-btn-1 { --radius: 50px; background-image: none !important; margin: 29px auto 60px; padding: 9px 69px 11px 68px; background-color: #03A1EA !important; color: #FFFFFF !important; transition: background-color 0.3s ease; } .u-section-1 .u-btn-1:hover, .u-section-1 .u-sheet-1 .u-btn-1:hover { background-color: #0288D1 !important; } @media (max-width: 1199px) { .u-section-1 .u-sheet-1 { min-height: 745px; } .u-section-1 .u-layout-wrap-1 { width: 940px; } .u-section-1 .u-layout-cell-1 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-2 { margin-left: 13px; } .u-section-1 .u-icon-3 { margin-left: 123px; } .u-section-1 .u-layout-cell-2 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-5 { margin-left: 13px; } .u-section-1 .u-icon-6 { margin-left: 123px; } .u-section-1 .u-layout-cell-3 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-8 { margin-left: 13px; } .u-section-1 .u-icon-9 { margin-left: 123px; } .u-section-1 .u-layout-cell-4 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-11 { margin-left: 13px; } .u-section-1 .u-icon-12 { margin-left: 123px; } .u-section-1 .u-layout-cell-5 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-14 { margin-left: 13px; } .u-section-1 .u-icon-15 { margin-left: 123px; } .u-section-1 .u-layout-cell-6 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-17 { margin-left: 13px; } .u-section-1 .u-icon-18 { margin-left: 123px; } .u-section-1 .u-image-1 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-20 { margin-left: 13px; } .u-section-1 .u-icon-21 { margin-left: 123px; } .u-section-1 .u-layout-cell-8 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-23 { margin-left: 13px; } .u-section-1 .u-icon-24 { margin-left: 123px; } .u-section-1 .u-layout-cell-9 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-opacity: 0; --animation-custom_in-rotate: 0deg; --animation-custom_in-scale: 1; } .u-section-1 .u-icon-26 { margin-left: 13px; } .u-section-1 .u-icon-27 { margin-left: 123px; } .u-section-1 .u-layout-cell-10 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-29 { margin-left: 13px; } .u-section-1 .u-icon-30 { margin-left: 123px; } .u-section-1 .u-layout-cell-11 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-32 { margin-left: 13px; } .u-section-1 .u-icon-33 { margin-left: 123px; } .u-section-1 .u-layout-cell-12 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-35 { margin-left: 13px; } .u-section-1 .u-icon-36 { margin-left: 123px; } .u-section-1 .u-layout-cell-13 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-38 { margin-left: 13px; } .u-section-1 .u-icon-39 { margin-left: 123px; } .u-section-1 .u-layout-cell-14 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-41 { margin-left: 13px; } .u-section-1 .u-icon-42 { margin-left: 123px; } .u-section-1 .u-layout-cell-15 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-44 { margin-left: 13px; } .u-section-1 .u-icon-45 { margin-left: 123px; } .u-section-1 .u-layout-cell-16 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-47 { margin-left: 13px; } .u-section-1 .u-icon-48 { margin-left: 123px; } .u-section-1 .u-layout-cell-17 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-50 { margin-left: 13px; } .u-section-1 .u-icon-51 { margin-left: 123px; } .u-section-1 .u-layout-cell-18 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-53 { margin-left: 13px; } .u-section-1 .u-icon-54 { margin-left: 123px; } .u-section-1 .u-layout-cell-19 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-56 { margin-left: 13px; } .u-section-1 .u-icon-57 { margin-left: 123px; } .u-section-1 .u-layout-cell-20 { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .u-section-1 .u-icon-59 { margin-left: 13px; } .u-section-1 .u-icon-60 { margin-left: 123px; } } @media (max-width: 991px) { .u-section-1 .u-sheet-1 { min-height: 1265px; } .u-section-1 .u-layout-wrap-1 { width: 720px; } .u-section-1 .u-layout-cell-1 { min-height: 100px; } .u-section-1 .u-icon-1 { margin-left: 502px; } .u-section-1 .u-icon-2 { margin-left: 177px; } .u-section-1 .u-icon-3 { margin-left: 287px; } .u-section-1 .u-layout-cell-2 { min-height: 100px; } .u-section-1 .u-icon-4 { margin-left: 502px; } .u-section-1 .u-icon-5 { margin-left: 177px; } .u-section-1 .u-icon-6 { margin-left: 287px; } .u-section-1 .u-layout-cell-3 { min-height: 100px; } .u-section-1 .u-icon-7 { margin-left: 502px; } .u-section-1 .u-icon-8 { margin-left: 177px; } .u-section-1 .u-icon-9 { margin-left: 287px; } .u-section-1 .u-layout-cell-4 { min-height: 100px; } .u-section-1 .u-icon-10 { margin-left: 502px; } .u-section-1 .u-icon-11 { margin-left: 177px; } .u-section-1 .u-icon-12 { margin-left: 287px; } .u-section-1 .u-layout-cell-5 { min-height: 100px; } .u-section-1 .u-icon-13 { margin-left: 502px; } .u-section-1 .u-icon-14 { margin-left: 177px; } .u-section-1 .u-icon-15 { margin-left: 287px; } .u-section-1 .u-layout-cell-6 { min-height: 100px; } .u-section-1 .u-icon-16 { margin-left: 502px; } .u-section-1 .u-icon-17 { margin-left: 177px; } .u-section-1 .u-icon-18 { margin-left: 287px; } .u-section-1 .u-image-1 { min-height: 100px; } .u-section-1 .u-icon-19 { margin-left: 502px; } .u-section-1 .u-icon-20 { margin-left: 177px; } .u-section-1 .u-icon-21 { margin-left: 287px; } .u-section-1 .u-layout-cell-8 { min-height: 100px; } .u-section-1 .u-icon-22 { margin-left: 502px; } .u-section-1 .u-icon-23 { margin-left: 177px; } .u-section-1 .u-icon-24 { margin-left: 287px; } .u-section-1 .u-layout-cell-9 { min-height: 100px; } .u-section-1 .u-icon-25 { margin-left: 502px; } .u-section-1 .u-icon-26 { margin-left: 177px; } .u-section-1 .u-icon-27 { margin-left: 287px; } .u-section-1 .u-layout-cell-10 { min-height: 100px; } .u-section-1 .u-icon-28 { margin-left: 502px; } .u-section-1 .u-icon-29 { margin-left: 177px; } .u-section-1 .u-icon-30 { margin-left: 287px; } .u-section-1 .u-layout-cell-11 { min-height: 100px; } .u-section-1 .u-icon-31 { margin-left: 502px; } .u-section-1 .u-icon-32 { margin-left: 177px; } .u-section-1 .u-icon-33 { margin-left: 287px; } .u-section-1 .u-layout-cell-12 { min-height: 100px; } .u-section-1 .u-icon-34 { margin-left: 502px; } .u-section-1 .u-icon-35 { margin-left: 177px; } .u-section-1 .u-icon-36 { margin-left: 287px; } .u-section-1 .u-layout-cell-13 { min-height: 100px; } .u-section-1 .u-icon-37 { margin-left: 502px; } .u-section-1 .u-icon-38 { margin-left: 177px; } .u-section-1 .u-icon-39 { margin-left: 287px; } .u-section-1 .u-layout-cell-14 { min-height: 100px; } .u-section-1 .u-icon-40 { margin-left: 502px; } .u-section-1 .u-icon-41 { margin-left: 177px; } .u-section-1 .u-icon-42 { margin-left: 287px; } .u-section-1 .u-layout-cell-15 { min-height: 100px; } .u-section-1 .u-icon-43 { margin-left: 502px; } .u-section-1 .u-icon-44 { margin-left: 177px; } .u-section-1 .u-icon-45 { margin-left: 287px; } .u-section-1 .u-layout-cell-16 { min-height: 100px; } .u-section-1 .u-icon-46 { margin-left: 502px; } .u-section-1 .u-icon-47 { margin-left: 177px; } .u-section-1 .u-icon-48 { margin-left: 287px; } .u-section-1 .u-layout-cell-17 { min-height: 100px; } .u-section-1 .u-icon-49 { margin-left: 502px; } .u-section-1 .u-icon-50 { margin-left: 177px; } .u-section-1 .u-icon-51 { margin-left: 287px; } .u-section-1 .u-layout-cell-18 { min-height: 100px; } .u-section-1 .u-icon-52 { margin-left: 502px; } .u-section-1 .u-icon-53 { margin-left: 177px; } .u-section-1 .u-icon-54 { margin-left: 287px; } .u-section-1 .u-layout-cell-19 { min-height: 100px; } .u-section-1 .u-icon-55 { margin-left: 502px; } .u-section-1 .u-icon-56 { margin-left: 177px; } .u-section-1 .u-icon-57 { margin-left: 287px; } .u-section-1 .u-layout-cell-20 { min-height: 100px; } .u-section-1 .u-icon-58 { margin-left: 502px; } .u-section-1 .u-icon-59 { margin-left: 177px; } .u-section-1 .u-icon-60 { margin-left: 287px; } } @media (max-width: 767px) { .u-section-1 .u-sheet-1 { min-height: 1487px; } .u-section-1 .u-layout-wrap-1 { width: 540px; } .u-section-1 .u-text-1 { font-size: 1rem; } .u-section-1 .u-icon-1 { margin-left: 367px; } .u-section-1 .u-icon-2 { margin-left: 132px; } .u-section-1 .u-icon-3 { margin-left: 242px; } .u-section-1 .u-text-2 { font-size: 1rem; } .u-section-1 .u-icon-4 { margin-left: 367px; } .u-section-1 .u-icon-5 { margin-left: 132px; } .u-section-1 .u-icon-6 { margin-left: 242px; } .u-section-1 .u-text-3 { font-size: 1rem; } .u-section-1 .u-icon-7 { margin-left: 367px; } .u-section-1 .u-icon-8 { margin-left: 132px; } .u-section-1 .u-icon-9 { margin-left: 242px; } .u-section-1 .u-text-4 { font-size: 1rem; } .u-section-1 .u-icon-10 { margin-left: 367px; } .u-section-1 .u-icon-11 { margin-left: 132px; } .u-section-1 .u-icon-12 { margin-left: 242px; } .u-section-1 .u-text-5 { font-size: 1rem; } .u-section-1 .u-icon-13 { margin-left: 367px; } .u-section-1 .u-icon-14 { margin-left: 132px; } .u-section-1 .u-icon-15 { margin-left: 242px; } .u-section-1 .u-text-6 { font-size: 1rem; } .u-section-1 .u-icon-16 { margin-left: 367px; } .u-section-1 .u-icon-17 { margin-left: 132px; } .u-section-1 .u-icon-18 { margin-left: 242px; } .u-section-1 .u-text-7 { font-size: 1rem; } .u-section-1 .u-icon-19 { margin-left: 367px; } .u-section-1 .u-icon-20 { margin-left: 132px; } .u-section-1 .u-icon-21 { margin-left: 242px; } .u-section-1 .u-text-8 { font-size: 1rem; } .u-section-1 .u-icon-22 { margin-left: 367px; } .u-section-1 .u-icon-23 { margin-left: 132px; } .u-section-1 .u-icon-24 { margin-left: 242px; } .u-section-1 .u-text-9 { font-size: 1rem; } .u-section-1 .u-icon-25 { margin-left: 367px; } .u-section-1 .u-icon-26 { margin-left: 132px; } .u-section-1 .u-icon-27 { margin-left: 242px; } .u-section-1 .u-text-10 { font-size: 1rem; } .u-section-1 .u-icon-28 { margin-left: 367px; } .u-section-1 .u-icon-29 { margin-left: 132px; } .u-section-1 .u-icon-30 { margin-left: 242px; } .u-section-1 .u-text-11 { font-size: 1rem; } .u-section-1 .u-icon-31 { margin-left: 367px; } .u-section-1 .u-icon-32 { margin-left: 132px; } .u-section-1 .u-icon-33 { margin-left: 242px; } .u-section-1 .u-text-12 { font-size: 1rem; } .u-section-1 .u-icon-34 { margin-left: 367px; } .u-section-1 .u-icon-35 { margin-left: 132px; } .u-section-1 .u-icon-36 { margin-left: 242px; } .u-section-1 .u-text-13 { font-size: 1rem; } .u-section-1 .u-icon-37 { margin-left: 367px; } .u-section-1 .u-icon-38 { margin-left: 132px; } .u-section-1 .u-icon-39 { margin-left: 242px; } .u-section-1 .u-text-14 { font-size: 1rem; } .u-section-1 .u-icon-40 { margin-left: 367px; } .u-section-1 .u-icon-41 { margin-left: 132px; } .u-section-1 .u-icon-42 { margin-left: 242px; } .u-section-1 .u-text-15 { font-size: 1rem; } .u-section-1 .u-icon-43 { margin-left: 367px; } .u-section-1 .u-icon-44 { margin-left: 132px; } .u-section-1 .u-icon-45 { margin-left: 242px; } .u-section-1 .u-text-16 { font-size: 1rem; } .u-section-1 .u-icon-46 { margin-left: 367px; } .u-section-1 .u-icon-47 { margin-left: 132px; } .u-section-1 .u-icon-48 { margin-left: 242px; } .u-section-1 .u-text-17 { font-size: 1rem; } .u-section-1 .u-icon-49 { margin-left: 367px; } .u-section-1 .u-icon-50 { margin-left: 132px; } .u-section-1 .u-icon-51 { margin-left: 242px; } .u-section-1 .u-text-18 { font-size: 1rem; } .u-section-1 .u-icon-52 { margin-left: 367px; } .u-section-1 .u-icon-53 { margin-left: 132px; } .u-section-1 .u-icon-54 { margin-left: 242px; } .u-section-1 .u-text-19 { font-size: 1rem; } .u-section-1 .u-icon-55 { margin-left: 367px; } .u-section-1 .u-icon-56 { margin-left: 132px; } .u-section-1 .u-icon-57 { margin-left: 242px; } .u-section-1 .u-text-20 { font-size: 1rem; } .u-section-1 .u-icon-58 { margin-left: 367px; } .u-section-1 .u-icon-59 { margin-left: 132px; } .u-section-1 .u-icon-60 { margin-left: 242px; } } @media (max-width: 575px) { .u-section-1 .u-sheet-1 { min-height: 1288px; } .u-section-1 .u-layout-wrap-1 { width: 340px; } .u-section-1 .u-icon-1 { margin-left: 217px; } .u-section-1 .u-icon-2 { margin-left: 82px; } .u-section-1 .u-icon-3 { margin-left: 146px; } .u-section-1 .u-icon-4 { margin-left: 217px; } .u-section-1 .u-icon-5 { margin-left: 82px; } .u-section-1 .u-icon-6 { margin-left: 146px; } .u-section-1 .u-icon-7 { margin-left: 217px; } .u-section-1 .u-icon-8 { margin-left: 82px; } .u-section-1 .u-icon-9 { margin-left: 146px; } .u-section-1 .u-icon-10 { margin-left: 217px; } .u-section-1 .u-icon-11 { margin-left: 82px; } .u-section-1 .u-icon-12 { margin-left: 146px; } .u-section-1 .u-icon-13 { margin-left: 217px; } .u-section-1 .u-icon-14 { margin-left: 82px; } .u-section-1 .u-icon-15 { margin-left: 146px; } .u-section-1 .u-icon-16 { margin-left: 217px; } .u-section-1 .u-icon-17 { margin-left: 82px; } .u-section-1 .u-icon-18 { margin-left: 146px; } .u-section-1 .u-icon-19 { margin-left: 217px; } .u-section-1 .u-icon-20 { margin-left: 82px; } .u-section-1 .u-icon-21 { margin-left: 146px; } .u-section-1 .u-icon-22 { margin-left: 217px; } .u-section-1 .u-icon-23 { margin-left: 82px; } .u-section-1 .u-icon-24 { margin-left: 146px; } .u-section-1 .u-icon-25 { margin-left: 217px; } .u-section-1 .u-icon-26 { margin-left: 82px; } .u-section-1 .u-icon-27 { margin-left: 146px; } .u-section-1 .u-icon-28 { margin-left: 217px; } .u-section-1 .u-icon-29 { margin-left: 82px; } .u-section-1 .u-icon-30 { margin-left: 146px; } .u-section-1 .u-icon-31 { margin-left: 217px; } .u-section-1 .u-icon-32 { margin-left: 82px; } .u-section-1 .u-icon-33 { margin-left: 146px; } .u-section-1 .u-icon-34 { margin-left: 217px; } .u-section-1 .u-icon-35 { margin-left: 82px; } .u-section-1 .u-icon-36 { margin-left: 146px; } .u-section-1 .u-icon-37 { margin-left: 217px; } .u-section-1 .u-icon-38 { margin-left: 82px; } .u-section-1 .u-icon-39 { margin-left: 146px; } .u-section-1 .u-icon-40 { margin-left: 217px; } .u-section-1 .u-icon-41 { margin-left: 82px; } .u-section-1 .u-icon-42 { margin-left: 146px; } .u-section-1 .u-icon-43 { margin-left: 217px; } .u-section-1 .u-icon-44 { margin-left: 82px; } .u-section-1 .u-icon-45 { margin-left: 146px; } .u-section-1 .u-icon-46 { margin-left: 217px; } .u-section-1 .u-icon-47 { margin-left: 82px; } .u-section-1 .u-icon-48 { margin-left: 146px; } .u-section-1 .u-icon-49 { margin-left: 217px; } .u-section-1 .u-icon-50 { margin-left: 82px; } .u-section-1 .u-icon-51 { margin-left: 146px; } .u-section-1 .u-icon-52 { margin-left: 217px; } .u-section-1 .u-icon-53 { margin-left: 82px; } .u-section-1 .u-icon-54 { margin-left: 146px; } .u-section-1 .u-icon-55 { margin-left: 217px; } .u-section-1 .u-icon-56 { margin-left: 82px; } .u-section-1 .u-icon-57 { margin-left: 146px; } .u-section-1 .u-icon-58 { margin-left: 217px; } .u-section-1 .u-icon-59 { margin-left: 82px; } .u-section-1 .u-icon-60 { margin-left: 146px; } } /* In currentlvchoose.css */ /* currentlvchoose.css */ /* currentlvchoose.css */ @keyframes slowBounce { 0%, 100% { transform: translateY(0); transform: scale(0.9); } 50% { transform: translateY(-10px); transform: scale(1.1); } } .hovered { animation: slowBounce 1.0s ease-in-out infinite; /* 缓慢跳动动画 */ cursor: pointer; } @keyframes clickEffect { 0% { transform: scale(1); } 50% { transform: scale(0.95); } 100% { transform: scale(1); } } .clicked { animation: clickEffect 0.3s ease; /* 点击缩放动画 */ } /* 定义 disabled 类的样式 */ .disabled { opacity: 0.5; /* 使 div 看起来半透明,表示禁用状态 */ pointer-events: none; /* 禁止所有用户交互 */ cursor: not-allowed; /* 更改鼠标指针,提示用户不可用 */ } .u-section-1 { --p1: #03A1EA; --p2: #205BAF; } .level-choose-header { text-align: center; margin-bottom: 20px; font-family: 'PingFang SC', sans-serif; font-size: 32px; font-weight: bold; letter-spacing: 2px; padding-top: 20px; background: linear-gradient(90deg, var(--p1), var(--p2)); -webkit-background-clip: text; background-clip: text; color: transparent; /* Removed text-shadow as it can interfere with transparent text gradient */ }