.u-section-1 { background-image: none; min-height: 622px; } .u-section-1 .u-group-1 { width: 800px; min-height: 622px; height: auto; background-image: linear-gradient(#b9c1cc, #e0e5eb); --radius: 50px; margin: 0 auto -431px; } .u-section-1 .u-container-layout-1 { padding: 0; } .u-section-1 .u-group-2 { width: 553px; min-height: 102px; height: auto; --radius: 20px; background-image: none; margin: 39px auto 0; } .u-section-1 .u-container-layout-2 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-text-1 { width: 153px; margin: 25px auto 0; } .u-section-1 .u-image-1 { width: 73px; height: 73px; margin: -63px auto 0 2px; } .u-section-1 .u-image-2 { width: 73px; height: 73px; margin: -73px 0 0 auto; } .u-section-1 .u-group-3 { width: 163px; height: auto; --radius: 20px; background-image: none; min-height: 168px; margin: 129px auto 0 73px; } .u-section-1 .u-container-layout-3 { padding: 17px 13px; } .u-section-1 .u-image-3 { width: 101px; height: 101px; margin: 0 auto; } .u-section-1 .u-text-2 { width: 69px; margin: 4px auto 0; } .u-section-1 .u-group-4 { width: 163px; height: auto; --radius: 20px; background-image: none; min-height: 168px; margin: -168px auto 0; } .u-section-1 .u-container-layout-4 { padding: 17px 13px; } .u-section-1 .u-image-4 { width: 120px; height: 103px; margin: 0 auto; } .u-section-1 .u-text-3 { margin: 2px auto 0; } .u-section-1 .u-group-5 { width: 163px; height: auto; --radius: 20px; background-image: none; min-height: 168px; margin: -168px 73px 0 auto; } .u-section-1 .u-container-layout-5 { padding: 11px 9px; } .u-section-1 .u-image-5 { width: 93px; height: 93px; margin: 9px auto 0; } .u-section-1 .u-text-4 { margin: 10px auto 0; } .u-section-1 .u-btn-1 { border-style: none; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background-image: none; --radius: 10px; margin: 73px auto 0; padding: 20px 46px 20px 45px; } @media (max-width: 1199px) { .u-section-1 .u-group-1 { background-position: 50% 50%; height: auto; } .u-section-1 .u-group-2 { height: auto; } .u-section-1 .u-group-3 { --radius: 10px; height: auto; } .u-section-1 .u-group-4 { --radius: 10px; height: auto; } .u-section-1 .u-group-5 { --radius: 10px; height: auto; } } @media (max-width: 991px) { .u-section-1 .u-group-1 { width: 720px; } } @media (max-width: 767px) { .u-section-1 .u-group-1 { width: 540px; } .u-section-1 .u-group-2 { width: 540px; } .u-section-1 .u-container-layout-2 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-3 { padding-left: 10px; padding-right: 10px; } .u-section-1 .u-container-layout-4 { padding-left: 10px; padding-right: 10px; } } @media (max-width: 575px) { .u-section-1 .u-group-1 { width: 340px; } .u-section-1 .u-group-2 { width: 340px; } }