.page-test {margin:50px auto 0 auto;width:1280px;}
.hero {display:block;float:left;width:60%;background-color:#284257;text-align:center;padding:20px 20%;}
.hero-title {color:#fff;font-size:30px;font-weight:400;margin:0;padding:0;line-height:140%;}
.hero-desc {color:#fff;font-size:16px;font-weight:300;margin:0;padding:10px 0;line-height:140%;}
.steps {display:block;float:left;width:100%;padding:0;margin:20px 0;}
.step {display:block;float:left;width:20%;padding:20px 2% 10px 2%;margin:10px 1% 10px 0;background-color:#F7F7F7;text-align:left;min-height:190px;}
.step:hover {background-color:#e1e1e1;}
.step img {}
.step-badge {display:block;float:left;width:100%;text-align:right;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:#194C8E;font-family:"Roboto", sans-serif;margin:0 0 8px 0;}
.step span {font-family: "EB Garamond", serif;font-size:24px;}
.step p {font-size:14px;}
.coretest {display:block;float:left;width:100%;}
.coretest-question {display:block;float:left;width:100%;border-bottom:1px solid #D8D8D8;padding-bottom:30px;margin-top:30px;transition: opacity 0.4s ease, transform 0.4s ease;opacity: 0.25;filter: grayscale(0.5);}
.coretest-question.is-active {opacity: 1;filter: grayscale(0);}
.coretest-question-text {font-weight:500;font-size:24px;line-height:120%;color:#284257;}
.coretest-question label {display:block;float:left;width:97%;padding:10px 0 10px 3%;cursor: pointer;}
#coretest-next, #coretest-result { background-color: #194C8E;color: #F7F7F7;height: 42px;padding: 0 40px;border-radius: 4px;font-weight: 700;font-size: 14px;display: inline-flex;align-items: center;justify-content: center;gap: 10px;transition: background 0.3s ease;margin:50px auto;}
#coretest-next::after, #coretest-result::after {display: block;float:right;margin:5px;content: "";width: 10px;height: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='4.28599' cy='1.42857' r='1.42857' fill='%23F7F7F7'/%3E%3Ccircle cx='4.28599' cy='8.57143' r='1.42857' fill='%23F7F7F7'/%3E%3Ccircle cx='7.8571' cy='4.99954' r='1.42857' fill='%23F7F7F7'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;}
#coretest-next:hover, #coretest-result:hover {background-color: #284257;}
@media (max-width: 1279px) {
.page-test {margin:20px 0 0 0;width:100%;}
.hero {width:90%;padding:20px 5%;}
.hero-desc {font-size:14px;}
.steps, .steps ol { display:block; float:left; width: 90%; margin:20px 5%; padding:0; }
.step { width:90%; margin:10px 0; padding:10px 5%; min-height:0; }
.coretest {width:96%;padding:0 2%;}
.mobile-stick {display:none !important;}
}