.page-kids .wrapper-header-fader-main {
    background-image: linear-gradient(to bottom, rgba(0, 129, 237, 0.95), rgba(0, 128, 238, 0.92), rgba(0, 126, 240, 0.86), rgba(0, 123, 242, 0.77), rgba(0, 119, 245, 0.67), rgba(0, 115, 249, 0.56), rgba(0, 110, 252, 0.45), rgba(0, 106, 255, 0.34));
    min-width: 300px;
}

.page-kids .wrapper-header-pattern-main {
    background-image: url(/assets/images/blue-pattern.png);
    background-size: 465px, 100%;
    min-width: 300px;
}

.page-kids .wrapper-header-gradient-main {
    background-image: linear-gradient(to bottom, #07a4f3, #07f);
}

.center-el {
    display: flex;
    justify-content: center;
}

.p-0 {
    padding: 0px !important;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-35 {
    margin-bottom: 35px;
}

.pt-35 {
    padding-top: 35px;
}

.overflow-hidden {
    overflow: hidden;
}

img.cards-lg {
    margin: 48px 40px 0px 0;
    object-fit: contain;
}

img.cards-md {
    height: 345px;
    margin: -46px 0 0 -59px;
    object-fit: contain;
}

.title {
    width: 310px;
    height: 146px;
    margin: 0 0 13px 0;
    text-shadow: 0 0 34px #0055ba, 0 1px 3px rgba(0, 0, 0, 0.34);
    font-family: 'filson-soft', sans-serif;
    font-size: 74px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.99;
    letter-spacing: -0.5px;
    color: #fff;
}

.page-kids.es .banner .title {
    width: auto !important;
    height: auto;
}

.page-kids.nl .banner .title {
    width: auto !important;
    height: auto;
}

.page-kids.pt .banner .title {
    width: auto !important;
    height: auto;
}

.page-kids.es  .title {
    width: auto !important;
    height: auto;
}

.page-kids.nl .banner .title {
    width: auto !important;
    height: auto;
}

.page-kids.pt .banner .title {
    width: auto !important;
    height: auto;
}

.subtitle {
    width: 405px;
    display: block;
    margin: 20px 0 16px 3px;
    text-shadow: 0 0 34px #003d86;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.69;
    color: #fff;
}

.btn-signin-kids {
    width: 196px;
    height: 48px;
    margin: 6px 293px 0 4px;
    padding: 0px 3px 3px 0px;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0 0 0 / 13%);
    border: solid 2px #f96982 !important;
    background-color: #e53a57 !important;
    text-shadow: 0 1px 3px rgba(40 11 11 / 13%);
    font-family: 'filson-soft', sans-serif;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.53px;
    color: #fff !important;
}

.headers {
    font-family: 'filson-soft', sans-serif;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -0.2px;
    color: #3641b5;
}

span.text {
    text-shadow: 0 1px 1px rgba(0 0 0 / 8%);
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #4d5261;
}

.bkg-pln {
    width: 283px;
    height: 44px;
    margin: 0px 0px 0 8px;
    padding: 5px 0px 0px 0px;
    border-radius: 13px;
    border: solid 2px #c4cbcf;
    background-color: #fff;
}

.bkg-pln a {
    width: 229px;
    text-shadow: 0 1px 1px rgba(0 0 0 / 8%);
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: center;
    color: #4e687c;
    text-decoration: none !important;
}

.header-2 {
    color: #0077ff !important;
}

.header-3 {
    color: #7942e5 !important;
}

.share-youtube-videos {
    width: 490px;
    margin: 0 auto;
    font-size: 44px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: -0.45px;
    text-align: center;
    color: #391c21;
}
.banner {
    margin-bottom: 20px;
}

.section-1 {
    margin-top: 55px
}

.section-2 {
    margin-top: 40px
}

.section-3 {
    margin-top: 40px;
    /* margin-bottom: 80px; */
}

.section-4 .btn-signin-kids {
    margin: 32px;
}

@media screen and (min-width: 992px) {

    .banner {
        margin-top: 10px;
        margin-bottom: 38px;
    }

    .cont-banner-img {
        padding: 0px !important;
        text-align: right;
    }

    .cont-banner-txt {
        padding-left: 8px !important;
        margin-top: 35px;
    }

    .signed .banner .title {
        margin: 38px 0px 13px 4px;
    }

    .title {
        letter-spacing: 0.5px !important;
    }

    .signed .banner .subtitle {
        margin: 16px 0 0px 7px;
    }

    .subtitle {
        margin: 15px 0 16px 0px;
    }

    .section-1 {
        margin-top: 62px
    }

    .section-1 span.text {
        width: 696px;
        margin: 5px 0px 0 0;
        line-height: 1.78;
        padding-bottom: 20px;
        letter-spacing: 0.1px;
    }

    .section-1 img.school-lg {
        margin: 6px 0px 0 4px;
    }

    .section-1 img.school-lg {
        margin: 6px 0px 0 6px;
    }

    .section-1 .headers {
        margin-left: 7px;
        margin-top: 19px;
    }

    .section-2 {
        margin-top: 97px;
    }

    .section-2 .cont-img {
        text-align: right;
        padding: 0px;
    }

    .section-2 .cont-txt {
        text-align: left;
    }

    .section-2 .tools-lg {
        margin-top: 6px;
        margin-right: 6px;
    }

    .section-2 .header-2 {
        margin-left: 35px;
        margin-top: 23px;
    }

    .section-2 span.text {
        width: 520px;
        text-align: start;
        margin-top: 11px;
        margin-left: 36px;
        line-height: 1.78;
    }

    .section-3 {
        margin-top: 98px;
    }

    .section-3 .center-el {
        width: 100%;
    }

    .section-3 .header-3 {
        float: right;
        margin-top: 15px;
        margin-right: -8px;
    }

    .section-3 span.text {
        width: 472px;
        text-align: end;
        margin-right: -7px;
        margin-top: 2px;
        float: right;
        line-height: 1.78;
    }

    .section-3 .tools-lg {
        margin-top: -12px;
        margin-left: 12px;
    }

    .section-4 {
        height: 519.2px;
    }

    .section-4 .lock-eyed-img {
        margin-left: 2px;
        margin-top: 28px;
    }

    .section-4 .share-youtube-videos {
        margin: -34px auto;
    }

    .section-4 .btn-signin-kids {
        font-size: 25px;
        padding: 0px 0px 3px 2px;
        font-weight: bold;
        line-height: 1.12;
        letter-spacing: -0.63px;
        width: 196px;
        height: 54px;
        border-radius: 18px;
        margin-top: 68px;
    }
}

@media screen and (max-width: 991px) {

    .page-kids .wrapper-header-gradient-main, .page-kids .wrapper-header-pattern-main, .page-kids .wrapper-header-fader-main {
        height: 600px;
    }

    .signed .page-kids .wrapper-header-gradient-main, .signed .page-kids .wrapper-header-pattern-main, .signed .page-kids .wrapper-header-fader-main {
        height: 501px;
    }

    .page-kids .wrapper-header-main .head {
        min-height: 370px !important;
    }

    .banner {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .title {
        width: 100%;
        height: 70px;
        margin-left: 0px;
        margin-bottom: 9px;
        text-align: center;
        margin-top: 33px;
        text-shadow: 0 0 34px #0055ba, 0 1px 3px rgb(0 0 0 / 34%);
        font-size: 68px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.03;
        letter-spacing: 0.1px;
        color: #fff;
    }

    .subtitle {
        margin: 11px auto;
        width: 524px;
        height: 68px;
        text-shadow: 0 0 34px #005ac7;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }

    .btn-signin-kids {
        width: 216px;
        height: 54px;
        margin: 22px 0px 0px 2px;
        padding: 8px;
        border-radius: 18px;
        box-shadow: 0 2px 8px 0 rgb(0 0 0 / 13%);
        border: solid 2px #f96982 !important;
        background-color: #e53a57 !important;
        text-shadow: 0 1px 3px rgb(40 11 11 / 13%);
        font-size: 25px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.12;
        letter-spacing: -0.63px;
        text-align: center;
        color: #fff;
    }

    .cards-sm-img {
        background: url(/assets/images/cards-md-2@3x.png) no-repeat center;
        height: 150px;
        background-size: cover;
        margin: 50px 0 0 0;
    }

    .signed .cards-sm-img {
        margin: 30px 0 0 0;
    }

    .section-1 {
        margin-top: 68px;
    }

    .section-1 span.text {
        width: 624px;
        height: 96px;
        margin: 4px 0 0 0;
        text-shadow: 0 1px 1px rgb(0 0 0 / 8%);
        font-size: 18px;
        font-weight: 460;
        font-variation-settings: normal;
        line-height: 1.78;
        letter-spacing: 0.02px;
        text-align: center;
        color: #2c313f;

    }

    .section-1 .school-md {
        height: 130px;
        width: 640px;
    }

    .section-1 .bkg-pln {
        width: 289px;
        height: 44px;
        margin: 34px 0 0 0;
        border-radius: 13px;
        border: solid 2px #c4cbcf;
        background-color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.5px;
        text-align: center;
        color: #4e687c;
    }

    .section-2 {
        margin-top: 89px;
    }

    .section-2 .cont-img {
        text-align: center;
    }

    .section-2 .cont-txt {
        text-align: center;
    }

    .section-2 span.text {
        width: 628px;
        margin-top: 13px;
        text-shadow: 0 1px 1px rgb(0 0 0 / 8%);
        font-size: 18px;
        font-weight: 460;
        font-stretch: normal;
        font-style: normal;
        font-variation-settings: normal;
        line-height: 1.78;
        letter-spacing: 0.1px;
        text-align: center;
        color: #2c313f;
    }

    .section-2 .tools-sm {
         margin: 48px 27px 0 0px;
    }

    .section-3 {
         height: 491px;
    }

    .section-3 .tools-lg {
        margin-top: 24px;
    }

    .section-3 span.text {
        width: 483px;
        margin-top: 6px;
        letter-spacing: 0.1px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
        font-size: 18px;
        font-weight: 460;
        font-stretch: normal;
        font-style: normal;
        font-variation-settings: normal;
        line-height: 1.78;
        text-align: center;
        color: #2c313f;
    }

    .section-3 .cont-img {
        text-align: center;
    }

    .section-3 .cont-txt {
        text-align: center;
    }

    .section-3 .header-3 {
        margin-right: 2px;
        margin-top: 19px;
    }

    .section-4 {
        margin-top: 0px;
        height: 396px;
    }

    .section-4 .lock-eyed-img-sm {
        margin-top: -2px;
    }

    .section-4 .share-youtube-videos {
        margin-top: 19px;
    }

    .section-4 .btn-signin-kids {
        width: 143px;
        height: 48px;
        margin: 35px 0px 0px 0px;
        text-shadow: 0 1px 3px rgba(40, 11, 11, 0.13);
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.53px;
        text-align: center;
        color: #fff;
    }
}

@media screen and (max-width: 767px) {

  
    .page-kids .wrapper-header-gradient-main, .page-kids .wrapper-header-pattern-main, .page-kids .wrapper-header-fader-main {
        height: 642px;
    }

    .signed .page-kids .wrapper-header-gradient-main, .signed .page-kids .wrapper-header-pattern-main, .signed .page-kids .wrapper-header-fader-main {
        height: 568px;
    }

    .banner {
        text-align: center;
        margin-top: 8px;
    }

    .title {
        height: 146px;
        margin-top: 5px;
        text-shadow: 0 0 34px #005ac7, 0 1px 3px rgb(0 0 0 / 34%);
        font-size: 68px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.03;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
    }

    .subtitle {
        width: 100%;
        max-width: 344px;
        height: 90px;
        display: block;
        margin: 7px auto;
        text-shadow: 0 0 34px #003d86;
        font-size: 21px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.62;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
    }

    .btn-signin-kids {
        width: 260px;
        height: 54px;
        margin: 32px 0 0px 2px;
        padding: 8px;
        border-radius: 16px;
        box-shadow: 0 2px 8px 0 rgba(0 0 0 / 13%);
        border: solid 2px #f96982;
        background-color: #e53a57;
        text-shadow: 0 1px 3px rgba(40, 11, 11, 0.13);
        font-size: 25px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.12;
        letter-spacing: -0.63px;
        color: #fff;
    }

    .cards-xs-img {
        background: url(/assets/images/cards-sm@3x.png) no-repeat center;
        height: 200px;
        height: 145px;
        background-size: cover;
        margin-top: 29px;
    }

    .headers {
        width: 367px;
        margin: 19px auto 0px auto;
    }

    .section-1 {
        margin-top: 55px;
    }

    .section-1 span.text {
        width: 332px;
        height: auto;
        line-height: 1.78;
        margin-top: 17px;
        padding-bottom: 18px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
        font-size: 18px;
        font-weight: 460;
        font-stretch: normal;
        font-style: normal;
        font-variation-settings: normal;
        line-height: 1.78;
        letter-spacing: normal;
        text-align: center;
        color: #2c313f;
    }

    .section-1 .bkg-pln {
        margin: 2px 0 0 0;
    }

    .section-2 {
        margin-top: 85px
    }

    .section-2 span.text {
        width: 335px;
        margin-top: 15px;
        line-height: 1.78;
    }

    .section-2 .tools-sm {
        margin: 4px 0 0 0;
    }

    .section-2 .header-2 {
        width: 300px;
        font-size: 44px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.09;
        letter-spacing: -0.2px;
        text-align: center;
        color: #07f;
    }

    .section-3 {
        margin-top: 65px;
        height: 547px;
    }

    .section-3 .header-3 {
        width: 310px;
        margin: 0px auto;
        margin-bottom: 14px;
        margin-top: 18px;
    }

    .section-3 .adaptive-xs {
        width: 290px;
        height: 200px;
        margin-right: -3px;
    }

    .section-3 span.text {
        width: 334px;
        margin-top: 0px;
    }

    .section-4 {
        margin-top: 0px;
        margin-left: 3px;
        height: 452px;
    }

    .lock-eyed-img-xs {
        width: 98px;
        height: 98px;
        margin-left: 3px;
    }

    .section-4 .share-youtube-videos {
        width: 330px;
        font-size: 44px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.23;
        letter-spacing: -0.2px;
        color: #391c21;
        margin: 0 auto;
        margin-top: 18px;
    }

    .section-4 .btn-signin-kids {
        width: 143px;
        height: 48px;
        margin: 36px 0px 0 4px;
    }
}

@media screen and (max-width: 380px) {


    .title {
        font-size: 66px !important;
    }

    .headers {
        width: 100%;
    }

    span.text {
        margin-top: 20px;
    }

    .banner {
        text-align: center;
    }
}