.tutormall-name { font-family: "Poppins", serif; font-weight: 600; font-style: normal; }

.first-box { background-color: #f96e46; }
.first-box-head { color: white; font-size: 28px; font-weight: bold; line-height: 1.1; margin-left: 10px; margin-right: 10px; }
.first-box-body { color: white; font-size: 16px; font-weight: 100; line-height: 1.5; margin-left: 10px; margin-right: 10px; }
.first-box form input[type=text] { color: black; background: white; font-size: 16px; font-weight: 100; }
.first-box form select { font-weight: 100; color: black; }
.first-box form button[type=submit] { color: white; background-color: #04253a; border: none; }
.first-box form button[type=submit]:hover { filter: brightness(1.3); }

.tutor-box-head { color: white; font-size: 28px; font-weight: bold; line-height: 1.1; }
.tutor-box-body { color: white; font-size: 16px; font-weight: 100; line-height: 1.5; }
.tutor-box button { color: white; background-color: #f96e46; border: none; padding-top: 10px; padding-bottom: 10px; }
.tutor-box button:hover { color: white; background-color: #f96e46; filter: brightness(1.3); }

.result-box { color: #222750; }
.result-box-head { color: #222750; font-size: 28px; font-weight: bold; line-height: 1.1; }
.result-box-body { color: #f96e46; font-size: 16px; font-weight: 100; line-height: 1.5; }

.attribution { text-align: right; font-size: 12px; margin-right: 10px; display: none; }
.attribution a { color: black; }

.tu-processing-img figure img { object-fit: contain; object-position: center; }
figure { position: relative; text-align: center; }
figcaption.attribution { position: relative; top: -12px; color: black; }

.tu-processing-content { padding-top: 0px; }

.tu-main-section { padding-top: 40px; padding-bottom: 40px; }

.tu-howit-steps_content figure { background: #E1EFF8; }
.tu-howit-steps_content.tutor figure { background: #E7F3FF; }
.tu-howit-steps_content figure img { max-height: 150px; object-fit: contain; }

.tu-iconyellow_bgclr { background: #FFD10117; color: #FFD101; }


@media (min-width: 768px) {
    body > .container { padding-top: 60px; }

    .first-box-teaser { font-size: 24px; }
    .first-box-head { font-size: 48px; line-height: 1.3; }
    .first-box-body { font-size: 20px; }

    .tutor-box-head { font-size: 48px; line-height: 1.3; }
    .tutor-box-body { font-size: 24px; }

    .result-box-head { font-size: 48px; line-height: 1.3; }
    .result-box-body { font-size: 20px; }

    .attribution { display: block; }

    .tu-processing-content { padding-top: 80px; }

    .tu-main-section { padding-top: 80px; padding-bottom: 80px; }

    .tu-howit-steps_content { height: 100%; }
    .tu-howit-steps_content figure img { max-height: 200px; }

}