/* Text Color */
.text-educa-primary { color: #FF7601!important;}
.text-educa-secondary { color: #808285!important;}
.text-educa-container { color: #F8F9FA!important;}
.text-success { color: #28a745;}
.text-danger { color: #dc3545;}
.text-warning { color: #ffc107;}
.text-educa-info { color: #FFF7D3;}
.text-light { color: #f8f9fa;}
.text-educa-dark { color: #1E1E1E;}
.text-educa-muted { color: #343F52;}
.text-white { color: #fff;}
/* Background Color */
.bg-educa-primary { background-color: #FF7601!important;}
.bg-educa-secondary { background-color: #808285!important;}
.bg-educa-container { background-color: #F8F9FA!important;}
.bg-success { background-color: #28a745;}
.bg-danger { background-color: #dc3545;}
.bg-warning { background-color: #ffc107;}
.bg-educa-info { background-color: #FFF7D3;}
.bg-light { background-color: #f8f9fa;}
.bg-educa-dark { background-color: #1E1E1E;}
.bg-educa-muted { background-color: #343F52;}
.bg-white { background-color: #fff;}

.h1-educa {font-size: 49px; line-height: 63px;}
.h2-educa {font-size: 39px; line-height: 51px;}
.h3-educa {font-size: 31px; line-height: 41px;}
.h4-educa {font-size: 25px; line-height: 33px;}
.h5-educa {font-size: 20px; line-height: 26px;}
.text-educa-normal {font-size: 16px; line-height: 21px;}
.text-educa-small {font-size: 13px; line-height: 17px;}
.text-educa-smaller {font-size: 10px; line-height: 13px;}
.text-educa-smallest {font-size: 9px; line-height: 2px;}

* {
    font-family: "VAG Rounded Next W01 Regular";
    margin:0; padding:0;
    box-sizing: border-box;
    text-decoration: none;
    outline: none; border:none;
    transition: all .2s linear;
}
html{
    overflow-x: hidden;
    scroll-padding-top: 5.5rem;
    scroll-behavior: smooth;
}
#wrapper {margin-top: 0;}
header {
    z-index: 999;
}
nav {
    padding: 17px 53px;
}
#menu > .menu-link {
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.3px;
    display: inline-flex;
}
#menu .menu-link:hover {
    text-decoration: none;
    color: #F2762E!important;
}
img#logo {
    max-height: 72px;
}
img#logo-text {
    width: 40%;
}
.btn-link {
    margin: 0px 4px;
    display: inline-flex;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.3px;
    color: white;
    background-color: #FF7601;
    text-decoration: none;
    border: 1px solid #FF7601;
    border-radius: 99999px;
    padding: 10.5px 24.5px;
}
.btn-link:hover {
    color: #FF7601;
    background-color: #fff;
    text-decoration: none;
    border: 1px solid #FF7601;
    border-radius: 99999px;
}
/* Menu Hamburger */
.menu-button, .menu-button::before, .menu-button::after {
    display: flex;
    background-color: #FF7601;
    position: absolute;
    height: 6px;
    width: 32px;
    border-radius: 3px;
    color: white;
}
.menu-button::before {
    content: "";
    margin-top: -8px;
}
.menu-button::after {
    content: "";
    margin-top: 8px;
}
#menu-toggle:checked+#menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(45deg);
}
#menu-toggle:checked+#menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}
#menu-toggle:checked+#menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-45deg);
}

.desktop {
    /* display: block; */
}

.mobile {
display: none;
}
.subtitle {
    color: #343F52;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 41.6px */
    letter-spacing: 0.2px;
}
.featured-btn {
    color: #fff;
    text-decoration: none;
    width: 100%;
    padding: 7px 0;
    border-radius: 20px;
    background: #FF7601;
    display: inline-block;
    text-align: center;
    border: 1px solid #FF7601;
    border-radius: 20px;
}
.featured-btn span {
    color: #fff;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.3px;
}
.featured-btn:hover {
    text-decoration: none;
    color: #FF7601;
    background: #fff;
}
.featured-btn:hover span {
    color: #FF7601;
}
#featured-item > div {
    width: 33.33333%;
}
/* Footer */
footer {
    width: 100%;
    height: 73px;
    background-color: #FF7601;
    bottom: 0;
}
#jumbotron {
    width: 100%;
    background-color: #FF7601;
    margin-top: 6.5rem;
    padding: 44px 53px;
}
#jumbotron-video {
    border-radius: 20px;
}
#jumbotron-video iframe {
    border-radius: 20px;
    width: 435px;
    height: 245px;
}
#statistics {
    width: 100%;
    padding: 32px 53px;
}
#statistics > .stat-text {
    color: #343F52;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.3px;
    margin: 0;
}
#statistic-1, #statistic-4 {
    justify-content: end;
}
#statistic-2, #statistic-5 {
    justify-content: center;
}
#statistic-3, #statistic-6 {
    justify-content: start;
}
#statistic-1,
#statistic-2,
#statistic-3 {
    margin-bottom: 24px;
}  
#featured-brand {
    width: 100%;
    padding: 32px 53px;
}
#featured-icon{
    width: 96px;
    height: 96px;
    top: -4rem;
}
#parents-choice {
    width: 100%;
    padding: 32px 53px;
}
#product-media {
    width: 100%;
    padding: 32px 53px;
}
#product-media-link {    
    border: 1px solid #F8F9FA;
    padding: 7px 14px;
    border-radius: 20px;
}
#product-media-link:hover {
    text-decoration: none;
    background-color: #FF7601;
    border: 1px solid #FF7601;
    padding: 7px 14px;
    border-radius: 20px;
    color: #F8F9FA!important;
}
#product-media-link:hover > svg > path {
    fill: #F8F9FA;
}
#product-media-link-bottom {  
    display: none;  
    border: 1px solid #F8F9FA;
    padding: 7px 14px;
    border-radius: 20px;
}
#product-media-link-bottom:hover {
    text-decoration: none;
    padding: 7px 14px;
    border-radius: 20px;
}
#mobile-edu-games-item #edu-games:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 6px;
}
#mobile-edu-games-item #edu-games:nth-child(2) {
    width: 100%;
    padding-inline: 6px;
}
#mobile-edu-games-item #edu-games:nth-child(3) {
    width: 100%;
    padding-inline: 6px;
}
#mobile-edu-games-item #edu-games:nth-child(4) {
    width: 100%;
    padding-left: 6px;
    padding-right: 0;
}
#mobile-edu-games-item #edu-games img {
    height: 155px;
    width: 100%;
}
#mobile-edu-games-item #edu-games div.text-center{
    padding-inline: 30px;
}
#animation-series-item div iframe {
    height: 163px; 
    width: 100%;
}
#animation-series-item div:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 6px;
}
#animation-series-item div:nth-child(2) {
    width: 100%;
    padding-inline: 6px;
}
#animation-series-item div:nth-child(3) {
    width: 100%;
    padding-left: 6px;
    padding-right: 0;
}
#printed-book-item img {
    width: 100%;
    height: 342px;
}
#printed-book-item div:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 6px;
}
#printed-book-item div:nth-child(2) {
    width: 100%;
    padding-inline: 6px;
}
#printed-book-item div:nth-child(3) {
    width: 100%;
    padding-inline: 6px;
}
#printed-book-item div:nth-child(4) {
    width: 100%;
    padding-left: 6px;
    padding-right: 0;
}
#merchandise-item div:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 6px;
}
#merchandise-item div:nth-child(2) {
    width: 100%;
    padding-inline: 6px;
}
#merchandise-item div:nth-child(3) {
    width: 100%;
    padding-inline: 6px;
}
#merchandise-item div:nth-child(4) {
    width: 100%;
    padding-inline: 6px;
}
#merchandise-item div:nth-child(5) {
    width: 100%;
    padding-inline: 6px;
}
#merchandise-item div:nth-child(6) {
    width: 100%;
    padding-left: 6px;
    padding-right: 0;
}
#parents-opinion {
    width: 100%;
    padding: 32px 53px 60px 53px;
}
#parents-opinion #top-line {
    margin: 16px 24px;
    border-bottom: 2px solid #FF7601;
}
#parents-opinion #bottom-line {
    border-top: 2px solid #FF7601; 
    bottom: 32px; 
    width: 65%; 
    left: 0; 
    right: 0; 
    padding-top: 16px; 
    margin-left: auto; 
    margin-right: auto;
}
#footer {
    width: 100%;
}
#footer-top {
    padding: 32px 53px;
}
#footer-top > .flex:first-child a:hover {
    color: white;
    border-radius: 12px;
    box-shadow: 2px 2px 4px #FF7601;
}
#footer-top > .sosmed-icon a:hover {
    color: white;
    border-radius: 50%;
    box-shadow: 2px 2px 4px #FF7601;
}
#footer-bottom {
    padding-top: 29px;
    padding-bottom: 29px;
    font-size: 16px;
    line-height: 16px;
}
.sosmed-icon a.fb {
    background-color: #FF7601;
}
.sosmed-icon a.tw {
    background-color: #95B739;
}
.sosmed-icon a.ig {
    background-color: #0DC1E6;
}
.sosmed-icon a.in {
    background-color: #166BB4;
}
.sosmed-icon a {
    color: #ffffff;
    background-color: transparent;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin: 0 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.sosmed-icon a:hover {
    text-decoration: none;
    opacity: 80%;
}
#splide-parents-opinion {
    padding-right: 64px; 
    padding-left: 64px;
}
#splide-parents-choice {
    padding-right: 80px; 
    padding-left: 80px;
}
/* Responsive */
@media (min-width: 1920px) {
    nav {
        margin: auto;
        padding: 17px 440px;
    }
    #jumbotron {
        margin: auto;
        padding: 44px 440px;
    }
    #jumbotron {
        margin-top: 6.5rem;
    }
    #statistics {
        margin: auto;
        padding: 32px 440px;
    }
    #featured-brand {
        margin: auto;
        padding: 32px 440px;
    }
    #parents-choice {
        margin: auto;
        padding: 32px 440px;
    }
    #product-media {
        margin: auto;
        padding: 32px 440px;
    }
    #parents-opinion {
        padding: 32px 440px 60px 440px;
    }
    #footer-top {
        padding: 32px 440px;
    }
}
@media (min-width: 1440px) and (max-width: 1919px) {
    nav {
        margin: auto;
        padding: 17px 200px;
    }
    #jumbotron {
        margin: auto;
        padding: 44px 200px;
    }
    #jumbotron {
        margin-top: 6.5rem;
    }
    #statistics {
        margin: auto;
        padding: 32px 200px;
    }
    #featured-brand {
        margin: auto;
        padding: 32px 200px;
    }
    #parents-choice {
        margin: auto;
        padding: 32px 200px;
    }
    #product-media {
        margin: auto;
        padding: 32px 200px;
    }
    #parents-opinion {
        margin: auto;
        padding: 32px 200px 60px 200px;
    }
    #footer-top {
        padding: 32px 200px;
    }
}
@media (min-width: 1280px) and (max-width: 1439px) {
    nav {
        padding: 17px 120px;
    }
    #jumbotron {
        margin: auto;
        padding: 44px 120px;
    }
    #jumbotron {
        margin-top: 6.5rem;
    }
    #statistics {
        margin: auto;
        padding: 32px 120px;
    }
    #featured-brand {
        margin: auto;
        padding: 32px 120px;
    }
    #parents-choice {
        margin: auto;
        padding: 32px 120px;
    }
    #product-media {
        margin: auto;
        padding: 32px 120px;
    }
    #parents-opinion {
        padding: 32px 120px 60px 120px;
    }
    #footer-top {
        padding: 32px 120px;
    }
}
@media (max-width: 768px) {
    nav {
        padding: 21px 64px;
    }
    nav .inline-flex {
        gap: 0;
    }
    img#logo {
        max-height: 72px;
    }
    img#logo-text {
        width: 32%;
    }
    #menu-button-container {
        display: flex;
        align-items: center;
        color: #FF7601;
    }
    #menu {
        display: none;
    }
    #menu {
        position: absolute;
        top: 0;
        margin-top: 110px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 24px 64px;
        background-color: #fff;
        z-index: -1;
    }
    #menu .menu-link {
        background-color: #fff;
    }
    #menu-toggle:checked~#menu {
        display: flex;
    }
    #menu-toggle~.menu-link {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }
    #menu-toggle:checked~.menu-link {
        border: 1px solid #9f9a9a;
        height: 2.5em;
        padding: 0.5em;
    }
    .menu-link {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: black;
        background-color: #e8e8e8;
    }
    .menu-link:not(:last-child) {
        border-bottom: 1px solid #444;
    }
    #jumbotron {
        margin-top: 110px;
        padding-right: 64px;
        padding-left: 64px;
    }
    #jumbotron div {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;   
        gap: 1rem;
    }
    #jumbotron div div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    #jumbotron h1, #jumbotron h2 {
        text-align: center;
        align-items: center;
    }
    #jumbotron-video iframe {
        border-radius: 20px;
        width: 80%;
        height: auto;
        /* height: 356px; */
    }
    #statistic-4,
    #statistic-5 {
        margin-bottom: 24px;
    }
    #statistic-1, #statistic-2, #statistic-3, #statistic-4, #statistic-5, #statistic-6 {
        justify-content: center;
    }
    #statistic-1 > .block, #statistic-2 > .block, #statistic-3 > .block, #statistic-4 > .block, #statistic-5 > .block, #statistic-6 > .block {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    #featured-item {
        flex-direction: column;
    }
    #featured-item > div {
        width: 60%;
        margin: 0 auto;
    }
    #featured-brand h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #featured-brand h3 {
        font-size: 25px; 
        line-height: 33px;
    }
    #parents-choice h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #product-media h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #mobile-edu-games h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #mobile-edu-games-item {
        flex-direction: row;
        flex-wrap: wrap;
    }
    #animation-series h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #printed-books #printed-books h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #merchandise h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #parents-opinion {
        margin: 0 auto;
        padding-bottom: 96px;
        /* padding: 32px 180px 60px 180px; */
    }
    #parents-opinion h2 {
        font-size: 31px; 
        line-height: 41px;
    }
    #mobile-edu-games-item #edu-games:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games img {
        height: 155px;
        width: 100%;
    }
    #mobile-edu-games-item #edu-games div.text-center{
        padding-inline: 30px;
    }
    #animation-series-item div iframe {
        height: 290px; 
        width: 100%;
    }
    #animation-series-item div:nth-child(1) {
        width: 100%;
        padding: 0px;
        margin-bottom: 12px;
    }
    #animation-series-item div:nth-child(2) {
        width: 100%;
        padding: 0px;
        margin-bottom: 12px;
    }
    #animation-series-item div:nth-child(3) {
        width: 100%;
        padding: 0px;
        margin-bottom: 12px;
    }
    #printed-book-item img {
        width: 100%;
        height: 418px;
    }
    #printed-book-item div:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(5) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(6) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #splide-parents-choice {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #splide-parents-opinion {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
        /* width: 290px; */
        height: auto;
    }
    #parents-opinion-item {
        flex-direction: column;
    }
    #footer-top {
        flex-direction: column;
        gap: 24px;
        padding: 32px 64px;
    }
    #footer-top > .flex {
        flex-direction: column;
    }
    #footer-top > img {
        width: 290px;
    }
    #footer-bottom {
        padding: 20px 38px;
        font-size: 16px;
        line-height: 21px;
    }
    /* Splide */
    #splide-parents-choice {
        padding-right: 64px; 
        padding-left: 64px;
    }
    #parents-opinion > .splide__pagination {
        display: none;
    }
    #parents-opinion .splide__slide {
        padding: 0 12px;
    }
    #parents-opinion .splide__arrow {
        margin-top: 12rem;
    }
    #parents-opinion .splide__pagination {
        bottom: -1.25rem;
    }
    #parents-opinion .splide__pagination__page {
        background-color: white;
        border: 1px solid #FF7601;
    }
    #parents-opinion .splide__pagination__page.is-active {
        background-color: #FF7601;
    }
    #splide-parents-opinion {
        margin: auto;
    }
    #splide-parents-opinion-track {
        padding-bottom: 24px;
        padding-left: 42px;
        padding-right: 42px;
    }
    #splide-parents-opinion-list li p {
        margin: 1rem 0 4rem 0;
    }

    
    .desktop {
        display: none!important;
    }

    .mobile {
        display: block!important;
    }
}
@media (max-width: 480px) {
    nav {
        padding: 15px 24px;
    }
    nav .inline-flex {
        gap: 0;
    }
    img#logo {
        max-height: 48px;
    }
    img#logo-text {
        width: 32%;
    }
    #menu {
        position: absolute;
        top: 0;
        margin-top: 76px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 24px 64px;
        background-color: #fff;
        z-index: -1;
    }
    #jumbotron {
        margin-top: 78px;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 23px;
    }
    #statistics {
        margin: auto;
        padding: 24px;
    }
    #featured-brand {
        margin: auto;
        padding: 24px;
    }
    #parents-choice {
        margin: auto;
        padding: 24px;
    }
    #product-media {
        margin: auto;
        padding: 24px;
    }
    #jumbotron-video iframe {
        border-radius: 20px;
        width: 100%;
        height: 169px;
    }
    #statistic-1, #statistic-2, #statistic-3, #statistic-4, #statistic-5, #statistic-6 {
        justify-content: start;
        padding: 0;
    }
    #statistic-1 > .block, #statistic-2 > .block, #statistic-3 > .block, #statistic-4 > .block, #statistic-5 > .block, #statistic-6 > .block {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    #statistic-4,
    #statistic-5 {
        margin-bottom: 24px;
    }
    .h2-educa {
        font-size: 31px;
        font-weight: 700;
        line-height: 41px;
        letter-spacing: 0.3px;
    }
    .h4-educa, .h3-educa {
        font-size: 25px;
        font-weight: 700;
        line-height: 33px;
        letter-spacing: 0.3px;
    }
    #mobile-edu-games-item #edu-games:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #mobile-edu-games-item #edu-games img {
        height: 140px;
        width: 100%;
    }
    #mobile-edu-games-item #edu-games div.text-center{
        padding-inline: 10px;
    }
    #animation-series-item div iframe {
        height: 175px;
        width: 100%;
    }
    #animation-series-item div:nth-child(1) {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }
    #animation-series-item div:nth-child(2) {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }
    #animation-series-item div:nth-child(3) {
        width: 100%;
        padding: 0;
        margin-bottom: 12px;
    }
    #printed-book-item img {
        width: 100%;
        height: 166px;
    }
    #printed-book-item div:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #printed-book-item div:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div img {
        width: 100%;
        height: 157px;
    }
    #merchandise-item div:nth-child(1) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(2) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(3) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(4) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(5) {
        width: 100%;
        padding-left: 0;
        padding-right: 6px;
        margin-bottom: 12px;
    }
    #merchandise-item div:nth-child(6) {
        width: 100%;
        padding-left: 6px;
        padding-right: 0;
        margin-bottom: 12px;
    }
    #featured-item > div {
        width: 100%;
        margin: 0 auto;
    }
    #splide-parents-choice {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #animation-series > .flex > a {
        display: none;
    }
    #printed-books > .flex > a {
        display: none;
    }
    #merchandise > .flex > a {
        display: none;
    }
    #mobile-edu-games > .flex > a {
        display: none;
    }
    #product-media-link-bottom {
        display: flex;
        margin: 0;
    }
    #parents-opinion {
        margin: 0 auto;
        padding-bottom: 96px;
        padding: 32px 12px 72px 12px;
    }
    #splide-parents-choice {
        padding-right: 42px; 
        padding-left: 42px;
    }
    #splide-parents-opinion {
        width: 100%;
        height: auto;
    }
    #footer-top {
        padding: 24px;
    }
}
@media (max-width: 360px) {
    nav {
        padding: 15px 24px;
    }
    nav .inline-flex {
        gap: 0;
    }
    /* nav #logo {
        width: 35px;
        height: 48px;
    }
    nav #logo-text {
        margin-left: 6px;;
        width: 78px;
        height: 32px;
    } */
    #menu {
        display: none;
        margin-top: 76px;
    }
    #jumbotron {
        margin-top: 78px;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 23px;
    }
    #jumbotron div {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;   
        gap: 1rem;
    }
    #jumbotron div div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    #jumbotron h1 {
        font-size: 39px;
        line-height: 51px;
    }
    #jumbotron h2 {
        font-size: 31px;
        line-height: 41px;
    }
    #jumbotron p {
        line-height: 160%;
    }
    #jumbotron > span {
        font-size: 31px;
        line-height: 41px;
    }
    #jumbotron > span > span {
        font-size: 16px;
        line-height: 160%;
    }
    #jumbotron h1, #jumbotron h2 {
        text-align: center;
        align-items: center;
    }
    #jumbotron-video iframe {
        border-radius: 20px;
        width: 100%;
        height: 169px;
    }
    #statistics {
        padding-right: 24px;
        padding-left: 24px;
    }
    #statistic-1, #statistic-2, #statistic-3, #statistic-4, #statistic-5, #statistic-6 {
        justify-content: start;
    }
    #statistic-1 > .block, #statistic-2 > .block, #statistic-3 > .block, #statistic-4 > .block, #statistic-5 > .block, #statistic-6 > .block {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    #featured-brand {
        padding-right: 24px;
        padding-left: 24px;
    }
    #featured-item > div {
        width: 100%;
        margin: 0 auto;
    }
    #parents-choice {
        padding-right: 24px;
        padding-left: 24px;
    }
    #product-media {
        padding-right: 24px;
        padding-left: 24px;
    }
    #printed-books > .flex > a {
        display: none;
    }
    #mobile-edu-games-item #edu-games img {
        height: 105px;
        width: 100%;
    }
    #merchandise-item img {
        height: 156px;
        width: 100%;
    }
    #merchandise > .flex > a {
        display: none;
    }
    #parents-opinion {        
        margin: 0 auto;
        padding-bottom: 96px;
        padding: 32px 12px 72px 12px;
    }
    #footer-top {
        flex-direction: column;
        gap: 24px;
        padding: 30px;
    }
    #footer-top > .flex {
        flex-direction: column;
    }
    #footer-top > img {
        max-width: 145px;
    }
    #splide-parents-choice {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #splide-parents-opinion {
        padding: 0;
        width: 100%;
        height: auto;
    }
    #splide-parents-opinion-track {
        padding-bottom: 24px;
    }
}
#feature-1 {
    background-image: url("assets/img/feature_1.png");
}
/* Splide */
.splide__arrow {
    background-color: #FF7601;
}
.splide__arrow:disabled {
    opacity: 1;
    background-color: #DBDBDB;
    color: #343F52;
}
.splide__arrow:disabled > svg > path {
    fill: #343F52 !important;
}
.splide__arrow:focus {
    outline: 0;
}
.splide__arrow > svg > path {
    fill: #fff!important;
}
.splide__arrow svg {
    fill: #000;
    height: 0.85em;
    width: 0.85em;
}
#parents-choice-item img {
    margin-inline: auto;
}
#splide-parents-choice .splide__arrow.splide__arrow--prev {
    left: 0;
}
#splide-parents-choice .splide__arrow.splide__arrow--next {
    right: 0;
}