*,
                *::before,
                *::after {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                }
                
                 :root {
                    --background-color-normal: #FFFFE0;
                    --background-color-alternate: #191970;
                    --primary-color: #FFFFFF;
                    --secondary-color: #191970;
                    --tertiary-color: #FFFFE0;
                    /* --fourth-color: rgb(43, 44, 78); */
                    --fourth-color: rgba(4, 25, 252, 0.986);
                    --title-color: #FF4500;
                    --table-color: #a3a3a16b;
                }
                
                body {
                    font-size: 1.5rem;
                }
                
                @media (max-width:470px) {
                    body {
                        font-size: 1.3rem;
                    }
                }
                
                .disable-select {
                    user-select: none;
                    -moz-user-select: none;
                    -webkit-touch-callout: none;
                    -ms-user-select: none;
                }
                
                .go-up-container {
                    position: fixed;
                    z-index: 7;
                    right: 0px;
                    margin-right: 3px;
                    bottom: 10px;
                    background-color: aquamarine;
                    padding: 3px 3px;
                    line-height: 12px;
                    border-radius: 10px;
                    cursor: pointer;
                }
                
                .menu-square {
                    background-color: aquamarine;
                    position: absolute;
                    top: 45vh;
                    right: 100%;
                    z-index: 6;
                    cursor: pointer;
                    display: flex;
                    justify-content: center;
                    writing-mode: vertical-rl;
                    text-orientation: upright;
                    letter-spacing: 0.2px;
                }
                
                .menu-banner {
                    height: 142vh;
                    background-color: aquamarine;
                    z-index: 6;
                    font-size: 18px;
                    overflow: visible;
                }
                
                @media(max-width:500px) {
                    .menu-square {
                        width: 25px;
                        height: 60px;
                        font-size: 10px;
                        padding: 0 5px;
                    }
                    .menu-banner {
                        width: 200px;
                        right: -200px;
                    }
                }
                
                @media(min-width:500px) {
                    .menu-square {
                        width: 25px;
                        height: 60px;
                        font-size: 15px;
                        padding: 40px 0;
                    }
                    .menu-banner {
                        width: 300px;
                        right: -300px;
                    }
                }
                
                .menu-banner-content-wrapper {
                    position: absolute;
                    -webkit-overflow-y: auto;
                    -moz-overflow-y: auto;
                    -ms-overflow-y: auto;
                    overflow-y: auto;
                    /* Optional but highly recommended: enables momentum scrolling on iOS */
                    -webkit-overflow-scrolling: touch;
                }
                
                .menu-banner-content-wrapper ul {
                    font-size: 14px;
                }
                
                .topic-container h5 {
                    margin-left: 70px;
                    font-size: 25px;
                    font-weight: 600;
                }
                
                .topic-container ul {
                    margin-left: 30px;
                    margin-top: 10px;
                }
                
                .close-menu-button {
                    color: rgb(3, 3, 107);
                    background-color: aquamarine;
                    font-size: 30px;
                    margin-top: 10px;
                    margin-left: 82%;
                }
                
                .close-menu-button:hover {
                    color: rgb(41, 44, 250);
                }
                
                .background {
                    position: relative;
                    width: 100%;
                    height: 90vh;
                }
                
                .background-text h2 {
                    padding: 30px 30px 30px 0px;
                    color: var(--title-color);
                    font-weight: 900;
                }
                
                .background-tab-wrapper {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    align-content: center;
                    justify-content: center;
                    z-index: 2;
                }
                
                .background-tab-container {
                    display: flex;
                    justify-content: center;
                    bottom: 0px;
                    position: absolute;
                }
                
                @media (min-width:534px) {
                    .background-tab-container .tab {
                        margin-left: 10px;
                        font-size: 16px;
                        font-weight: 500;
                    }
                }
                
                @media (max-width:534px) {
                    .background-tab-container .tab {
                        margin-left: 10px;
                        font-size: 10px;
                        font-weight: 500;
                    }
                }
                
                .background-tab-container .tab:first-child {
                    background-color: var( --title-color);
                    color: white;
                    width: 160px;
                    height: 40px;
                    padding: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 1;
                    transition: background-color 400ms ease-out;
                }
                
                .background-tab-container .tab:first-child:hover {
                    background-color: white;
                    color: #FF4500;
                    z-index: 1;
                }
                
                .background-tab-container .tab:nth-child(2) {
                    background-color: var( --title-color);
                    color: white;
                    width: 160px;
                    height: 40px;
                    padding: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 1;
                    transition: background-color 400ms ease-out;
                }
                
                .background-tab-container .tab:nth-child(2):hover {
                    background-color: white;
                    color: #FF4500;
                    z-index: 1;
                }
                
                .background-tab-container .tab:nth-child(3) {
                    background-color: var( --title-color);
                    color: white;
                    width: 160px;
                    height: 40px;
                    padding: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    z-index: 1;
                    transition: background-color 400ms ease-out;
                }
                
                .background-tab-container .tab:nth-child(3):hover {
                    background-color: white;
                    color: #FF4500;
                    z-index: 1;
                }
                
                @media (max-width:534px) {
                    .background-tab-container .tab:first-child {
                        background-color: var( --title-color);
                        color: white;
                        width: 100px;
                        height: 30px;
                        padding: 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .background-tab-container .tab:first-child::before {
                        content: " ";
                        font-size: 10px;
                        font-weight: 500;
                    }
                    .background-tab-container .tab:nth-child(2) {
                        background-color: var( --title-color);
                        color: white;
                        width: 100px;
                        height: 30px;
                        padding: 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .background-tab-container .tab:nth-child(2)::before {
                        content: " ";
                        font-size: 10px;
                        font-weight: 500;
                    }
                    .background-tab-container .tab:nth-child(3) {
                        background-color: var( --title-color);
                        color: white;
                        width: 100px;
                        height: 30px;
                        padding: 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .background-tab-container .tab:nth-child(3)::before {
                        content: " ";
                        font-size: 10px;
                        font-weight: 500;
                    }
                }
                
                .background-tab-container a:hover {
                    text-decoration: none;
                }
                
                a:link {
                    text-decoration: none;
                    color: rgb(28, 113, 240);
                }
                
                a:hover {
                    text-decoration: underline;
                    color: rgb(252, 67, 67);
                }
                
                 :target {
                    background-color: aquamarine;
                }
                
                .target-decoration {
                    text-decoration: underline;
                    color: rgb(252, 67, 67);
                }
                
                .remove-text-align {
                    text-align: left;
                }
                
                ul li strong {
                    color: var( --fourth-color);
                }
                
                .school-logo {
                    position: absolute;
                    width: 60px;
                    height: 60px;
                    z-index: 5;
                }
                
                @media (min-width:100px)and (max-width:1090px) {
                    .video {
                        display: none;
                    }
                    .background-image-content {
                        display: block;
                        position: absolute;
                        min-width: 100%;
                        height: 90vh;
                        overflow-y: hidden;
                    }
                    .folder-image {
                        background-image: url(../images/Children3.jpg);
                        background-repeat: no-repeat;
                        background-size: cover;
                        background-color: #f8f8ff49;
                        /* background-color: #FFBAFF; */
                        background-blend-mode: multiply;
                        position: absolute;
                        min-width: 100%;
                        height: 90vh;
                        background-position: center;
                        z-index: 0;
                        filter: contrast(110%);
                    }
                }
                
                @media (min-width:1090px) {
                    .video {
                        display: block;
                    }
                    .background-image-content {
                        display: block;
                        position: absolute;
                        min-width: 100%;
                        height: 90vh;
                        overflow-y: hidden;
                    }
                    .folder-image {
                        background-image: url(../images/Children3.jpg);
                        background-repeat: no-repeat;
                        background-size: cover;
                        background-color: rgba(245, 212, 120, 0.577);
                        background-blend-mode: multiply;
                        position: absolute;
                        min-width: 100%;
                        height: 90vh;
                        left: 100vw;
                        background-position: center;
                        animation-name: my-image-folder;
                        animation-duration: 2000ms;
                        animation-timing-function: ease-in;
                        animation-delay: 4000ms;
                        animation-fill-mode: forwards;
                        animation-iteration-count: 1;
                        animation-direction: normal;
                        transform: scale(0, 1);
                        filter: contrast(110%);
                    }
                    @keyframes my-image-folder {
                        from {
                            left: 100vw;
                            transform: scale(0, 1);
                        }
                        to {
                            left: 0;
                            transform: scale(1, 1);
                        }
                    }
                    .video {
                        background-size: cover;
                        min-width: 100%;
                        min-height: 90vh;
                        position: absolute;
                        z-index: -1;
                        animation-name: my-background;
                        animation-duration: 5000ms;
                        animation-timing-function: ease-in;
                        animation-delay: 1000ms;
                        animation-fill-mode: forward;
                        animation-iteration-count: 1;
                        animation-direction: normal;
                    }
                    @keyframes my-background {
                        from {
                            z-index: -1;
                        }
                        to {
                            z-index: -1;
                        }
                    }
                    .background-text {
                        font-weight: bolder;
                        color: black;
                        left: 70px;
                        top: 50px;
                        display: block;
                        position: absolute;
                        z-index: 5;
                        text-shadow: 0px 2px 2px rgb(112, 110, 110);
                    }
                    .background-text h1 {
                        font-size: 4rem;
                    }
                    .background-text h2 {
                        font-size: 3rem;
                    }
                    .background-text h5 {
                        font-size: 2rem;
                        text-shadow: 0px 1px 1px rgb(112, 110, 110);
                    }
                    .background-text-active {
                        font-weight: bolder;
                        color: white !important;
                        left: 70px;
                        top: 50px;
                        display: block;
                        position: absolute;
                        z-index: 5;
                        text-shadow: 0px 2px 2px rgb(112, 110, 110);
                        animation: my-background-text 3s ease-in normal forwards;
                        transform-origin: left top;
                    }
                    .background-text-active h2 {
                        color: white;
                        font-weight: 900;
                    }
                    @keyframes my-background-text {
                        from {
                            transform: scale(0, 1);
                        }
                        to {
                            transform: scale(1.6, 1.6);
                        }
                    }
                }
                
                @media (min-width:400px)and (max-width:1090px) {
                    .background-text {
                        font-weight: bold;
                        color: white;
                        left: 20px;
                        top: 50px;
                        display: block;
                        position: absolute;
                        z-index: 5;
                        text-shadow: 0px 2px 2px rgb(112, 110, 110);
                    }
                    .background-text h1 {
                        font-size: 3rem;
                    }
                    .background-text h2 {
                        font-size: 2rem;
                        color: white;
                    }
                    .background-text h5 {
                        font-size: 1.5rem;
                        text-shadow: 0px 1px 1px rgb(112, 110, 110);
                    }
                }
                
                @media (min-width:100px)and (max-width:400px) {
                    .background-text {
                        font-weight: bolder;
                        color: white;
                        left: 10px;
                        top: 50px;
                        display: block;
                        position: absolute;
                        z-index: 5;
                        text-shadow: 0px 2px 2px rgb(112, 110, 110);
                    }
                    .background-text h1 {
                        font-size: 2rem;
                    }
                    .background-text h2 {
                        font-size: 1.5rem;
                        color: white;
                    }
                    .background-text h5 {
                        font-size: 1rem;
                        text-shadow: 0px 1px 1px rgb(112, 110, 110);
                    }
                }
                
                .content-heading h2:nth-child(1) {
                    color: var(--title-color);
                    font-weight: 900;
                    padding: 8px;
                    outline: 0px solid rgb(63, 63, 63);
                    display: inline-block;
                    transform: scale(1.0);
                    transition: all 700ms ease-out;
                }
                
                .content-heading h2:nth-child(1):hover {
                    outline: 2px solid rgb(185, 185, 185);
                    transform: scale(1.03);
                    box-shadow: 0 0 10px rgba(63, 63, 63, 0.596);
                    background-color: var( --background-color-normal);
                }
                
                .content-heading h3 {
                    color: var(--title-color);
                    font-weight: 900;
                    padding: 30px;
                    text-align: left;
                }
                
                h4 {
                    font-weight: 800;
                    padding: 15px;
                    color: var(--fourth-color);
                    text-align: left;
                }
                
                .h4-parents {
                    color: var( --tertiary-color)
                }
                
                .content-heading:nth-child(odd) {
                    background-color: rgba(255, 255, 255);
                    color: var( --secondary-color);
                    font-weight: 600;
                    text-align: justify;
                    padding: 20px;
                }
                
                .content-heading:nth-child(even) {
                    background-color: rgba(43, 44, 78, 0.842);
                    color: var( --primary-color);
                    font-weight: 600;
                    text-align: justify;
                    padding: 20px;
                }
                
                .content-heading:nth-child(odd) .pictures {
                    box-shadow: 5px 5px 100px 5px rgba(161, 161, 161, 0.356);
                }
                
                .content-heading:nth-child(even) .pictures {
                    box-shadow: 5px 3px 50px 2px rgba(43, 44, 78, 0.95);
                }
                
                ul li {
                    list-style: none;
                    margin-left: 3rem;
                }
                
                ul li::before {
                    content: "";
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background-color: var(--title-color);
                    margin-right: -10rem;
                    margin-left: -2rem;
                    margin-top: 0.55rem;
                }
                /* OUR HISTORY */
                
                .history-video-container {
                    position: relative;
                    overflow: hidden;
                    padding-top: 56.25%;
                    margin-bottom: 20px;
                }
                
                .history-video {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    border: 0;
                    left: 0;
                    top: 0;
                }
                
                @media(min-width:1400px) {
                    .text-padding {
                        padding: 0 250px;
                    }
                }
                
                @media(min-width:1200px) and (max-width:1400px) {
                    .text-padding {
                        padding: 0 200px;
                    }
                }
                
                @media(min-width:900px) and (max-width:1200px) {
                    .text-padding {
                        padding: 0 100px;
                    }
                }
                
                @media(min-width:600px) and (max-width:900px) {
                    .text-padding {
                        padding: 0 50px;
                    }
                }
                
                @media(min-width:100px) and (max-width:600px) {
                    .text-padding {
                        padding: 0 5px;
                    }
                    ul li {
                        list-style: none;
                        margin-left: 1.5rem;
                    }
                }
                
                .font-awesome-history-container {
                    width: 100%;
                    height: 100%;
                    padding: 0px 20px 20px 20px;
                    display: grid;
                    place-items: center;
                }
                
                .font-awesome-history {
                    text-align: center;
                    width: 100%;
                }
                
                .font-awesome-history {
                    transform: rotate(-10deg);
                    transition: transform 700ms ease-out;
                }
                
                .font-awesome-history:hover {
                    transform: rotate(0deg)
                }
                
                .pictures {
                    width: 100%;
                    height: auto;
                    transform: scale(1.0);
                    transition: transform 2000ms ease-out;
                }
                
                .pictures:hover {
                    transform: scale(1.015);
                }
                
                .admission-picture-container {
                    margin-top: 20px;
                }
                
                .inline-pictures {
                    max-width: 250px;
                    height: auto;
                    float: left;
                    padding-right: 10px;
                    margin-top: 10px;
                    transform: scale(1.0);
                    transition: transform 1000ms ease-out;
                }
                
                .inline-pictures:hover,
                .inline-pictures:active {
                    transform: scale(1.05);
                }
                
                .inline-pictures-div {
                    height: 100%;
                    width: 100%;
                }
                
                .inline-pictures-right {
                    max-width: 300px;
                    max-height: 250px;
                    float: right;
                    margin-top: 10px;
                    padding-left: 10px;
                    padding-bottom: 10px;
                    transition: transform 1000ms ease-out;
                }
                
                .inline-pictures-right:hover,
                .inline-pictures-right:active {
                    transform: scale(1.05);
                }
                
                @media(max-width:900px) {
                    .resize-slide {
                        max-width: 500px;
                        height: 250px;
                        overflow: hidden;
                        margin: 0 auto;
                    }
                    .resize-image {
                        width: 500px;
                        height: 250px;
                        object-fit: cover;
                    }
                }
                
                @media(min-width:900px) {
                    .resize-slide {
                        max-width: 600px;
                        height: 300px;
                        overflow: hidden;
                        margin: 0 auto;
                    }
                    .resize-image {
                        width: 600px;
                        height: 300px;
                        object-fit: cover;
                    }
                }
                
                .event-border {
                    border: 10px solid rgb(43, 44, 78, 0.84);
                }
                
                .block-tag {
                    display: block;
                }
                
                .clearfix {
                    overflow: auto;
                    padding-bottom: 10px;
                }
                
                table {
                    margin-top: 50px;
                    border: 1px solid #a3a3a16b;
                    border-collapse: separate;
                    box-shadow: 5px 5px 100px 5px rgba(43, 44, 78, 0.95);
                }
                
                .table-caption {
                    color: var( --title-color);
                    background-color: var(--background-color-normal);
                    font-size: 1.5rem;
                }
                
                th {
                    text-align: center;
                    border: 2px solid #a3a3a16b;
                    font-size: 1.4rem;
                    padding: 20px;
                    color: var( --title-color);
                    background-color: var(--background-color-normal);
                }
                
                tr {
                    border: 2px solid #a3a3a16b;
                    padding: 15PX;
                    text-align: center;
                }
                
                tr:hover {
                    color: gold;
                }
                
                td {
                    border: 2px solid #a3a3a16b;
                    padding: 20px;
                    font-size: 1.15rem;
                    width: 300px;
                }
                
                .table-div {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-content: center;
                    align-items: center;
                }
                
                @media (max-width:860px) {
                    .footer-video-div {
                        display: grid;
                        grid-template-columns: 1fr;
                        max-width: 860px;
                        position: relative;
                    }
                    .address {
                        display: grid;
                        grid-template-columns: 1fr;
                    }
                }
                
                .footer-video {
                    width: 100%;
                    z-index: -1;
                }
                
                .footer-video-div {
                    position: relative;
                }
                
                @media (min-width:1090px) {
                    .footer-video-text {
                        display: grid;
                        position: absolute;
                        left: 100px;
                        top: 100px;
                    }
                    .footer-video-text span:first-child {
                        font-size: 70px;
                        font-weight: 500;
                    }
                    .footer-video-text span:nth-child(2) {
                        font-size: 50px;
                    }
                    .click-me {
                        width: 110px;
                        height: 30px;
                        border-radius: 30px;
                        background-color: var( --title-color);
                        color: white;
                        font-size: 18px;
                        font-weight: 500;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        padding: 25px 0;
                        margin-top: 25px;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .click-me:hover {
                        background-color: white;
                        color: var( --title-color);
                        z-index: 1;
                    }
                }
                
                .footer-video-text a:hover {
                    text-decoration: none;
                }
                
                @media (min-width:700px) and (max-width:1090px) {
                    .footer-video-text {
                        display: grid;
                        position: absolute;
                        left: 30px;
                        top: 25px;
                    }
                    .footer-video-text span:first-child {
                        font-size: 55px;
                        font-weight: 500;
                    }
                    .footer-video-text span:nth-child(2) {
                        font-size: 35px;
                    }
                    .click-me {
                        width: 110px;
                        height: 30px;
                        border-radius: 30px;
                        background-color: var( --title-color);
                        color: white;
                        font-size: 18px;
                        font-weight: 500;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        padding: 25px 0;
                        margin-top: 20px;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .click-me:hover {
                        background-color: white;
                        color: var( --title-color);
                        z-index: 1;
                    }
                }
                
                @media (min-width:450px) and (max-width:700px) {
                    .footer-video-text {
                        display: grid;
                        position: absolute;
                        left: 20px;
                        top: 15px;
                    }
                    .footer-video-text span:first-child {
                        font-size: 35px;
                        font-weight: 500;
                    }
                    .footer-video-text span:nth-child(2) {
                        font-size: 25px;
                    }
                    .click-me {
                        width: 70px;
                        height: 20px;
                        border-radius: 30px;
                        background-color: var( --title-color);
                        color: white;
                        font-size: 12px;
                        font-weight: 500;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        align-content: center;
                        padding: 15px 0;
                        margin-top: 15px;
                        z-index: 1;
                        transition: background-color 400ms ease-out;
                    }
                    .click-me:hover {
                        background-color: white;
                        color: var( --title-color);
                    }
                }
                
                @media (min-width:100px) and (max-width:450px) {
                    .footer-video-div {
                        display: none;
                    }
                }
                
                .footer-video-text span:first-child {
                    transform: scale(1);
                    z-index: 2;
                    transition: transform 700ms ease-out;
                }
                
                .footer-video-text span:first-child:hover {
                    transform: scale(1.1);
                }
                
                .footer-address-div {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    background-color: white;
                    color: var( --secondary-color);
                }
                
                .address-div {
                    margin-left: 30px;
                    margin-right: 30px;
                    padding: 30px;
                }
                
                .address-div small {
                    display: block;
                }
                
                .social-media-div {
                    margin-left: 30px;
                    margin-right: 30px;
                    padding: 30px;
                }
                
                .social-media-div small {
                    display: block;
                }
                
                @media (min-width:1090px) {
                    .icon-mobile {
                        display: none;
                    }
                    .icon-tablet {
                        display: block;
                    }
                }
                
                @media (min-width:700px) and (max-width:1090px) {
                    .icon-mobile {
                        display: block;
                    }
                    .icon-tablet {
                        display: none;
                    }
                }
                
                @media (min-width:100px) and (max-width:700px) {
                    .icon-mobile {
                        display: block;
                    }
                    .icon-tablet {
                        display: none;
                    }
                    .footer-address-div {
                        display: grid;
                        grid-template-columns: 1fr;
                        background-color: white;
                        color: var( --secondary-color);
                    }
                    .address-div {
                        margin-left: 30px;
                        margin-right: 30px;
                        padding: 30px 30px 10px 30px;
                    }
                    .social-media-div {
                        margin-left: 30px;
                        margin-right: 30px;
                        padding: 10px 30px 10px 30px;
                        text-align: left;
                    }
                }
                
                .icon-container {
                    display: flex;
                    justify-content: left;
                }
                
                .icons {
                    color: rgb(28, 113, 240);
                    padding: 2px;
                    margin: 8px;
                }
                
                .icons:hover {
                    color: rgb(25, 62, 117);
                    transform: scale(1.035);
                }
                
                .center-text {
                    text-align: center;
                }
                
                .footer-designer-container small {
                    font-size: 12px;
                    margin-left: 5px;
                }
                
                .footer-designer-container small:first-of-type {
                    margin-left: 0px;
                }
                
                @media (min-width:1090px) {
                    .footer-designer-container {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 10px;
                    }
                }
                
                @media (min-width:700px) and (max-width:1090px) {
                    .footer-designer-container {
                        display: flex;
                        justify-content: center;
                        padding: 10px;
                    }
                }
                
                @media (min-width:100px) and (max-width:700px) {
                    .footer-designer-container {
                        display: flex;
                        justify-content: center;
                        padding: 10px 0;
                    }
                }