/* .inner-container { max-width: 1475px; padding: 0; margin: auto;} */
.inner_head {
    padding-block: 32rem 0;
}

.inner_title {
    text-align: center;
}

.inner_title h2 {
    letter-spacing: -2.4px;
    font-size: var(--font-60);
    text-transform: uppercase;
}

blockquote {
    font-size: var(--font-24);
    font-weight: bold;
    padding-inline: 10rem;
    margin: 0;
    padding-block: 4rem 3rem;
    color: var(--color-15);
}

blockquote.font-medium {
    font-weight: normal;
}

.about_panel1 {
    text-align: center;
}

.about_panel1 em {
    color: var(--color-15);
}

.about_panel2 {
    background: var(--color-f9);
    margin-block: 4rem 0;
    padding-block: 0 10rem;
}

.about_panel2 img {
    width: 100%;
}

.about_panel2 figure img {
    margin-top: 0;
    margin-bottom: 0;
}

.about_panel2 p {
    font-weight: 300;
    margin-block: 4rem 0;
}

.about_panel2_text1 {
    padding-inline: 0 12.5rem;
    padding-block: 10rem 0rem;
}

.about_panel3 {
    padding-block: 7rem 11rem;
}

.about_panel3 .grid-item {
    grid-template-columns: 100%;
    gap: 0;
    display: block;
}

.about_logo-icon img {
    width: 74%;
    margin: auto;
}

.left_pd_panel figure {
    height: 100%;
}

.left_pd_panel figure img {
    height: 100%;
    object-fit: cover;
}

@media (max-width:1599px) {
    .about_logo-icon img {
        width: 75%;
        margin: auto;
    }
}

@media (max-width:1435px) {
    .about_logo-icon img {
        width: 78%;
        margin: auto;
    }
}

.about_logo-icon {
    text-align: center;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 2.5rem;
    row-gap: 7rem;
}

.grid-item {
    padding: 0;
}

.item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.item-3 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    align-self: start;
}

.item-4 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.text-block p {
    line-height: 1.4;
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 2rem;
}

.about_panel3 .text-block p {
    line-height: 1.4;
    color: #FFF;
    font-weight: 300;
    margin-bottom: 2rem;
}

.lower-school-text {
    padding-top: 10px;
}

.grid-item.item-2.text-block {
    width: 65%;
    margin: auto;
}

.grid-item.item-3.text-block.lower-school-text {
    width: 67%;
    margin: auto;
}

section.community-voice-panel {
    background: var(--color-white);
    padding-top: 16rem;
}

.community-voice-main {
    padding-top: 15.4rem;
}

.community-voice-main h2 {
    font-size: var(--font-60);
    letter-spacing: -2.4px;
    color: var(--color-a6);
    text-transform: uppercase;
    text-align: center;
}

.community-tabs {
    display: flex;
    align-items: center;
    column-gap: 3rem;
    padding-top: 5rem;
    padding-bottom: 2.2rem;
    width: fit-content;
    margin: 0 auto;
    border-bottom: 1px solid var(--color-db);
}

.community-tabs li a {
    font-family: var(--font-primary);
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
    opacity: 1;
}

.community-tabs li a.active {
    font-weight: 500;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--color-15);
}

.community-profile-section {
    position: relative;
    background: var(--color-f9);
}

.community-profile-section::before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    left: 0;
    height: 350px;
    z-index: 0;
    background-color: #fff;
}

.community-profile-grid {
    padding-block: 18rem 16rem;
    position: relative;
}

.community-profile-grid ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 6.2rem;
    row-gap: 3rem;
}

.leadership-team .community-profile-grid figcaption {
    text-align: center;
}

.community-profile-grid ul li {
    background-color: #071642;
    padding: 2rem;
    position: relative;
}

.community-profile-grid ul li:before {
    content: "";
    width: 100%;
    height: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.leadership-team .community-profile-grid figure {
    position: relative;
}

.community-profile-grid ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.community-profile-grid ul li figure img {
    margin-top: -14rem;
}

.community-profile-grid ul li figure figcaption p {
    font-size: var(--font-15);
    font-weight: 300;
    margin-block: 2rem 1.8rem;
}

.community-profile-grid ul li figure figcaption p:nth-child(3) {
    margin-block: 0.7rem 2.6rem;
}

.community-profile-grid ul li figure figcaption h4 {
    font-size: var(--font-15);
    font-weight: bold;
    font-family: var(--font-primary);
    color: #fff;
}

.about_panel3.upper-scl .section-title {
    margin-bottom: 2rem;
}

@media (max-width:1366px) {
    .community-profile-grid ul {
        column-gap: 4rem;
    }

    .community-profile-grid ul li {
        padding-inline: 2rem;
    }
}

@media (max-width:1299px) {
    .about_panel1 blockquote br {
        display: none;
    }

}

@media (max-width:1199px) {
    .community-profile-grid ul {
        column-gap: 4rem;
    }

    .community-profile-grid ul li {
        padding-inline: 3rem;
    }
}

@media (max-width:991px) {
    .community-profile-grid ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:599px) {
    .community-profile-grid ul {
        grid-template-columns: repeat(1, 1fr);
    }
}

.contact-deatails-section {
    margin-top: 4.7rem;
}

.contact-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.3rem;
    align-items: center;
}

.contact-details {
    padding-left: 7.5rem;
}

.contact-details h3 {
    font-size: var(--font-24);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    margin-bottom: 2.3rem;
}

.contact-details p {
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
    padding-right: 30rem;
}

.contact-details ul {
    margin-top: 3.9rem;
}

.contact-details ul li {
    margin-bottom: 3rem;
    display: flex;
    column-gap: 2.9rem;
}

.contact-details ul li span {
    font-size: var(--font-15);
    font-weight: bold;
    color: var(--color-15);
    display: block;
    margin-bottom: 0.4rem;
}

.contact-details ul li a {
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
}

.contact-details ul li:nth-child(3) {
    margin-bottom: 0;
}

.bottom-li {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-db);
}

.bottom-li a:nth-child(2) {
    margin-right: 4.7rem;
}

.contact-details ul p {
    padding-left: 4.5rem;
    font-style: italic;
    font-family: var(--font-secondary2);
}

.contact-form-section {
    background-color: var(--color-f9);
    padding-bottom: 10rem;
}

.contact-form-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
}

.form-container {
    background-color: var(--color-f6f);
    padding: 4.5rem 6.8rem 9.2rem 5rem;
}

.form-container h3 {
    font-size: var(--font-16);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3.7rem;
}

.form-container p {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 3.6rem;
}

.form-container form select,
.form-container form .form-control::placeholder {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: 300;
    background-color: transparent;
}

.form-container form .form-select {
    background-image: url(../images/icons/down-arrow.svg);
    background-repeat: no-repeat;
}

.form-control,
.form-select {
    margin-bottom: 2.1rem;
}

textarea,
.form-control,
.form-select {
    padding: 1rem;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    background-color: transparent;
    border-radius: 0;
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: 300;
}

textarea.form-control {
    margin-bottom: 4rem;
}

.form-control:focus,
.form-select:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.submit {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: var(--color-15);
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 0.8rem 5.3rem 1rem 4rem;
    background-color: transparent;
    margin-bottom: 4.8rem;
}

.submit img {
    transform: rotate(-90deg);
    padding-top: 7px;
    height: 12px;
}

.form-container .note p {
    font-weight: 700;
    margin-bottom: 0.6rem;
}

button:hover {
    background: #071642;
    color: #fff;
}

.note p {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: bold;
    margin-bottom: 0;
}

.note a {
    color: var(--color-007);
    text-decoration: none;
    font-weight: 300;
    text-decoration: underline;
    font-family: var(--font-primary1);
}

.grid_text1 {
    max-width: 74%;
    margin: 0 auto;
}

.note a:hover {
    text-decoration: underline;
}

.vision-section {
    padding-block: 15rem 30rem;
    background-color: var(--color-f9);
    overflow: hidden;
}

.vision-grid {
    display: grid;
    grid-template-columns: 34.4% 82.6%;
    gap: 11.5rem;
    align-items: start;
}

.vision-left h3 {
    /* font-size: var(--font-24); */
    /* font-weight: bold; */
    /* color: var(--color-15); */
}

.vision-left .italic-text {
    color: var(--color-15);
}

.vision-left p {
    margin-bottom: 2rem;
    color: var(--color-15);
    font-weight: 300;
}

.vision-left {
    position: relative;
    padding-inline: 12rem .1rem;
}

.vision_block_right {
    width: 72rem;
}

.vision-right p {
    line-height: 1.5;
    margin-bottom: 2rem;
    color: var(--color-15);
    font-weight: 300;
}

.vision-right h5 {
    font-size: var(--font-15);
    font-weight: bold;
    color: var(--color-15);
    margin-bottom: 4rem;
}

.vision-right h4 {
    font-size: var(--font-16);
    font-weight: bold;
    color: var(--color-15);
    margin-block: 7rem 5rem;
}

.vision-right .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.vision-right .swiper-slide h6 {
    font-size: var(--font-17);
    font-weight: bold;
    margin-top: 3rem;
    color: var(--color-15);
    margin-bottom: 1.1rem;
}

.vision-right .swiper-slide p {
    font-size: var(--font-15);
    line-height: 1.3;
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 0;
    width: 28rem;
}

.vision-right .swiper-button-prev,
.vision-right .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 35px;
    height: 35px;
    background-color: transparent;
    color: var(--color-15);
    margin-top: 0;
    cursor: pointer;
    transform: none;
    border: 0;
    transition: all 0.2s ease-in-out;
}

.vision-right .swiper-button-prev {
    left: 0rem;
    right: auto;
}

.vision-right .swiper-button-next {
    right: auto;
    left: 5rem;
}

.vision-right .swiper-button-prev::after,
.vision-right .swiper-button-next::after {
    display: none;
}

.vision-right {
    position: relative;
}

.btn_slider_group {
    position: absolute;
    top: 60%;
    left: -4rem;
    display: flex;
    gap: 1rem;
    opacity: 0;
}

@media (max-width: 992px) {
    .vision-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        display: block;
    }

    .grid-item.item-3.text-block.lower-school-text {
        order: 4;
        padding-top: 2rem;
    }

    .grid-item.item-4 {
        order: 3;
    }
}

.mission-section {
    background-color: var(--color-15);
    padding-block: 0 14rem;
    max-width: 1920px;
    margin: auto;
}

.sec-image-overlay1 .mission_left_space figure {
    display: inline-block;
}

.mission_grid {
    display: grid;
    grid-template-columns: 40.7% 53.3%;
    gap: 9rem;
    color: #fff;
}

.mission_grid p,
.mission_grid li {
    font-weight: 300;
}

.mission_left h3 {
    color: var(--color-a6);
}

.mission_right h4 {
    font-size: var(--font-16);
    margin-bottom: 3rem;
}

.mission_right .italic-text {
    color: #fff;
}

.mission_panel1 figure img {
    position: relative;
    margin-top: -15rem;
    margin-bottom: 0;
}

.mission_panel1 {
    margin-bottom: 8rem;
}

.mission_left_space {
    padding-inline: 12rem 0;
    padding-block: 0 6rem;
}

.mission_right {
    padding-block: 4rem 0;
    padding-inline: 0 7rem;
}

.mission_right p {
    margin-bottom: 2.5rem;
}

.our-values {
    padding-block: 13rem;
}

.value_title {
    text-align: center;
    width: 50%;
    margin: auto;
}

.detail_value h4 {
    font-size: var(--font-16);
    color: var(--color-15);
    margin-bottom: 3rem;
    font-weight: bold;
}

.detail_value .list1 li:before {
    /* background: var(--color-15); */
}

.value_grid_vox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
    row-gap: 8rem;
    margin-top: 8rem;
}

.detail_value {
    width: 68%;
    margin: auto;
    padding-block: 6rem 0;
}

.harrow-section.fixed_top_bg {
    margin-block: 7rem 0;
    background: var(--color-f9);
    padding-bottom: 10rem;
}

.text-box {
    line-height: 1.6;
    margin-left: 8rem;
    margin-top: 8rem;
    width: 60rem;
    background: #fff;
    padding-inline: 7rem;
    padding-block: 7rem;
    position: relative;
    z-index: 99;
}

.text-box p {
    margin-bottom: 20px;
    font-weight: 300;
}

.text-box .signature {
    margin-top: 40px;
    font-weight: bold;
}

.media-box {
    flex: 1.2;
    position: relative;
    overflow: hidden;
    height: 75rem;
    z-index: 9;
}

.media-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.play-overlay {
    position: absolute;
    bottom: 5rem;
    right: 5rem;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
}

.play-button {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0px;
    cursor: pointer;
    outline: none;
    transition: transform 0.3s, background 0.3s;
}

.play-button:hover {
    transform: scale(1.1);
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
}

.video-container iframe {
    width: 100%;
    height: 100%;
}

.harrow-section .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: var(--font-30);
    line-height: 20px;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
    z-index: 10;
}

.harrow-section .hidden {
    display: none !important;
}

.content-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.content-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s linear;
}

button.play-button svg {
    stroke: inherit;
}

.master_grid {
    display: grid;
    top: 0;
    position: relative;
    align-items: flex-start;
}

.master_grid>* {
    grid-area: 1/1;
}

.content-section .play-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.content-section button.play-button {
    background: #00000094 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    opacity: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


.content-section .media-box {
    height: 100vh;
    z-index: 99;
}

@media (max-width: 900px) {
    .content-container {
        flex-direction: column;
    }

    .text-box {
        margin-left: 0;
        border-left: none;
        padding: 20px;
    }

}

.inner-container p {
    font-weight: 300;
}

.admission_panel2 .inner-container p {
    font-weight: 300;
    color: var(--color-15);
}

.about_panel1 .inner-container p.italic-text {
    color: var(--color-15);
}

.inner-container p.italic-text {
    margin-bottom: 3rem;
}

.holistic-education {
    padding-block: 7rem;
}

.learning-panel1 {
    margin-block: 7.8rem 0;
    background: var(--color-f9);
    padding-block: 0 10rem;
}

.learning_img1 img {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.learning_img1 {
    margin-bottom: 6rem;
}

.key-highlight h3 {
    text-align: center;
    margin-bottom: 5.7rem;
}

.grid_key {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    justify-content: center;
    gap: 0rem 5rem;
    margin: auto;
}

.key-item {
    gap: 4rem;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 1px solid #A69867;
    padding-block: 4rem;
    padding-right: 0rem;
}

.key-item p {
    margin: 0;
}

.key-item b {
    font-weight: bold;
}

.learning-panel2 {
    background-color: var(--color-15);
    padding-block: 8rem;
    text-align: center;
    color: #fff;
}

.learning-panel2 a {
    border: 1px solid #A69867;
    margin-right: 0.8rem;
}

.learning-panel2 h3 {
    color: #fff;
}

.btn_brd {
    border: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    padding-inline: 0rem;
    padding-block: 1rem;
    width: 25rem;
    display: inline-flex;
    font-size: var(--font-14);
    text-align: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.btn_brd img {
    margin: 0 1rem;
}

.btn_brd:hover {
    background: #fff;
    color: var(--color-15);
}

.learning_panel3 {
    padding-block: 10rem;
    background-color: var(--color-f9);
}

.center_align {
    text-align: center;
    width: 65%;
    margin: 0 auto 3rem;
}

.center_align p b {
    font-weight: bold;
    margin-top: 3rem;
    display: block;
}

.learning_panel3 .top-para {
    text-align: center;
    margin-bottom: 5rem;
    padding-inline: 3rem;
}

.class_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.grid_item {
    display: grid;
    align-items: flex-end;
    position: relative;
}

.grid_item>* {
    grid-area: 1/1;
}

.grid_item h5 {
    color: #fff;
    font-size: var(--font-15);
    position: relative;
    z-index: 9;
    padding: 2rem;
}

.class_grid.clr_grid .grid_item h5 {
    background: var(--color-15);
    padding-block: 3rem;
    text-align: left;
}

.class_grid.clr_grid .grid_item h5:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/icons/logo-icon3.svg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    filter: invert(1);
    background-position: inherit;
    background-repeat: no-repeat;
}

.class_grid.clr_grid .grid_item:after {
    display: none;
}

.grid_item:after {
    content: "";
    width: 100%;
    height: 150px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.learning_panel3 .btm-para {
    text-align: center;
    margin-bottom: 5rem;
    padding: 5.1rem 5.7rem 6rem 5.4rem;
    background-color: var(--color-white);
    margin-block: 9.2rem 0;
    margin-inline: 1.3rem;
}

.section-cat-tab {
    margin-bottom: 2rem;
}

.admission_panel1 {
    margin-block: 3rem 0;
    background: var(--color-f9);
    padding-block: 0 7rem;
}

.content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
    margin: 0 auto;
    box-sizing: border-box;
    top: 0;
    position: relative;
}

.image-box {
    overflow: hidden;
    height: 100%;
}

.top-photo {
    width: 100%;
    height: auto;
    display: block;
    /* object-fit: cover; */
}

.admission_panel1 .details {
    margin-top: 3rem;
    padding-inline: 0 3rem;
    height: 100%;
    display: flex;
    align-items: start;
    flex-direction: column;
}

.details h4 {
    font-size: var(--font-18);
    font-family: var(--font-primary1);
    color: var(--color-15);
    margin-bottom: 2rem;
}

.grades-ages {
    font-size: var(--font-15);
    font-family: var(--font-primary1);
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 3rem;
    line-height: 1.4;
}

.detail_p_text p {
    margin-bottom: 3rem;
    color: var(--color-15);
}

.detail_p_text {
    /* min-height: 250px; */
    margin-bottom: 3rem;
}

.grades-ages strong {
    font-weight: bold;
    color: var(--color-15);
    font-family: var(--font-primary);
}

.call-to-action-button {
    display: inline-block;
    padding: 1rem 3rem;
    margin-top: auto;
    border: 1px solid var(--color-a6);
    text-decoration: none;
    font-size: var(--font-14);
    font-weight: bold;
    color: var(--color-15);
    text-transform: uppercase;
}

.call-to-action-button img {
    margin-left: .5rem;
    width: 5px;
    height: auto;
    max-width: inherit;
}

.info-sidebar {
    display: flex;
    flex-direction: column;
    background: #F6F5EF;
    margin-left: 3rem;
}

.call-to-action-button:hover {
    background: #fff;
    color: var(--color-15);
}

.prospectus-block {
    flex-grow: 1;
    padding-bottom: 0;
    padding-block: 6rem 2rem;
}

.prospectus-title {
    text-align: center;
    font-size: var(--font-30);
    font-weight: normal;
    text-transform: uppercase;
    color: var(--color-15);
    margin-bottom: 3rem;
    letter-spacing: -1.2px;
}

.download-area {
    text-align: center;
    position: relative;
}

.download-meta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.admissions-panel {
    background-color: var(--color-a6);
    padding: 2.8rem;
    text-align: center;
}

.fees-box p {
    color: white;
    font-weight: bold;
    margin-bottom: 1.8rem;
}

.payment-link {
    display: inline-block;
    padding: .6rem 3rem;
    border: 1px solid white;
    background-color: transparent;
    color: white;
    text-decoration: none;
    font-size: var(--font-14);
    font-weight: bold;
    text-transform: uppercase;
}

.payment-link img {
    margin-left: .5rem;
}

.payment-link:hover {
    background: #fff;
    color: var(--color-15);
}

.payment-link:hover img {
    mix-blend-mode: difference;
}

.secondary-school,
.primary-school {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
}

.prospectus-cover-art {
    box-shadow: 9px 8px 11px #00000029;
    margin-inline: 5rem;
    margin-bottom: 2rem;
    width: 208px;
    margin: 0 auto 3rem;
}

.admission_panel2 {
    padding: 10rem;
    text-align: center;
}

.admission_panel2 a {
    display: block;
    color: var(--color-15);
    font-weight: bold;
    margin-bottom: .4rem;
}

.admission_panel2 a img {
    padding-right: 1rem;
}

.admission_panel2 a:hover {
    color: var(--color-a6);
}

.admission_panel2 p a {
    display: inline-block;
    color: var(--color-007);
    text-decoration: underline;
}

.link_ref {
    padding-block: 3rem;
}

.admission_panel3 {
    background: var(--color-f9);
    padding: 0;
    overflow: hidden;
}

.welcome_application {
    height: 100%;
    align-content: center;
}

.welcome_application h4 {
    margin-bottom: 4rem;
    font-weight: bold;
    color: var(--color-15);
}



.adm_grid {
    display: grid;
    grid-template-columns: 43% 70%;
    gap: 13rem;
}

.adm_left_text {
    padding-inline: 12rem 0;
}

.adm_left_text .list1 li {
    color: var(--color-15);
}

span.pdf-icon {
    margin-right: .5rem;
}

.about_panel2_text2 p {
    background: #fff;
    padding-block: 6rem 5rem;
    padding-inline: 6rem;
    margin-inline: 3rem;
    color: var(--color-15);
}

.about_panel2_text2 {
    margin-top: -14.2rem;
    position: relative;
    margin-bottom: 0;
}

.our_facilities_panel2 {
    overflow: hidden;
}

.content-section {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.content-section .image-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.text-box-learning {
    position: absolute;
    width: 47.5rem;
    padding: 0;
    color: #fff;
    box-sizing: border-box;
    z-index: 10;
    opacity: 0;
    /* transform: translateY(30px); */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.right-text-box {
    text-align: left;
    right: 22rem;
}

.content-section.reversed .left-text-box {
    top: 25%;
    left: 22rem;
    text-align: left;
}

.text-box-learning h3 {
    color: #fff;
}

.text-box-learning p {
    color: white;
    font-weight: 300;
}

.stat-box {
    padding-block: 5rem;
    background-color: #F6F5EF;
    display: block;
    text-align: center;
    margin: -8rem 5rem;
    width: 30rem;
    height: 100%;
    align-content: center;
    padding-inline: 5rem;
}

.content-section.is-visible .text-box-learning {
    opacity: 1;
    transform: translateY(0);
}

.stat-box .number {
    display: block;
    font-size: var(--font-58);
    color: var(--color-15);
    font-family: var(--font-secondary2);
    line-height: 1.2;
    border-bottom: 1px solid #70707052;
    margin-bottom: .5rem;
}

.stat-box .number sup {
    font-size: var(--font-15);
    top: -2.6rem;
    right: 0.8rem;
    color: var(--color-15);
    font-family: var(--font-primary);
}

.stat-box .label {
    color: var(--color-15);
    font-size: var(--font-15);
    font-weight: 300;
    width: 100%;
    line-height: 1.3;
}

.bg-clr-box {
    padding-block: 6rem 10rem;
    padding-inline: 5rem 7rem;
}

[data-section-id="1"] .bg-clr-box {
    background: var(--color-007);
}

[data-section-id="2"] .bg-clr-box {
    background: var(--color-15);
}

[data-section-id="3"] .bg-clr-box {
    background: var(--color-a6);
}

[data-section-id="3"] .bg-clr-box {
    padding-block: 6rem 8rem;
}

[data-section-id="4"] .bg-clr-box {
    background: #fff;
    padding-block: 6rem 7rem;
}

[data-section-id="4"] .bg-clr-box h3 {
    color: var(--color-15);
}

[data-section-id="4"] .bg-clr-box p {
    color: var(--color-15);
}

[data-section-id="5"] .bg-clr-box {
    background: var(--color-007);
    padding-block: 6rem 7rem;
}

[data-section-id="6"] .bg-clr-box {
    background: var(--color-15);
    padding-block: 6rem 7rem;
}

[data-section-id="7"] .bg-clr-box {
    background: var(--color-a6);
}

[data-section-id="8"] .bg-clr-box {
    background: #fff;
}

[data-section-id="8"] .bg-clr-box h3 {
    color: var(--color-15);
}

[data-section-id="8"] .bg-clr-box p {
    color: var(--color-15);
}

[data-section-id="9"] .bg-clr-box {
    background: var(--color-007);
    padding-block: 6rem 7rem;
}

[data-section-id="10"] .bg-clr-box {
    background: var(--color-a6);
    padding-block: 6rem 7rem;
}

/* MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    .content-section {
        min-height: 60vh;
    }

    .content-section .image-box {
        background-attachment: scroll;
    }

    .text-box-learning {
        position: relative;
        width: 90%;
        top: auto;
        right: auto;
        left: auto;
        margin: 20px auto;
        padding: 20px;
        /* background-color: rgba(0, 0, 0, 0.6); */
    }

    .right-text-box,
    .left-text-box,
    .content-section.reversed .left-text-box {
        position: relative;
        top: unset;
        right: unset;
        left: unset;
        /* margin: 20px auto; */
        width: 90%;
    }
}

.blearnig_grid {
    display: grid;
    grid-template-columns: 60% 30%;
    gap: 10.5rem;
    margin-top: -5rem;
    margin-bottom: 0;
}

.blearning_right {
    align-content: center;
    padding-top: 10rem;
}

.b_learning_text1 h2 {
    font-size: var(--font-60);
    margin-block: 3rem;
}

.b_learning_text1 p b {
    display: block;
    font-weight: bold;
}

.b_learning_text1 p {
    padding-inline: 0 9rem;
}

.text-box1 p {
    color: #fff;
}

.text-box1 {
    width: 42em;
    position: relative;
    z-index: 99;
    margin-left: auto;
    padding-block: 10rem;
    padding-inline: 0 11rem;
}

.b-learning1 .play-button {
    background: rgb(255 255 255 / 0%);
}

.b-learning1 .play-overlay {
    bottom: 0;
    top: 0;
    right: 0rem;
    left: 0;
}

.b-learning1 {
    background: var(--color-f9);
    margin-top: 3rem;
    position: relative;
}

.b-learning1:before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
}

.b-learning1:after {
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
}

.blearning_left {
    position: relative;
    z-index: 9;
}

.harrow-section.b-learning2 {
    position: relative;
    z-index: 99;
    background: none;
    margin-top: 10rem;
}


.activities {
    text-align: center;
    padding: 0 0 7rem;
    background: #fff;
    margin-top: 8rem;
    position: relative;
    margin-bottom: 0;
}

.activities h3.section-title {
    color: var(--color-a6);
    font-size: var(--font-18);
}


.activities-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem;
    justify-content: center;
    margin-bottom: 3rem;
}

.activity-item {
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.activity-item a.full-link {
    z-index: 10;
}

.activity-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.activity-item:hover img {
    transform: scale(1.05);
}

.activity-item .overlay {
    position: absolute;
    bottom: 22px;
    left: 24px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-weight: 500;
    z-index: 9;
}

.overlay span {
    font-size: var(--font-15);
}

.plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, color 0.3s ease;
}

.plus:hover {
    background: #071642;
    color: var(--color-15);
}

.learn-more {
    margin-top: 30px;
}

.learn-more a {
    color: var(--color-15);
    font-size: var(--font-14);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding-bottom: 5px;
}

.learn-more a:hover,
.learn-more:hover {
    color: var(--color-a6);
}

.learn-more img {
    margin-left: .8rem;
}

@media (max-width: 1024px) {
    .activities-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .activities-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .activities-grid {
        grid-template-columns: 1fr;
    }
}

.activity-item:after {
    content: "";
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.52;
    position: absolute;
    bottom: 0;
    left: 0;
}


section.other_school_list {
    background: var(--color-f9);
    padding-block: 10rem;
}

.school-grid {
    display: grid;
    gap: 0;
}

.grid-item {
    display: grid;
    align-items: center;
    grid-template-columns: 49.2% 48%;
    gap: 4rem;
}

.grid-item.image-left .image {
    order: 1;
}

.grid-item.image-left .text {
    order: 2;
    width: 50%;
    margin: auto;
}

.grid-item.image-right .text {
    order: 1;
    width: 70%;
    margin: auto;
}

.grid-item.image-right .image {
    order: 2;
}

.image img {
    width: 100%;
    border-radius: 0;
    display: block;
    object-fit: cover;
}

.text p {
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.learn-more {
    display: inline-block;
    text-transform: uppercase;
    font-size: var(--font-14);
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--color-a6);
    padding-bottom: 0.8rem;
    color: var(--color-15);
    text-decoration: none;
}

.bottom-text {
    text-align: center;
    max-width: 65%;
    margin: 5rem auto 0;
    background: #fff;
    padding-block: 5rem;
    width: fit-content;
    padding-inline: 7rem;
}

.bottom-text h3 {
    font-size: var(--font-15);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.bottom-text p {
    color: var(--color-15);
    margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .grid-item {
        grid-template-columns: 1fr;
    }

    .grid-item.image-right .text,
    .grid-item.image-left .text {
        order: 2;
    }


}

.sports-section {
    background: var(--color-f9);
    padding: 5rem 0 4rem;
    position: relative;
}

.sports-header {
    margin-bottom: 0;
    max-width: 100%;
    position: relative;
    width: 82%;
    padding-inline: 0 3rem;
    margin-left: auto;
}

.left_sp {
    width: 81.6%;
    margin-left: auto;
    overflow: hidden;
    height: 100%;
}

.sub-heading {
    color: var(--color-a6);
    font-weight: 600;
    font-size: var(--font-18);
    margin-bottom: 3rem;
}

.sports-grid {
    display: grid;
    grid-template-columns: 40% 57%;
    grid-template-areas:
        "text1 image1"
        "image2 text2"
        ". image-right";
    gap: 2.5rem;
    padding-top: 10rem;
    position: relative;
}

.sports-text:nth-of-type(1) {
    grid-area: text1;
    padding-inline: 0;
}

section.activity_video_panel .left_music2 {
    top: 0;
}

.sports-image.large {

    position: relative;
    z-index: 9;
}

.sports-image.tall {
    grid-area: image2;
    margin-top: 0;
    height: 100%;
}

.sports-text.small {
    grid-area: text2;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}



.sports-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    object-fit: cover;
}

.sports-text p {
    font-weight: 300;
}

section.sports-section:before {
    /* content: ""; */
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    height: 340px;
    z-index: 0;
}

.group_sports2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 8rem;
}

.sports-text.small p {
    width: 74%;
    margin: auto;
}

@media (max-width: 768px) {
    .sports-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "text1"
            "image1"
            "image2"
            "text2"

    }

    .sports-image.small:nth-of-type(2),
    .sports-image.small:nth-of-type(3) {
        width: 100%;
        margin-right: 0;
        display: block;
    }
}

.group_music_grid {
    display: grid;
    padding-top: 5rem;
    position: relative;
    grid-template-columns: 39.5% 57.65%;
    gap: 4.3rem;
}

.activities-music {
    background: var(--color-f9);
    padding-block: 0 10rem;
}

.grid_right-m {
    padding-inline: 0 20rem;
}

.grid_right-m p {
    margin-bottom: 3rem;
}

.activity_video_panel:before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 70px;
}

.grid_group_music2 {
    display: grid;
    padding-top: 3rem;
    position: relative;
    grid-template-columns: 39.5% 57.65%;
    gap: 4.3rem;
}

.left_music2 figure,
.left_music2 figure img {
    height: 100%;
}

.music_other_text {
    padding-block: 5rem 0;
}

.music_other_text p {
    margin-bottom: 2rem;
}


.grid-activity-container {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 6rem;
}

.grid-activity-container .card {
    background-color: #fff;
    padding: 0px;
    border-radius: 0;
    border: 0;
}

.card.bottom-right .text-content {
    margin-right: auto;
}

.card-img-top {
    width: 100%;
    height: auto;
    display: block;
}

.grid-activity-container .text-content {
    padding-inline: 0;
    width: 74%;
    margin-left: auto;
}

.grid-activity-container .card-title {
    font-size: var(--font-15);
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
    margin-bottom: 3rem;
    display: block;
}

.top-left,
.bottom-left {
    padding-right: 20px;
}

.bottom-left .card-text {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
}

.bottom-left .card {
    position: relative;
}

@media (max-width: 768px) {
    .grid-activity-container {
        grid-template-columns: 1fr;
    }

    .top-left,
    .bottom-left,
    .top-right,
    .bottom-right {
        padding: 0;
    }
}

.drama-section {
    display: flex;
    flex-direction: row;
}

.drama-text {
    flex: 1;
    padding-right: 20px;
}

.drama-image {
    flex: 1;
    display: flex;
    align-items: center;
}

.drama-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.shakespeare-section {
    display: flex;
    flex-direction: row-reverse;
}

.shakespeare-text {
    flex: 1;
    padding-left: 20px;
}

.shakespeare-image {
    flex: 1;
    display: flex;
    align-items: flex-end;
}

.shakespeare-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.shakespeare-caption {
    position: absolute;
    bottom: -14rem;
    left: 0;
    right: 0;
    background-color: var(--color-15);
    color: white;
    padding: 3rem 5rem;
    width: 92%;
    margin-left: auto;
}

.grid-item {
    padding: 0px;
}

.top-right-card {
    position: relative;
}

.top-right-card img {
    width: 100%;
}

.bottom-left-card {
    position: relative;
}

.bottom-left-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.other_activities1 {
    padding-block: 12rem 10rem;
}

.grid-item:nth-child(2) {
    grid-template-columns: 48% 49.2%;
}



.dance-content {
    display: grid;
    grid-template-columns: 50% 47.2%;
    gap: 4rem;
    overflow: hidden;
}

.dance-text {
    padding-right: 0;
    width: 66%;
    margin: auto;
    height: 100%;
    align-content: center;
}




.swiper-slide img {
    width: 100%;

}

/* Style for navigation arrows and pagination bullets */
.swiper-button-next,
.swiper-button-prev {
    color: var(--color-15);
}

.swiper-pagination-bullet-active {
    background: #000;
}

.art-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 10rem;
}

.art-image-container {
    order: -1;
    overflow: hidden;
}

.art-image-container .image-placeholder img {
    width: 100%;
}


@media (max-width: 900px) {

    .dance-content,
    .art-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dance-text,
    .art-text {
        padding-right: 0;
    }

    .art-image-container {
        order: 0;
    }
}

.art-text {
    padding-right: 0;
    width: 66%;
    margin: auto;
    height: 100%;
    align-content: center;
}

.other_activity3 {
    background: var(--color-f9);
    padding-block: 10rem;
}




.other_activity3 .swiper-button-prev {
    color: #fff;
    width: 0rem;
    background: #00000052;
    opacity: 1;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    width: 3.5rem;
    height: 3.5rem;
    bottom: 2rem;
    top: inherit;
    left: 2rem;
    transition: 0.3s;
}

.other_activity3 .swiper-button-next {
    color: #fff;
    width: 0rem;
    background: #00000052;
    opacity: 1;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    width: 3.5rem;
    height: 3.5rem;
    bottom: 2rem;
    top: inherit;
    left: 6rem;
    right: inherit;
    transition: 0.8s;

}

.other_activity3 .swiper-button-prev:hover,
.other_activity3 .swiper-button-next:hover {
    background: var(--color-15);
}

.other_activity3 .swiper-button-next:after,
.other_activity3 .swiper-button-prev:after {
    font-size: var(--font-11);
}

/* .left_music2:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
    mix-blend-mode: soft-light;
} */

.left_music2 {
    position: relative;
}

.left_music2 .play-overlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}

.right_music2 figure,
.right_music2 figure img {
    height: 100%;
}

.group_grid_sports {
    display: grid;
    grid-template-columns: 39.5% 57.65%;
    gap: 4.3rem;
    padding-top: 0;
    position: relative;
}

.group_grid_sports2 {
    display: grid;
    grid-template-columns: 39.5% 57.65%;
    gap: 4.3rem;
    padding-top: 4rem;
    position: relative;
    overflow: hidden;
}

.sports-section2 {
    background: var(--color-f9);
    margin-top: 0;
    position: relative;
}

.right_sp {
    padding-top: 0;
}

.media-box-music {
    height: 100%;
}

.other_activities1 .grid-item {
    grid-template-columns: 28.4% 66.15%;
    gap: 8rem;
}

.other_activities1 .grid-item:nth-child(2) {
    grid-template-columns: 57.65% 36.6%;
}

.contact-form-inner iframe {
    width: 100%;
}

.detail_p_text p:last-child {
    margin: 0;
}

@media (max-width:1489px) {
    .inner_head {
        padding-block: 26rem 0;
    }

}

@media (max-width:1699px) {
    .adm_grid {
        display: grid;
        grid-template-columns: 43% 61.5%;
        gap: 13rem;
    }

    .content-section.reversed .left-text-box {
        /* left: 8rem; */
    }

    .content-section.reversed .right-text-box {
        right: 8rem;
    }

    .grid_right-m {
        padding-inline: 0 16rem;
    }

    .right-text-box {
        right: 8rem;
    }
}

@media (max-width:1199px) {
    .info-sidebar {
        margin-left: 0;
    }
}

@media (max-width:991px) {
    .content-wrapper {
        grid-template-columns: 1fr;
    }

    .call-to-action-button {
        margin-top: 0;
    }

    .admission_panel1 .details {
        height: auto;
    }

    .adm_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .adm_left_text {
        padding-inline: 0rem 0;
        order: 2;
    }

    .adm_right_img {
        order: 1;
    }

    .admission_panel3 {
        margin-bottom: 4rem;
    }

    .admission_panel1 {
        margin-block: 3rem 3rem;
        padding-block: 0 4rem;
    }

    .prospectus-block {
        padding-block: 4rem 1rem;
    }
}

@media (max-width:767px) {
    .details h4 br {
        display: none;
    }

    .content-section.reversed .right-text-box {
        right: 6rem;
    }

    .content-section.reversed.harrow-section .right-text-box {
        right: 3rem;
    }

    .info-sidebar {
        margin-left: 0;
    }

    .prospectus-cover-art {
        width: 100%;
    }

    .prospectus-block {
        padding-block: 3rem;
    }

    .admission_panel2 {
        padding: 2rem;
    }
}

@media (max-width:599px) {
    .about_panel2_text2 p {
        padding-block: 2rem;
        padding-inline: 2rem;
    }

    .about_panel2_text2 {
        margin-top: 0;
    }

    .about_panel2 p {
        margin-inline: 0;
    }

    .content-section {
        min-height: 100%;
    }

    .right-text-box {
        right: 0;
        padding: 1rem;
    }

    .content-section.reversed .left-text-box {
        left: 0;
        padding: 1rem;

    }

    .content-section.reversed.harrow-section .right-text-box {
        right: -2.8rem;
    }

    [data-section-id="3"] .bg-clr-box {
        padding-block: 2rem;
    }

    .content-section .media-box {
        height: 100%;
    }

    .content-section.reversed .right-text-box {
        right: 0;
    }

    [data-section-id="5"] .bg-clr-box {
        padding-block: 2rem;
    }

    .bg-clr-box {
        padding-block: 2rem;
        padding-inline: 2rem;
    }

    .stat-box {
        padding-block: 3rem;
        margin: 0rem 0;
        width: 100%;
        height: 100%;
        align-content: center;
        padding-inline: 2rem;
    }

    .about_panel1 br {
        display: none;
    }
}

/*our journey css start here*/

.about_journey {
    padding-block: 12rem;
    background: var(--color-f9);
    margin-block: 7.9rem 0;
}

.jpurney-panel {
    background: var(--color-f9);
    padding-block: 10rem;
    margin-top: 7rem;
    position: relative;
}

.jpurney-panel .jounery-bg img {
    position: absolute;
    width: 30%;
    height: 100%;
    right: 5rem;
    top: -13rem;

}

.group_journy {
    display: flex;
    gap: 3rem;
    margin-bottom: 6rem;
}

.shield-wrap {
    width: 150px;
    position: relative;
}



.journey_grid {
    display: grid;
    grid-template-columns: 51% 46%;
    max-width: 90%;
    margin: auto;
    gap: 4rem;
}

.right-content {
    width: 55%;
}

.right-content h2 {
    margin-bottom: 1rem;
    font-family: var(--font-secondary2);
    font-size: var(--font-26);
}

text {
    font-family: var(--font-secondary2);
    font-size: var(--font-52);
    fill: var(--color-a6);
    stroke: var(--color-a6);
    font-weight: 100;
    letter-spacing: -3.12px;
}

.shield-wrap:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: -6rem;
    background: #a698678a;
    left: 0;
    right: 0;
    margin: auto;
}

.shield-wrap svg {
    position: relative;
    z-index: 9;
}

.right-content h4 {
    font-family: --font-secondary2;
    font-size: var(--font-52);
    color: var(--color-a6);
    font-weight: 100;
}

.right-content ul li {
    margin-block: 0 1rem;
    font-family: var(--font-primary1);
    position: relative;
    padding-inline: 2rem 0;
    font-size: var(--font-15);
}

.right-content p {
    font-family: var(--font-primary1);
    margin-block: 0 2rem
}

.right-content ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--color-a6);
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 10px;
}

.right_journey .group_journy:last-child .shield-wrap:after {
    display: none;
}

.left_journey {
    position: relative;
    height: fit-content;
}

.grid_line {
    width: 1px;
    height: -webkit-fill-available;
    position: absolute;
    right: 5rem;
    background: #a698678a;
    top: 5rem;
    /* left: 0; */
    margin: auto;
}

.left_journey:before {
    content: "";
    width: -webkit-fill-available;
    height: .1rem;
    position: absolute;
    right: 5rem;
    background: #a698678a;
    bottom: 0;
    margin-left: 7.5rem;
}

.grid_area {
    position: relative;
}

.group_journy:nth-child(1) .shield-wrap:before {
    content: "";
    width: 11rem;
    height: 1px;
    position: absolute;
    top: 5rem;
    left: -9rem;
    background: var(--color-a6);
}

.right_journey .group_journy:last-child .shield-wrap {
    display: grid;
    text-align: center;
}

.right_journey .group_journy:last-child .shield-wrap>* {
    grid-area: 1/1;
}

.right_journey .group_journy:last-child .shield-wrap img {
    width: 8rem;
    position: relative;
    z-index: 9;
    margin: 1rem auto;
    mix-blend-mode: lighten;
}

.h_panel {
    display: grid;
    position: relative;
}

.h_panel>* {
    grid-area: 1/1;
}

.h_panel .text-box-learning {
    opacity: 1;
    /* transform: translate(23%, 35%); */
    padding-block: 10rem;
    padding-inline: 12rem 0;
    width: 58rem;
}

.h_panel img {
    width: 100%;
}

.h_panel .bg-clr-box {
    background: var(--color-007);
}

.h_panel .stat-box {
    text-align: left;
    width: 30rem;
    padding-inline: 6rem;
}

.harrow-way_panel1 {
    background: var(--color-f9);
    margin-block: 7.8rem 0;
    padding-block: 0 10rem;
    position: relative;
}

.harrow-way-grid {
    display: grid;
}

.harrow-way-item {
    display: grid;
    align-items: center;
    grid-template-columns: 49.2% 48%;
    gap: 4rem;
}

.harrow-way-text h3 {
    color: var(--color-a6);
    font-size: var(--font-18);
    margin-bottom: 2rem;
}

.harrow-way-text b {
    font-size: var(--font-18);
    margin-bottom: 4rem;
    display: block;
}

.harrow-way-text {
    width: 65.5%;
    margin: auto;
}

.signature-event {
    background-color: var(--color-15);
    color: #fff;
    padding-block: 10rem;
}

.signature-event h3 {
    text-align: center;
    margin-bottom: 2rem;
    color: #A69867;
    font-weight: bold;
}

.signature-event b {
    color: #fff;
    display: block;
    text-align: center;
    font-size: var(--font-18);
    margin-bottom: 5rem;
    font-weight: 500;
}

.signature-event em {
    color: #fff;
    text-align: center;
    display: block;
}

.signature_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 5rem;
    gap: 2.6rem;
}

.signature_text {
    padding-block: 3rem;
    padding-inline: 0 0rem;
}

.signature_text h4 {
    margin-bottom: 3rem;
}

.harrow-way_panel2 {
    background: var(--color-f9);
    padding-bottom: 10rem;
}

.boarding-grid {
    display: grid;
    grid-template-columns: 40.7% 57.5%;
    gap: 2.5rem;
}



/* gallery wrapper */
.gallery {
    width: 100%;
    max-width: 1100px;
}

/* main swiper */
.main-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}

.main-swiper .swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}

.main-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* nav buttons styling */
.swiper-button-next,
.swiper-button-prev {
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.35);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}



.grid_text1 h3 {
    color: var(--color-a6);
    font-size: var(--font-18);
    margin-bottom: 2rem;
}

.grid_text1 b {
    font-size: var(--font-18);
    margin-bottom: 4rem;
    display: block;
}

.right_grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.harrow-way-item.image-left .swiper-button-next,
.harrow-way-item.image-left .swiper-button-prev,
.boarding-life .swiper-button-next,
.boarding-life .swiper-button-prev {
    bottom: 1rem;
    top: inherit;
}

.harrow-way-item.image-left .swiper-button-prev,
.boarding-life .swiper-button-prev {
    left: 15px;
}

.harrow-way-item.image-left .swiper-button-next,
.boarding-life .swiper-button-next {
    left: 6.5rem;
}

.harrow-way-item.image-left .swiper-button-next:after,
.harrow-way-item.image-left .swiper-button-prev:after,
.boarding-life .swiper-button-next:after,
.boarding-life .swiper-button-prev:after,
.houseimg .swiper-button-prev:after,
.houseimg .swiper-button-next:after {
    font-size: var(--font-14);
}

.harrow-way-item.image-left .swiper-button-next,
.harrow-way-item.image-left .swiper-button-prev,
.boarding-life .swiper-button-next,
.boarding-life .swiper-button-prev,
.houseimg .swiper-button-next,
.houseimg .swiper-button-prev {
    bottom: 1rem;
    top: inherit;
    transition: 0.3s;
}

.harrow-way-item.image-left .swiper-button-prev,
.boarding-life .swiper-button-prev {
    left: 15px;
}

.harrow-way-item.image-left .swiper-button-next,
.boarding-life .swiper-button-next,
.houseimg .swiper-button-next {
    left: 6.5rem;
}

.houseimg .swiper-button-prev:hover,
.houseimg .swiper-button-next:hover {
    background: var(--color-a6);
}

.harrow-way-item.image-left .swiper-button-next:after,
.harrow-way-item.image-left .swiper-button-prev:after,
.boarding-life .swiper-button-next:after,
.boarding-life .swiper-button-prev:after {
    font-size: var(--font-14);
}

/* responsive */
@media (max-width:900px) {
    .main-swiper {
        height: 420px
    }

    .thumb-swiper .swiper-slide {
        width: 90px
    }
}

@media (max-width:767px) {
    .right-content ul li br {
        display: none;
    }
}

@media (max-width:480px) {
    .main-swiper {
        height: auto;
    }

    .thumb-swiper {
        height: 64px
    }

    .thumb-swiper .swiper-slide {
        width: 72px
    }
}

.boarding-life {
    padding-block: 12rem;
    background: var(--color-f9);
}

.academic-excellence {
    padding-block: 0 12rem;
    background: var(--color-f9);
}

.academic-excellence h3 {
    color: var(--color-a6);
    font-size: var(--font-18);
    margin-bottom: 2rem;
    text-align: center;
}

.academic-excellence b {
    font-size: var(--font-18);
    margin-bottom: 4rem;
    display: block;
    text-align: center;
}

.academic-excellence p {
    text-align: center;
}

.academic-excellence p {
    padding-inline: 20rem;
    padding-bottom: 5rem;
}

.global_grid {
    display: grid;
    grid-template-columns: 40% 49%;
    gap: 16rem;
}

.left_golbal {
    position: relative;
}

.global-img {
    position: absolute;
    left: auto;
    right: -20rem;
    top: 4rem;
}

.global-citizenship {
    padding-block: 0 12rem;
    background: var(--color-f9);
    overflow: hidden;
}

.global-citizenship h3 {
    color: var(--color-a6);
    font-size: var(--font-18);
    margin-bottom: 2rem;
}

.global-citizenship b {
    font-size: var(--font-18);
    margin-bottom: 4rem;
    display: block;
}

.left_golbal {
    width: 62.5%;
    margin: auto;
}

.harrow_way_bottom {
    background: var(--color-f9);
    padding-bottom: 10rem;
}

.harrow_way_text2 {
    background: #fff;
    text-align: center;
    padding: 5rem 16rem 7.3rem;
}

.harrow_way_text2 b {
    margin-bottom: 3rem;
    display: block;
    color: var(--color-15);
    font-weight: bold;
}

.grad_panel {
    margin-block: 7.8rem 0;
    background: var(--color-f9);
    padding-block: 0 5rem;
}

.grad_grid {
    position: relative;
    display: grid;
}

.left_grade {
    display: grid;
    grid-template-columns: 49.2% 48%;
    gap: 4rem;
    margin-bottom: 6rem;
}

.left_grade_text {
    align-content: center;
    width: 67%;
    margin: auto;
}

.left_grade_text h3 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-15);
    margin-bottom: 4rem;
    text-transform: uppercase;
}

.left_grade:nth-child(1) .left_grade_text {
    padding-top: 6rem;
}

.super-curriculum {
    background: #fff;
    padding-block: 10rem 12rem;
}

.super-curriculum figure {
    background: #fff;
    padding-block: 6rem 0rem;
}

.about_panel1 h3 {
    margin-bottom: 3rem;
}

.padagogy_panel {
    margin-block: 7.8rem 0;
    background: var(--color-f9);
    padding-block: 0 5rem;
}

.padagogy_grid {
    top: 0;
    position: relative;
    display: grid;
}

.padagogy_left {
    display: grid;
    grid-template-columns: 57.65% 41%;
    gap: 2rem;
    margin-bottom: 6rem;
}

.padagogy_text h3 {
    margin-top: 2rem;
}

.padagogy_text b {
    font-size: var(--font-18);
    font-weight: 500;
}

.padagogy_text {
    width: 53%;
    margin: 12rem auto 0;
}

.padagogy_panel1 {
    background: var(--color-f9);
    padding-bottom: 10rem;
}

.padagogy_panel1 figure {
    margin-top: 6rem;
}

.padagogy_panel2 {
    background-color: var(--color-15);
    padding-block: 10rem
}

.pd-panel3_grid {
    display: grid;
    grid-template-columns: 40.7% 58%;
    gap: 2rem;
}

.group_pd_img {
    display: flex;
    gap: 3rem;
}

.right_pd_panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 5rem;
}

.right_pd3_img figure,
.right_pd3_img figure img {
    height: 100%;
    object-fit: cover;

}

.pd_learning_grid3 p {
    padding-inline: 0 5rem;
}

.pd-text-detail {
    width: 70%;
    margin: 2rem auto;
    color: #fff;
}

.padagogy_panel3 {
    background: var(--color-f9);
    padding-block: 10rem 0;
}

.pd_learning_grid3 {
    display: grid;
    grid-template-columns: 49% 49.2%;
    gap: 2.5rem;
}

.left_pd3_text {
    width: 75%;
    margin: 0 auto;
}

.pd_learning_grid3 h4 {
    margin-top: 4rem;
    line-height: 1.1;

}

.grid_pd4 {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 49.2% 49.2%;
}

.right_grid4_text {
    width: 62%;
    margin: auto;
}

.padagogy_panel4 {
    background: var(--color-f9);
    padding-block: 5rem 10rem;
}

.pd_learning_grid4 {
    display: grid;
    gap: 5rem;
}

.box_blue {
    background: var(--color-007);
    text-align: center;
    color: #fff;
    padding-block: 4rem;
    margin-block: 7rem 0;
}

.padagogy_panel5 {
    background-color: var(--color-a6);
    color: #fff;
    padding-block: 8rem 0;
    text-align: center;
}

.padagogy_panel5 h3 {
    font-size: var(--font-24);
    color: #fff;
    margin-bottom: 4rem;
}

span.number em {
    font-style: normal;
    color: var(--color-15);
}

.padagogy_panel5 h4 {
    color: #fff;
    margin-bottom: 3rem;
}

.pd_5text {
    width: 65%;
    margin: 0 auto 0rem;
}

.padagogy_panel5 figure {
    position: relative;
    top: 5rem
}

.padagogy_panel6 {
    background: var(--color-f9);
    padding-block: 15rem 10rem;
}

.left_pd6_panel {
    display: grid;
    grid-template-columns: 38.5% 57.65%;
    gap: 5.6rem;
}

.pd6_text1 {
    display: flex;
    gap: 7rem;
    align-content: center;
    /* align-items: center; */
    width: 81%;
    margin: auto;
}

.text_pd62 {
    width: 37%;
    padding-top: 2rem;
}

.text_pd62 h5 {
    font-size: 5.8rem;
    border-bottom: 1px solid #7070704f;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.text_pd62 h5 sup {
    font-size: 15px;
    top: -3.5rem;
    left: .5rem;
    height: 100%;
}

.text_pd62 h5 sub {
    font-size: 15px;
}

.pd6-panel2 {
    display: grid;
    grid-template-columns: 37.5% 58.65%;
    gap: 5.6rem;
    padding-block: 5rem 0;
}

.left_text_6 {
    width: 81%;
    margin: auto;
}

.left_text_6 figure {
    margin-top: 4rem;
}

.pd6_text2 {
    padding-inline: 0 20rem;
    padding-block: 2rem 0;
}

.activity_video_panel .left_music2:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); */
}

.activity_video_panel {
    margin-top: 4rem;
    background: var(--color-f9);
    position: relative;
}

.curriculum-acivity-pdf {
    text-align: center;
    background: var(--color-f9);
    padding-block: 5rem;
}

.curriculum-acivity-pdf a {
    color: var(--color-15);
    font-weight: bold;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding-bottom: 1.5rem;
}

.curriculum-acivity-pdf a img {
    margin-right: 1rem;
}

.other_text3 {
    padding-top: 13rem;
}


.expeditions_panel_grid {
    display: grid;
    grid-template-columns: 34.3% 59%;
    padding-block: 10rem 12rem;
    gap: 8rem;
}

.right_expeditions_panel figure {
    margin-top: 5rem;
}

.left_expeditions_panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.expeditions-img {
    position: relative;
    background: var(--color-f9);
    margin-top: 7rem;
}



.expeditions-img figure {
    position: relative;
}

.expeditions_panel2 {
    background: var(--color-f9);
}

.fixed_top_bg {
    position: relative;
}

.fixed_top_bg:before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 70px;
}

.fixed_top_bg figure {
    position: relative;
}

.fixed_top_bg2:before {
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 105px;
}

.fixed_top_bg2 figure {
    position: relative;
}


/* ======= */

section.harrow-heritage-panel {
    background: var(--color-f9);
    padding-bottom: 0;
}

.harrow-heritage-panel-text {
    padding-block: 6rem;
    padding-inline: 4rem 12rem;
}

.affiliation {
    background: var(--color-f9);
    padding-top: 10rem;
}

.affiliation .section-title {
    margin-bottom: 6rem;
}

.affiliation .inner-container {
    border-bottom: 1px solid #DBD6C2;
    padding-bottom: 7rem;
}

.affiliation_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6rem;
}

.affiliation_grid figure {
    background-color: var(--color-white);
}

.affiliation-cont {
    padding-right: 10rem;
}

.affiliation_grid_box h4 {
    font-size: var(--font-16);
    font-weight: 500;
    margin-block: 3rem 2rem;
}

.other-rc {
    padding-block: 7rem 12rem;
    background: var(--color-f9)
}

.other-rc .section-title {
    font-size: var(--font-18);
    color: var(--color-a6);
    margin-bottom: 6rem;
}

.affiliation_grid_box {
    position: relative;
}

.other-rc-logo {
    display: grid;
    grid-template-columns: 7% 61%;
    column-gap: 3rem;
    align-items: center;
    position: relative;
}

.other-rc-logo a,
.affiliation_grid_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.affiliation-cont h4 {
    transition: 0.3s;
}

.affiliation_grid_box:has(a:hover) .affiliation-cont h4,
.other-rc-logo:has(a:hover) .other-rc-cont h4 {
    color: var(--color-a6);
}

.other-rc-logo figure img {
    width: 100%;
}

.other-rc-cont h4 {
    font-size: var(--font-15);
    margin-bottom: 2rem;
    transition: 0.3s;

}

/* =============== Harrow Heritage */
.harrow-heritage-panel1 {
    margin-top: 7.8rem;
}

.harrow-heritage-panel1 h2 {
    font-size: var(--font-24);
    color: var(--color-15);
    font-family: var(--font-primary);
    text-align: center;
}

.harrow-heritage-panel1 blockquote {
    text-align: center;
}

.harrow-heritage-panel2 {
    background-color: var(--color-f9);
    padding-bottom: 10rem;
    margin-top: 12.9rem;
}

.harrow-heritage-panel2-grid {
    display: grid;
    grid-template-columns: 57.6% 31.55%;
    column-gap: 3.5rem;
    position: relative;
    top: 0;
}

.harrow-heritage-panel2-grid .right-section {
    display: flex;
    justify-content: end;
    flex-direction: column;
}

.harrow-heritage-panel2-grid .right-section p {
    padding-inline: 6.8rem 6.3rem;
    margin-bottom: 2rem;
}

.harrow-heritage-panel2 p {
    padding-inline: 12.5rem 16.5rem;
}

.harrow-heritage-panel3 {
    padding-block: 10rem;
}

.harrow-heritage-panel3-grid {
    display: grid;
    grid-template-columns: 22.15% 63%;
    column-gap: 7.8rem;
    justify-content: end;
}

.legend-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 1.6rem;
}

.legend-grid figcaption {
    font-size: var(--font-16);
    font-weight: 500;
    margin-top: 2rem;
}

.harrow-heritage-panel3-grid .left-section p:first-of-type {
    margin-block: 2rem 3rem;
}

.harrow-heritage-panel4 {
    padding-block: 10rem 12rem;
    background: var(--color-f9);
}

.harrow-heritage-panel4 p {
    padding-inline: 12.8rem;
    margin-bottom: 3rem;
}

.harrow-heritage-panel4-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    margin-top: 6rem;
}

.legend-grid-box {
    height: fit-content;
}

.legend-grid-box figure img {
    width: 100%;
}

@media only screen and (max-width:1799px) {
    .legend-grid {
        gap: 0 1.6rem;
        align-items: flex-start;
    }
}

@media only screen and (max-width:1699px) {
    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 4.9rem 2rem;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 1299px) {
    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 1rem;
        margin-bottom: 2rem;
    }

    .harrow-heritage-panel-text {
        padding-block: 6rem;
        padding-inline: 3.3rem 5rem;
    }

    .harrow-heritage-panel3-grid {
        grid-template-columns: 24.15% 63%;
        column-gap: 5.8rem;
    }

    .harrow-heritage-panel4 p {
        padding-inline: 4.8rem;
    }

    .harrow-heritage-panel4 {
        padding-block: 7rem 8rem;
    }

    .legend-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem 1.6rem;
    }
}

@media only screen and (max-width: 991px) {
    .harrow-heritage-panel2-grid {
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 0rem;
        margin-bottom: 4rem;
    }

    .harrow-heritage-panel-text {
        padding-block: 4rem;
        padding-inline: 0;
    }

    .harrow-heritage-panel3-grid {
        display: grid;
        grid-template-columns: 100%;
        gap: 3rem
    }

    .harrow-heritage-panel3 {
        padding-block: 7rem;
    }

    .harrow-heritage-panel4 p {
        padding-inline: 0;
    }

    .legend-grid-box figure img {
        width: 100%;
    }
}

@media only screen and (max-width: 699px) {
    .harrow-heritage-panel4 {
        padding-block: 4rem;
    }

    .harrow-heritage-panel1 {
        margin-top: 2.8rem;
    }

    .box_blue {
        padding-inline: 2rem;
    }

    .padagogy_panel4 {
        padding-block: 4rem 4rem !important;
    }
}

@media only screen and (max-width: 499px) {
    .legend-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .box_blue {
        padding-inline: 1rem;
    }

    .legend-grid figcaption {
        font-size: var(--font-14);
    }

    .harrow-heritage-panel2-grid .right-section p {
        margin-bottom: 3rem;
    }

    .harrow-heritage-panel1 blockquote {
        margin-bottom: 2rem;
    }

    .harrow-heritage-panel3 {
        padding-block: 5rem 4rem;
    }

    .harrow-heritage-panel4-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
        margin-top: 3rem;
    }
}

/* === leadership page css === */
.about_panel_leadership {
    background: var(--color-f9);
    margin-top: 7.8rem;
    padding-bottom: 8rem;
}

.about_panel2_text1.leadership2 {
    padding-block: 6rem 2rem;
    padding-inline: 0 2rem;
}

.about_panel2_text1.leadership2 p {
    margin-block: 3rem 0;
}

.about_panel2_text1.leadership2 .signature {
    margin-top: 40px;
    font-weight: bold;
}

.leadership-team {
    padding-block: 10rem;
}

.leadership-team h3 {
    padding-left: 3rem;
}

.leadership-team .community-profile-grid {
    padding-block: 4rem 0rem;
}

.leadership-team .community-profile-grid figcaption h4 {
    margin-top: 2rem;
}

.leadership-team .community-profile-grid figcaption p {
    margin-block: 1rem 2rem;
    color: #fff;
}

.leadership-team .community-profile-grid img {
    margin-top: 0rem;
    background-color: var(--color-e9);
    box-shadow: 0px 5px 15px #00000029;
}


/* ==  AWARDS AND HONOURS == */
.awardpanel {
    background: var(--color-f9);
    margin-top: 7.8rem;
    padding-bottom: 8rem;
    position: relative;
}

.award-grids {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.1rem 4.1rem;
    position: relative;
}

.award-grids p {
    font-size: var(--font-15);
    padding-block: 3rem;
    padding-right: 1.5rem;
}



@media (max-width:991px) {

    .award-grids {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.1rem 2.1rem;
        top: -6rem;
    }

    .harrow-way-item {
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .harrow-way-text {
        width: 100%;
    }

    .harrow-way-item {
        margin-bottom: 4rem;
    }

    .harrow-way_panel2 {
        padding-bottom: 2rem;
    }

    .signature-event {
        padding-block: 6rem;
    }

    .boarding-grid {
        grid-template-columns: 100%;
        gap: 4rem;
    }

    .boarding-life {
        padding-block: 6rem;
    }

    .gallery {
        margin-top: 3rem;
    }

    .academic-excellence p {
        padding-inline: 0;
        padding-bottom: 3rem;
    }

    .academic-excellence {
        padding-block: 0 6rem;
    }

    .global_grid {
        display: grid;
        grid-template-columns: 100%;
        gap: 4rem;
    }

    .left_golbal {
        width: 100%;
    }

    .global-citizenship {
        padding-block: 0 6rem;
    }

    .harrow_way_text2 {
        padding: 5rem 2rem;
    }

    .harrow_way_bottom {
        padding-bottom: 7rem;
    }

    .h_panel .text-box-learning {
        position: relative;
        padding-block: 29rem 7rem;
        width: 100%;
        padding-inline: 0;
    }

    .h_panel .stat-box {
        padding-inline: 6rem;
        margin: -3rem auto;
        padding-block: 1rem;
    }

    .h_panel .bg-clr-box {
        padding-block: 3rem 4rem;
    }

    .harrow-way_panel1 {
        padding-block: 0 8rem;
    }

    .harrow-way-item {
        grid-template-columns: 100%;
    }

    .family-school-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:767px) {
    .h_panel .text-box-learning {
        grid-area: unset;
        padding-block: 0 4rem;
        margin-top: 0;
    }

    .h_panel .stat-box {
        padding-inline: 3rem;
    }

    .signature_grid {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 4rem;
    }
}

@media (max-width:620px) {
    .award-grids {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.1rem 2.1rem;
        top: 0rem;
    }

    .awardpanel {
        margin-top: 3.8rem;
    }


    .academic-excellence {
        padding-block: 0px 8rem;
    }


    .harrow_way_bottom {
        padding-bottom: 7rem;
    }

    .stat-box {
        padding-block: 2rem;
        height: fit-content;
    }

    .harrow-way_panel1 {
        padding-block: 0 4rem;
        margin-block: 3.8rem 0;
    }


    .h_panel .stat-box {
        padding-block: 2rem;
    }

    .bg-clr-box {
        padding-block: 3rem 3rem;
    }
}

@media (max-width:399px) {
    .h_panel .text-box-learning {
        padding-block: 0 0;
        width: 100%;
        padding-inline: 0rem 0;
    }

    .bg-clr-box {
        padding-block: 3rem 3rem;
    }

    .signature-event b {
        margin-bottom: 3rem;
    }

    .boarding-life {
        padding-block: 4rem;
    }

    .global-citizenship {
        padding-block: 0 4rem;
    }

    .harrow_way_text2 {
        padding: 3rem 2rem;
    }

    .harrow_way_bottom {
        padding-bottom: 4rem;
    }

    .academic-excellence {
        padding-block: 0 4rem;
    }

    .harrow-way-item {
        margin-bottom: 2rem;
    }

    .h_panel .bg-clr-box {
        padding-block: 1rem 3rem;
    }
}

/* ==  Family of Schools == */
.family-school {
    background: var(--color-f9);
    margin-top: 7rem;
    padding-bottom: 12rem;
}

.family-school-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7rem 4.5rem;
    position: relative;
}

.family-school-grid .family-school-grid-box {
    border-bottom: 1px solid var(--color-a6);
    text-align: center;
    position: relative;
}

.family-school-grid .family-school-grid-box .caption {
    display: flex;
    align-items: center;
    gap: 3rem;
    justify-content: center;
}

.family-school-grid .family-school-grid-box:hover .caption p {
    color: var(--color-a6);
    transition: all 0.3s;
}

.family-school-grid .family-school-grid-box .caption p {
    font-size: var(--font-18);
    color: var(--color-15);
    font-weight: bold;
    text-transform: uppercase;
    margin-block: 3.8rem;
}

/* -- amity nurture -- */
.amity-nurture {
    padding-block: 10rem 12rem;
}

.amity-nurture-grid {
    display: grid;
    grid-template-columns: 44.4% 60%;
    gap: 12.1rem;
}

.amity-nurture-grid-right {
    padding-right: 19rem;
}

.top .amity-nurture-grid-left {
    padding-inline: 11rem 11rem;
    margin-bottom: 6.8rem;
}

.top .amity-nurture-grid-left em {
    line-height: 1.2;
}

.amity-nurture-grid-right h5 {
    font-size: var(--font-15);
}

.amity-nurture-grid-right ul {
    padding-left: 2rem;
}

.amity-nurture-grid-right ul li {
    color: var(--color-15);
    list-style-type: disc;
    font-size: var(--font-15);
    font-weight: 300;
    padding-left: 1rem;
    margin-top: 3rem;
    position: relative;
    list-style: none;
}

.amity-nurture-grid-right ul li::after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/stars-icon.svg) no-repeat;
    position: absolute;
    left: -2rem;
    top: 0.2rem;
}


/* ===== Learning Senior school css ===== */
.senior-school-bg {
    margin-bottom: 0;
    position: relative;
}

.igs-grid {
    display: grid;
    grid-template-columns: 30.92% 63%;
    gap: 8rem;
    padding-top: 10rem;
}

.igs_Cnt figure {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #A69867;
    border-top: 1px solid #A69867;
    padding-block: 2rem 4rem;
}

.igs_Cnt.igs_Cntnew figure {
    border-top: none;
    border-bottom: none;
}

.igs_Cnt.igs_Cntnew {
    padding-right: 5rem;
}

.igs_Cnt {
    padding-right: 0;
    padding-top: 0;
}

.igs-grid-box:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.learning_panel3.senior-school-panel3 {
    background-color: var(--color-white);
}

.senior-school-panel3 .btm-para {
    background-color: var(--color-f9);
    padding: 5.1rem 10rem 5rem;
    margin-inline: 0.5rem;
}


/* ===== Primary School css ===== */
.primary-school-panel1 .senior-school-bg {
    padding-bottom: 10rem;
}

.primary-school-clsss-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    margin-top: 5.1rem;
}

.primary-school-class {
    position: relative;
}

.primary-school-panel1 p {
    padding-right: 10rem;
}

.primary-school-class figcaption {
    padding-bottom: 1rem;
}

.primary-school-class figcaption p {
    margin-top: -4.4rem;
    font-weight: bold;
    color: var(--color-white);
    position: relative;
    z-index: 1;
    padding-inline: 2.4rem 0;
}

.primary-school-class::after {
    content: "";
    width: 100%;
    height: 150px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.primary-school-panel2 {
    background-color: var(--color-15);
    padding-block: 10rem 12rem;
}

.primary-school-panel2-grid {
    display: grid;
    grid-template-columns: 40.7% 57.65%;
    gap: 2.5rem;
    align-items: flex-start;
}

.primary-school-panel2-grid-box:first-of-type {
    height: 100%;
}

.primary-school-panel2-grid-box:first-of-type img {
    height: 100%;
    object-fit: cover;
}

.primary-school-panel2-grid-box p:last-of-type {
    padding-top: 2rem;
    margin-bottom: 6.8rem;
}

.primary-school-panel2-grid-box p {
    color: var(--color-white);
    padding-inline: 0;
}

.primary-school-panel3 {
    padding-block: 10rem 5rem;
    background-color: var(--color-f9);
}

.curricular-activity-grid {
    display: grid;
    grid-template-columns: 28% 62.9%;
    gap: 12.1rem;
    align-items: center;
}

.curricular-activity-grid-box h3 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-a6);
    margin-bottom: 4rem;
}

.curricular-activity-grid-box em {
    line-height: 1.2;
    margin-bottom: 3rem;
    display: block;
    padding-right: 1rem;
}

.tabs_with_accordion_wrapper {
    display: grid;
    grid-template-columns: 26.65% 62.9%;
    gap: 14rem;
    margin-top: 10rem;
}

.primary-school-panel3 .nav-pills .nav-link,
.tabs_with_accordion_wrapper .accordion-button {
    background-color: transparent;
    color: var(--color-15);
    font-weight: bold;
    font-size: var(--font-18);
    border-bottom: 1px solid var(--color-a6);
    width: 100%;
    text-align: left;
    border-radius: 0;
    padding-block: 2rem;
    padding-inline: 0;
}

.tabs_with_accordion_wrapper .accordion-button::after {
    content: '';
    position: absolute;
    background-image: url(../images/icons/down-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: unset;
    width: 15px;
    height: 15px;
    transform: rotate(-90deg);
    filter: brightness(0);
    transition: transform 0.3s ease;
}

.tabs_with_accordion_wrapper .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.primary-school-panel3 .nav-pills .nav-link.active {
    color: var(--color-a6);
    border-bottom: 1px solid var(--color65);
}

.custom_table table {
    border-collapse: collapse;
    border: 1px solid var(--color-a6);
}

.custom_table table thead tr th {
    background-color: var(--color-a6);
    font-size: var(--font-18);
    color: var(--color-white);
    padding: 1.5rem 2.1rem;
}

.custom_table table tbody tr:nth-child(odd) {
    background-color: var(--color-white);
}

/* .custom_table table tbody tr{} */
.custom_table table tbody tr th,
.custom_table table tbody tr td {
    font-size: var(--font-15);
    color: var(--color-15);
    padding: 1.5rem 2.1rem;
}

.custom_table table tbody tr th {
    font-weight: bold;
    width: 40%;
}

.custom_table table tbody tr td {
    font-weight: 300;
    border-left: 1px solid #a698677d;
    padding-right: 7.5rem;
}

.custom_table table tbody tr:last-of-type {
    border-bottom: 1px solid var(--color-a6);
}

.custom_table th,
.custom_table td {
    padding: 15px;
    text-align: left;
}

.primary-school-panel4 {
    padding-block: 10rem;
}

.primary-school-panel4 h3 {
    font-size: var(--font-18);
    font-weight: bold;
    color: var(--color-a6);
    margin-bottom: 4rem;
}

.distinctive-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6rem
}

.distinctive-feature-grid-box {
    background-color: var(--color-007);
    padding: 3rem 3.5rem 5.5rem 3rem;
    color: var(--color-white);
}

.distinctive-feature-grid-box h4 {
    font-size: var(--font-16);
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 3rem;
}

@media (max-width:1699px) {

    .custom_table table tbody tr td {
        padding-right: 3rem;
    }
}

@media (min-width:768px) {
    .tab-content .accordion-item {
        border: 0;
        border-radius: 0;
    }
}

@media (max-width:991px) {
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
}

@media (min-width: 2500px) {
    .primary-school-panel2-grid-box p:last-of-type {
        margin-bottom: 12rem;
    }
}

@media (min-width: 2700px) {
    .primary-school-panel2-grid-box p:last-of-type {
        margin-bottom: 14rem;
    }
}

/* == sixth form == */
.sixth-form-panel1 {
    background-color: var(--color-f9);
    margin-top: 7.8rem;
    padding-bottom: 10rem;
}

.sixth-form-panel1-grid {
    display: grid;
    grid-template-columns: 54.71% 35.85%;
    gap: 15rem;
    align-items: center;
    position: relative;
}

/* .sixth-form:nth-of-type(1) img{position: absolute; top: -5rem;} */
.sixth-form:nth-of-type(2) {
    padding-top: 12rem;
}

.sixth-form:nth-of-type(2) figure {
    border-bottom: 1px solid #A6986744;
    border-top: 1px solid #A6986744;
    padding-block: 3rem;
    margin-block: 4rem;
}

.sixth-form-panel2 {
    background-color: var(--color-f9);
    padding-bottom: 10rem;
}

.sixth-form-panel2 p {
    margin-top: 3rem;
    padding-right: 2rem;
}

.btm_Cnt {
    padding-top: 3rem;
}

.sixth-form-panel3 {
    background-color: var(--color-15);
    padding-block: 11rem;
}

.sixth-form-panel3-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    align-items: center;
}

.sixth-form-panel3-grid-box {
    color: var(--color-white);
}

.sixth-form-panel3-grid-box.Cnt-para-left {
    padding-inline: 12.5rem 11rem;
}

.sixth-form-panel3-grid-box.Cnt-para-right {
    padding-inline: 12.5rem 12rem;
}

.sixth-form-panel4 {
    padding-block: 12rem;
}

.sixth-form-panel4-grid {
    display: grid;
    grid-template-columns: 57.65% 25.58%;
    gap: 12.5rem;
}

.left-Cnt P {
    padding-inline: 13.5rem 0;
    margin-bottom: 3rem;
}

.right-Cnt {
    padding-right: 0.3rem;
}

.right-Cnt figure img {
    margin-top: 8.9rem;
}

.line-border {
    margin-block: 7.8rem 10.8rem;
    text-align: end;
}

.sixth-form-panel5 {
    background-color: var(--color-f9);
}

.sixth-form-panel5-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    position: relative;
    top: -9rem;
}

/* ==== curriculum advantage==== */
.curriculum-advantage-panel1 {
    background-color: var(--color-f9);
    padding-bottom: 12rem;
    margin-top: 4.8rem;
}

.curriculum-advantage-panel1 .col-lg-10:nth-of-type(2) {
    padding-block: 7rem;
}

.curriculum-advantage-panel1 h3 {
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
}

.curriculum-advantage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6rem;
}

.philosophy {
    background-color: var(--color-white);
    padding: 3.4rem 5.8rem 5.5rem 5.3rem;
    text-align: center;
}

.c_nt {
    margin-top: 3rem;
}

.c_nt p {
    font-weight: 300;
}

.c_nt p span {
    font-weight: 500;
}

.curriculum-advantage2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6rem;
}

/* ===== clubs ====== */
.clubs-panel1 {
    background-color: var(--color-f9);
    margin-top: 7rem;
    overflow: hidden;
}

.clubs-panel1-grid {
    display: grid;
    grid-template-columns: 40.7% 57.65%;
    gap: 2.5rem;
    align-items: flex-start;
}

.clubs-panel1-Cnt {
    padding-inline: 7.5rem 15.5rem;
    margin-bottom: 0rem;
    padding-bottom: 5rem;
    position: relative;
}

.clubs-panel1-Cnt::before {
    content: "";
    width: 200vw;
    height: 100%;
    position: absolute;
    left: -100vw;
    top: 0;
    z-index: -1;
    background: var(--color-white);
}



/* ======================== Start News Event page css ========================= */
.news-event-main-sec {
    margin-block: 5rem 0;
    padding-bottom: 10rem;
    background-color: var(--color-f9);
    position: relative;
}

.news-section {
    display: grid;
    grid-template-columns: 56.82% 31.4%;
    column-gap: 8.2rem;
    /* top: -15rem;
    position: relative; */
}

.news-big-img {
    margin-top: 0;
    position: relative;
    margin-bottom: 2rem;
}

/* .news-big-img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.news-big-img figcaption {
    padding-left: 12.8rem;
    padding-right: 4.8rem;
    display: flex;
    column-gap: 7.7rem;
    margin-top: 3rem;
}

.news-big-img figcaption p:first-of-type,
.news-cont p:first-of-type {
    display: flex;
    column-gap: 1.1rem;
}

.news-big-img figcaption .date,
.news-cont .date {
    font-size: var(--font-36);
    font-family: var(--font-secondary3);
    color: var(--color-15);
    line-height: 0.8;

}

.news-big-img figcaption .day,
.news-cont .day {
    font: normal normal medium 14px/16px Gotham;
    font-size: var(--font-14);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    position: relative;
    height: min-content;

}

.news-big-img figcaption .day:after,
.news-cont .day:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);
}

.news-listing {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    column-gap: 2.9rem;
    margin-left: 12.8rem;
    margin-top: 2.5rem;
    margin-right: -1.3rem;
    position: relative;
}

/* .news-listing a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.news-listing:nth-child(2) {
    margin-top: 2.2rem;
}

.news-cont .day:after {
    bottom: -4px;
}

.news-listing.news-odd {
    border: 1px solid #D4D4D4;
    margin-top: 2.5rem;
    margin-left: 8.1rem;
    padding: 1.3rem 1.4rem 1.8rem 4.3rem;
    margin-right: -2.6rem;
    align-items: center;
}

.news-listing.news-odd .news-cont {
    padding-inline: 1.4rem 3.5rem;
}

.news-listing.news-odd .news-cont.left-cont {
    padding-inline: 0rem 1.6rem;
}

.news-listing.news-odd .news-cont h3 {
    font-size: var(--font-21);
    font-family: var(--font-primary);
    font-weight: 500;
    columns: var(--color-black);
    color: var(--color-15) !important;
}

.news-listing p {
    color: var(--color-15) !important;

}

/* ==== upcuming news ==== */
.upcomming-news {
    padding: 4rem 4.8rem;
    background: var(--color-c0);
    margin-top: 0;
    height: fit-content;
    position: sticky;
    top: 0rem;
}

.upcomming-news h4 {
    font-size: var(--font-16);
    font-weight: bold;
    font-family: var(--font-primary);
    color: var(--color-15);
    text-transform: uppercase;
}

.upcomming-news-list {
    margin-top: 4.2rem;
    position: relative;

}

.upcomming-news-list figure img {
    max-width: 125%;
}

.upcomming-news-list .upcomming-caption {
    display: flex;
    column-gap: 3.2rem;
    margin-top: 3rem;
    margin-left: 2.6rem;
}

.past-event-list {
    position: relative;
}

/* .upcomming-news-list a,
.past-event-list a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.upcomming-news-list .upcomming-caption .date,
.details-date .date {
    font-size: var(--font-52);
    font-family: var(--font-secondary3);
    font-weight: normal;
    color: var(--color-15);
    text-transform: uppercase;
    line-height: 0.7;
    position: relative;
}

.upcomming-news-list .upcomming-caption .date::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0px;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);
}

.upcomming-news-list .upcomming-caption .day,
.details-date .day {

    font-size: var(--font-14);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    display: block;
    margin-top: 1.5rem;
}

.past-event-container {
    margin-top: 2.4rem;
    padding-right: 0.9rem;
}

.past-event {
    display: flex;
    flex-direction: column;
    row-gap: 3.3rem;
    margin-top: 1.1rem;

}

.past-event-list p {
    padding-right: 1rem;
    margin-top: 3rem;
    color: var(--color-15) !important;
}

.past-event-list p.text-black {
    margin-top: -0.5rem;
}

.past-event-list figcaption p .date {
    font-size: var(--font-36);
    font-family: var(--font-secondary3);
    color: var(--color-15);
    line-height: 0.8;
}

.past-event-list figcaption p .day {
    font: normal normal medium 14px/16px Gotham;
    font-size: var(--font-14);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    position: relative;
    height: min-content;
    position: relative;
    top: -0.5rem;
}

.past-event-list figcaption p .day:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);
}

.latest-news .news-big-img p {
    color: var(--color-15) !important;
}

.view-more.view1 {
    margin-left: 14.2rem;
    margin-top: 4rem;
    margin-right: -1.3rem;

}

.view-more {
    margin-top: 3rem;
}



.view-more a:hover {
    color: var(--color-a6);
}

.view-more .view-more-btn {
    font-size: var(--font-14);
    font-weight: 500;
    font-family: var(--font-primary);
    color: var(--color-15);
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-a6);
    padding-bottom: 1rem;

}

.view-more .view-more-btn img {
    padding-left: 1.2rem;
}

.share-btn {
    position: relative;
    display: inline;
    padding-left: 1.5rem;
    cursor: pointer;
}

.share-icons {
    position: absolute;
    bottom: -0.5rem;
    right: -25rem;
    opacity: 0;
    transition: 1s;
    width: max-content;
}

.back-share .view-more-btn .social-icons img {
    padding-inline: 0;
}

.back-share .social-icons a:last-of-type {
    margin-left: 5px;
}

.back-share .share-btn:hover .share-icons {
    right: -20.5rem;
    opacity: 1;
}



/* ==== Nfews Detials Css==== */
.news-details-Cnt {
    padding-left: 12.4rem;
    margin-top: 10rem;
}

.news-details-Cnt p {
    margin-bottom: 3.2rem;
}

.news-details-Cnt p:last-of-type {
    margin-bottom: 0;
}

.center-img-news-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
    margin-block: 10.3rem 10.7rem;
}

.bottom-border-hr {
    margin-block: 10.3rem 0;
    border-color: var(--color-db);
    opacity: 1;
}

.upcomming-news.related-news {
    background-color: var(--color-white);
}

.upcomming-news.related-news {
    padding: 0 3.5rem 4.1rem 2.6rem;
    height: fit-content;
}

.details-date {
    margin-top: 7.8rem;
}

.details-date .day {
    display: inline;
    position: relative;

}

.details-date .day::after {
    position: absolute;
    content: "";
    left: 0;
    top: -5px;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);
}

.details-date span:nth-child(3) {
    font-size: var(--font-16);
    font-family: var(--font-secondary3);
    font-style: italic;
    color: var(--color-15);
    display: inline-block;
    margin-bottom: 1.6rem;
}

.upcomming-news.related-news .past-event-container {
    padding-right: 0;
}

.upcomming-news.related-news h4 {
    margin-bottom: 4.7rem;
}

.view-more.view1.back-share {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    gap: 1rem;
}

.back-share a:last-of-type {
    margin-left: 0;
}

.back-share .view-more-btn img {
    padding-inline: 0 1.2rem;
}

@media only screen and (max-width: 1899px) {
    .news-big-img figcaption {
        padding-right: 0.8rem;
    }
}

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

    .news-details-Cnt {
        padding-left: 0rem;
        margin-top: 6rem;
    }

    .center-img-news-details {
        margin-block: 4.3rem 5.7rem;
    }

    .bottom-border-hr {
        margin-block: 5.3rem 0;
    }

    .news-section {
        display: grid;
        grid-template-columns: 60.82% 34.4%;
        column-gap: 5.2rem;
    }

    .view-more.view1.back-share {
        margin-left: 4.2rem;
    }

    .upcomming-news {
        padding: 3rem 2.8rem;
    }
}

@media only screen and (max-width: 1149px) {
    .shield-wrap {
        width: 115px;
    }

    .right-content {
        width: 66%;
    }

    .right-content h2 {
        font-size: var(--font-24);
    }

    .left_journey .right-content {
        width: 55%;
    }
}

@media only screen and (max-width: 991px) {
    .news-section {
        grid-template-columns: 100%;
    }

    .news-big-img figcaption {
        padding-left: 0;
        margin-right: 0;

    }

    .news-listing {
        margin-left: 0;
        margin-right: 0;

    }

    .upcomming-news-list figure img {
        max-width: 100%;
        width: 100%;
    }

    .news-listing.news-odd {
        margin-left: 0;
        margin-right: 0;
    }

    .upcomming-news {
        margin-top: 5rem;
        padding: 4rem;
    }

    .upcomming-news-list .upcomming-caption {
        margin-left: 0;
    }

    .view-more.view1 {
        margin-left: 0;
        margin-top: 4rem;
        margin-right: 0;
    }

    .past-event {
        display: grid;
        margin-top: 1.1rem;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

    .footer-copyright {
        border-top: none;
        margin-top: 0rem;
        padding-top: 0;
    }

    .footer-links {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .news-section {
        display: grid;
        grid-template-columns: 100%;
    }

    .news-listing:nth-child(2) {
        margin-top: 2.2rem;
    }

    .news-details-Cnt {
        padding-left: 0;
        margin-top: 4rem;
    }

    .upcomming-news.related-news {
        padding: 4rem 3.5rem 5.1rem 2.6rem;
        height: fit-content;
    }

    .view-more.view1.back-share {
        margin-left: 1.2rem;
    }


}

@media only screen and (max-width: 600px) {
    .news-listing.news-odd {
        padding-left: 1.5rem;
    }

    .news-listing.news-odd .news-cont {
        padding-inline: 0;
    }

    .upcomming-news-list figure img {
        max-width: 100%;
    }

    .past-event {
        grid-template-columns: 1fr;

    }
}

@media only screen and (max-width: 499px) {
    .sixth-form-panel5-grid {
        grid-template-columns: 100%;
        top: 0;
    }

    .sixth-form-panel4 {
        padding-block: 4rem 1rem !important;
        margin-bottom: 0rem !important;
    }

    .sixth-form-panel5 {
        margin-bottom: 4rem;
    }

    .news-event-main-sec {
        margin-block: 2rem 0;
        padding-bottom: 7rem;
    }

    .center-img-news-details {
        margin-block: 3rem;
    }

    .bottom-border-hr {
        margin-block: 3.3rem 0;
    }

    .past-event-list p {
        padding-right: 0;
        margin-top: 2rem;
    }

    .upcomming-news {
        margin-top: 3rem;
        padding: 3rem 2rem;
    }

    .upcomming-news-list {
        margin-top: 2.2rem;
    }

    .news-listing {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .news-big-img figcaption {
        flex-direction: column;
    }

    .news-listing:nth-child(2) {
        margin-top: 3.2rem;
    }
}


/* ====================== End News Event page Css ======================= */

.media-coverage-panel1 {
    position: relative;
    padding-bottom: 15rem;
    background: var(--color-f9);
}

.media-coverage-panel1::before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    left: 0;
    height: 185px;
    z-index: 0;
    background-color: #fff;
}

.media-coverage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8.6rem 6.2rem;
    margin-top: 3.5rem;
    position: relative;
}

.media-coverage-box {
    position: relative;
}

.media-coverage-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-section {
    position: relative;
}

.content-section[data-section-id="4"]:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.media-img-box {
    background-color: var(--color-f6f);
    padding: 5rem 6.8rem;
}

.media-caption {
    padding-inline: 3rem;
    padding-top: 2rem;
}

.media-caption p {
    margin-bottom: 1.8rem;
    color: var(--color-15);
    font-family: var(--font-primary);
    font-size: var(--font-16);
    font-weight: normal;
    /* font: normal normal normal 16px/18px Gotham; */


}

.media-caption p:last-child {
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
}

.media-caption p:last-child span {
    position: relative;
}

.media-caption p:last-child span:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -7px;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);
}

@media only screen and (max-width: 1199px) {
    .media-coverage-grid {
        gap: 3.6rem 3.2rem;
    }

    .media-caption {
        padding-inline: 0;
    }
}

@media only screen and (max-width: 899px) {
    .media-coverage-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .media-coverage-panel1 {
        padding-bottom: 11rem;
    }
}

@media only screen and (max-width: 499px) {
    .media-coverage-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 5rem;
    }

    .media-coverage-panel1 {
        padding-bottom: 7rem;
    }
}

/* ================== Press release page Style ============== */
.press-release-panel {
    background-color: var(--color-f9);
    padding-block: 6.9rem 15rem;
}

.latest-pres-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    margin-block: 3.5rem 6rem;
    padding-inline: 12.6rem;
}

.latest-press-release {
    display: flex;
    column-gap: 5.4rem;
    position: relative;
    align-items: flex-start;
}

.latest-press-release a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.latest-press-release a img {
    position: absolute;
    right: 4rem;
    top: 0.5rem;
}

.date-container .date {
    font-size: var(--font-52);
    font-family: var(--font-secondary3);
    color: var(--color-15);
    display: block;
    position: relative;
    line-height: 1;
}

.date-container .date::after {

    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 2.5rem;
    height: 1px;
    background-color: var(--color-a6);

}

.date-container .month-year {

    font-size: var(--font-14);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    display: block;

}

.latest-press-release p {

    font-size: var(--font-18);
    font-family: var(--font-primary);
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--color-15);
    text-transform: uppercase;
    text-align: left;
}

.press-release-list {
    padding-inline: 12.5rem;
    display: grid;
    row-gap: 1.8rem;
}

.press-release-list:not(:first-of-type) {
    padding-top: 4.5rem;
}

.press-release-years {
    padding-bottom: 1.3rem;
}

.press-release-years span {

    font-size: var(--font-16);
    font-family: var(--font-primary);
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--color-15);
    text-transform: uppercase;
}

.press-release-listing {
    padding: 3.3rem 3.1rem 2.8rem 3rem;
    background-color: var(--color-f6f);
    display: flex;
    gap: 0rem 7rem;
    justify-content: end;
    position: relative;
    align-items: center;
}

/* .press-release-listing a {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
} */

.press-release-listing .date {
    font: normal normal normal 36px/51px Bembo MT Pro;
    letter-spacing: 0px;
    color: #152242;
    opacity: 1;
}

.press-release-listing .month-year {
    font: normal normal medium 14px/16px Gotham;
    letter-spacing: 0px;
    color: #152242;
    text-transform: uppercase;
    opacity: 1;
}

/* repsonsive  */
@media only screen and (max-width: 599px) {
    .press-release-listing img {
        width: 50px;
    }

    .press-release-listing {
        align-items: flex-start;
        gap: 0rem 3rem;
    }

    .press-release-panel {
        padding-block: 5.9rem 4rem;
    }
}

@media only screen and (max-width: 499px) {
    .press-release-list .press-release-listing {
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: flex-start;
        padding: 1.5rem;
    }

    .press-release-listing p {
        margin-bottom: 0;
    }

    .press-release-listing img {
        width: 25px;
    }
}

.news-event-main-sec.fixed_top_bg2:before {
    height: 180px;
}

.gallery-sec1 {
    text-align: center;
}

.gallery-sec1 blockquote {
    padding-block: 5.8rem 7.5rem;
}

.gallery-grid-1 {
    display: grid;
    grid-template-columns: repeat(1, 65.5% 31%);
    gap: 4.3rem;
    margin-bottom: 5.7rem;
}

.gallery-box {
    position: relative;
}

.gallery-box figure {
    overflow: hidden;
}

.gallery-box figure img {
    transition: 0.3s linear;
    width: 100%;
}

.gallery-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.gallery-box:has(a:hover) img {
    /* transform: scale(1.05); */
}

.gallery-box .figcaption {
    padding-top: 3rem;
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
}

.gallery-grid-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4.2rem 5rem;
}

.gallery-sec2 {
    padding-bottom: 15rem;
    background: var(--color-f9);
    position: relative;
}

.fancybox__caption {
    padding-top: 3.5rem;
    font-size: var(--font-15);
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.fancybox__nav .carousel__button {
    border: 1px solid #fff;
    border-radius: 0;
    width: 3.5rem;
    height: 3.5rem;
    padding: 10px;
}

.fancybox__nav .carousel__button:hover {
    background: var(--color-15);
}

.fancybox__button--close {
    display: none;
}

.fancybox__backdrop {
    background: #152242eb;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.gallery-sec2.fixed_top_bg2:before {
    height: 180px;
}

/* responsive  */
@media only screen and (max-width:1399px) {
    .gallery-sec2 {
        padding-bottom: 9rem;
    }

}

@media only screen and (max-width:699px) {
    .inner_head {
        padding-block: 19rem 0;
    }

    .community-tabs {
        display: none;
    }

    .gallery-grid-2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2rem;
    }

    .gallery-grid-1 {
        gap: 3rem;
        margin-bottom: 3rem;
    }

    .gallery-sec1 blockquote {
        padding-block: 1.8rem 3.5rem;
    }

    .gallery-sec2 {
        padding-bottom: 6rem;
    }
}

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

    .gallery-grid-2,
    .gallery-grid-1 {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }

    .gallery-box figure img {
        width: 100%;
    }

}


/* ======= The Super-Curriculum ======== */
.super-curriculum-panel1 {
    background-color: var(--color-f9);
    margin-top: 4.8rem;
    padding-bottom: 12rem;
    overflow: hidden;
}

.super-curriculum-panel1-grid {
    display: grid;
    grid-template-columns: 30.92% 62.87%;
    gap: 6rem;
}

.super-curriculum-panel1-grid-box.one {
    padding-right: 5rem;
}

.super-curriculum-panel1-grid-box em {
    position: relative;
    z-index: 2;
    padding-bottom: 5rem;
    line-height: 1.1;
}

.super-curriculum-panel1-grid-box em:before {
    position: absolute;
    content: "";
    width: 200vw;
    height: 100%;
    left: -100vw;
    top: 0;
    z-index: -1;
    background: var(--color-white);
}

.super-curriculum-panel1-grid-box.tow {
    position: relative;
    z-index: 99;
}

.super-curriculum-panel1-grid-box p {
    margin-top: 10rem;
}

.super-curriculum-panel1 .bottom-border-img {
    margin-block: 7.8rem 10rem;
}

.super-curriculum-panel1 .btn-cnt {
    padding-right: 16rem;
    margin-bottom: 6rem;
}

.list-of-allow {
    margin-top: 7.8rem;
}

.list-of-allow h3 {
    font-size: var(-font-18);
    color: var(--color-a6);
    font-weight: bold;
    margin-bottom: 4rem;
}

.custom_list {
    margin-left: 2rem;
}

.custom_list li {
    list-style-type: disc;
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
    margin-bottom: 3rem;
    padding-left: 1.6rem;
    position: relative;
    list-style: none;
}


.custom_list li::after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/stars-icon.svg) no-repeat;
    position: absolute;
    left: -2rem;
    top: 0.2rem;
}

.list-of-allow .custom_list li {
    line-height: 1.2;
}

/*====== Sports at Harrow ====== */


.harrow-sports {
    background-color: var(--color-f9);
    margin-top: 4.8rem;
    padding-bottom: 10.3rem 11.3rem;
}

.harrow-sports-grid {
    display: grid;
    grid-template-columns: 58% 25.9%;
    gap: 15rem;
    margin-bottom: 10rem;
}

.harrow-sports.fixed_top_bg::before {
    height: 40px;
}

.harrow-sports-grid-box2 {
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.harrow-sports-grid-box2 h3 {
    font-weight: bold;
}

.harrow-sports-grid-box2 ul li {
    border-top: 1px solid #a6986770;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: var(--font-16);
}

.harrow-sports-grid-box2 ul li span {
    font-size: var(--font-48);
    padding-right: 2.5rem;
    font-family: var(--font-secondary2);
}

.harrow-sports-grid-box2 ul li p {
    margin-bottom: 0;
}

.sports-video {
    position: relative;
}

.sports-video figure img {
    filter: blur(6px);
}

/* .sports-video:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: .8;
    mix-blend-mode: soft-light;
} */
.plybtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% -50%);
    content: "";
    cursor: pointer;
}

.sports-team-harrow {
    background-color: var(--color-white);
    padding-block: 10rem;
}

.sports-team-harrow h3 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5rem;
}

.sports-team-harrow .community-profile-grid ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 6.2rem;
    row-gap: 22rem;
}

.sports-team-harrow .community-profile-grid figcaption p {
    margin-block: 2rem 1rem;
}

.spprots-colboration-panel1 {
    background-color: var(--color-15);
    padding-block: 11rem;

}

.spprots-colboration {
    padding-inline: 1rem;
}

.spprots-colboration-panel1 h3 {
    font-weight: bold;
    margin-bottom: 3rem;
}

.spprots-colboration em {
    width: 75%;
    display: inline-block;
    color: var(--color-white);
    margin-bottom: 6rem;
    line-height: 1;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5.9rem 4.9rem;
}

.spprots-colboration figcaption {
    color: var(--color-white);
    padding-block: 3rem 2rem;
}

.spprots-colboration p {
    color: var(--color-white);
}

.holistic-sports .school-grid {
    row-gap: 6rem;
}

.holistic-sports .grid-item:nth-child(2) {
    grid-template-columns: 49.17% 49.2%;
}

.holistic-sports .grid-item.image-left .text {
    order: 2;
    width: 64.15%;
    margin: auto;
}

.holistic-sport h3 {
    margin-bottom: 2rem;
}

.holistic-sports .text h4 {
    font-size: var(--font-18);
    color: var(--color-15);
    margin-bottom: 4rem;
}

.grid-item.image-right .text {
    order: 1;
    width: 62%;
    margin: auto;
}

.annual-sports {
    padding-block: 10rem;
}

.annual-sports h3 {
    color: var(--color-15);
}

.annual-sports-top {
    padding-right: 2rem;
    margin-bottom: 6rem;
}

.annual-sports2 {
    background-color: var(--color-a6);
    padding-bottom: 10rem;

}

.sports-at-harrow-bottom {
    margin-bottom: 12.2rem;
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7.1rem 2.4rem;
}

.sports-at-cnt {
    padding-inline: 12.5rem 9.6rem;
    margin-top: 3rem;
}

.sports-at-cnt h3 {
    font-size: var(--font-16);
    color: var(--color-15);
    padding-bottom: 3rem;
}


.universities-guidence-panel1 {
    padding-block: 9rem 11rem;
    padding-right: 3rem;
}

.universities-guidence-panel1 em {
    padding-right: 13rem;
    display: inline-block;
    margin-bottom: 3rem;

}

.head-of-university {
    background-color: var(--color-15);
    padding-block: 11rem;
}

.universities-head-grid {
    display: grid;
    grid-template-columns: 38.65% 50.85%;
    gap: 12.5rem;
}

.universities-guidence-cont {
    padding-right: 1rem;
}

.universities-guidence-cont em {
    margin-block: 1rem 4rem;
    display: inline-block;
    color: var(--color-white);
}

.universities-guidence-cont p {
    color: var(--color-white);
}

.comprehensive-suports {
    background: var(--color-f9);
    padding: 10rem 12rem;
}

.comprehensive-suports-grid {
    display: grid;
    grid-template-columns: 37.5% 55.63%;
    gap: 9.8rem;
}

.comprehensive-suports-cont p {
    font-weight: 500;
    margin-bottom: 3rem;
}

.comprehensive-suports-cont h3 {
    margin-bottom: 2rem;
}

.comprehensive-suports-cont .custom_list li {
    margin-bottom: 2rem;
}

.comprehensive-suports-cont .bottom-border-img {
    margin-top: 10rem;
}

.comprehensive-btm {
    margin-top: 7rem;
}

.comprehensive-btm p a {
    color: var(--color-a6);
}

.comprehensive-btm p {
    padding-right: 12rem;
}

.anachor-tag {
    position: relative;
    top: -180px;
    transform: translateZ(0);
    transition: transform .6s ease-in-out;
    backface-visibility: hidden;
}

.anachor-tag {
    height: 0;
    width: 1px;
    overflow: hidden;
}

@media (max-width:1899px) {
    .community-tabs {
        column-gap: 2rem;
    }

    .community-tabs li a {
        font-size: var(--font-14);
    }

    .primary-school-panel4 .col-lg-10 {
        width: 88.333333%;
    }
}

@media (max-width:1699px) {
    .vision_block_right {
        width: 68rem;
    }

    .primary-school-panel4 .col-lg-10 {
        width: 93.333333%;
    }

    .distinctive-feature-grid-box {
        padding: 3rem 2rem 3.5rem 2rem;
    }
}

@media (max-width:1599px) {
    .primary-school-panel4 .col-lg-10 {
        width: 87.333333%;
    }
}

@media (max-width:1499px) {
    .primary-school-panel4 .col-lg-10 {
        width: 96.333333%;
    }
}

@media (max-width:1330px) {


    .community-tabs {
        column-gap: 1.8rem;
    }

    .community-tabs li a {
        font-size: 12px;
    }
}


@media (max-width:1280px) {
    .about_panel2_text1 {
        padding-block: 6rem 2rem;
    }

    .about_panel2 {
        padding-block: 0 6rem;
    }

    blockquote {
        padding-inline: 8rem;
    }



}

@media (max-width:1199px) {
    .primary-school-panel4 .col-lg-10 {
        width: 103.333333%;
    }

    .community-tabs li a {
        font-size: var(--font-14);
    }

    .inner_head {
        padding-block: 20rem 0;
    }

    .vision-left {
        padding-inline: 6rem .1rem;
    }

    .mission_left_space {
        padding-inline: 7rem 0;
    }

    .detail_value {
        width: 80%;
    }

    .affiliation-cont {
        padding-right: 0;
    }

    .our-values {
        padding-block: 9rem;
    }

    .mission-section {
        padding-block: 0 9rem;
    }

    .vision-section {
        padding-block: 9rem 22rem;
    }

    .about_panel3 {
        padding-block: 7rem 8rem;
    }

    .grid-item.item-2.text-block {
        width: 77%;
        margin: auto;
    }
}


@media (max-width:991px) {
    .primary-school-panel4 .col-lg-10 {
        width: 100%;
    }

    blockquote {
        padding-inline: 0rem;
    }

    .section-cat-tab {
        display: none;
    }

    em {
        line-height: 1.3;
        display: block;
    }

    .grid-container {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .vision-left {
        position: relative;
        padding-inline: 0rem;
    }

    .about_logo-icon {
        text-align: center;
        margin-bottom: 2rem;
    }

    .about_panel2_text1 {
        padding-inline: 0;
        padding-block: 1.5rem;
    }

    .vision_block_right {
        width: 100%;
    }

    .mission_grid {
        grid-template-columns: 100%;
        gap: 0rem;
    }

    .mission_left_space {
        padding-inline: 0rem;
        padding-block: 2rem;
    }

    .mission_right {
        padding-inline: 0rem;
        padding-block: 2rem;
    }

    .value_title {
        text-align: center;
        width: 100%;
    }

    .value_grid_vox {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 2rem;
        row-gap: 0rem;
    }

    .affiliation_grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .about_panel2 p {
        margin-block: 2rem 0;
    }

    .about_panel2 p:not(:last-child) {
        margin-bottom: 0;
    }

    .about_panel2 {
        padding-block: 0 2rem;
        margin-block: 2rem;
    }

    .about_panel3 {
        padding-block: 2rem 2rem;
    }

    .vision-section {
        padding-block: 4rem;
    }

    .section-title {
        margin-bottom: 2rem;
    }

    .vision-right h5 {
        margin-bottom: 1rem;
    }

    .vision-right h4 {
        margin-block: 3rem 2rem;
    }

    .mission_panel1 figure img {
        position: relative;
        margin-top: 0;
    }

    .btn_slider_group {
        left: inherit;
        right: inherit;
        width: 100%;
    }

    .vision-right .swiper-button-next {
        right: 0rem;
        left: inherit;
        background: #fff;
    }

    .vision-right .swiper-button-prev {
        left: 0rem;
        right: inherit;
        background: #fff;
    }

    .mission_panel1 {
        margin-bottom: 3rem;
    }

    .mission-section {
        padding-block: 0 1rem;
    }

    .our-values {
        padding-block: 4rem 0;
    }

    .detail_value {
        width: 100%;
        margin: auto;
        padding-block: 3rem;
    }

    .affiliation {
        padding-top: 2rem;
    }

    .affiliation .section-title {
        margin-bottom: 2.5rem;
    }

    .affiliation-cont {
        padding-right: 0;
    }

    .affiliation .inner-container {
        padding-block: 2rem;
    }

    .other-rc-logo {
        grid-template-columns: 100%;
    }

    .other-rc-logo figure {
        margin-bottom: 1.5rem;
    }

    .grid-item.item-2.text-block {
        width: 100%;
        margin: auto;
        padding-top: 2rem;
    }

    .grid-item.item-3.text-block.lower-school-text {
        width: 100%;
    }

    .other-rc-logo figure img {
        width: fit-content;
    }

    .footer-contact li strong {
        display: block;
    }

}


@media (max-width:600px) {
    .other-rc-logo figure img {
        width: fit-content;
    }

    blockquote {
        padding-block: 2.5rem;
    }

}

/* Boarding overviw css start  */
.boarding2-title {
    margin-block: 7.8rem;
}

.boarding2-title em {
    margin-bottom: 3rem;
    display: block;
}

.boarding-overgrid1 {
    display: grid;
    grid-template-columns: repeat(1, 30% 63% auto);
    gap: 9.5rem;
}

.boarding-overviewgrid3 {
    display: grid;
    grid-template-columns: repeat(1, 41% 57% auto);
    gap: 2.5rem;
}

.bor-over2text {
    padding-top: 2.7rem;
}

.boarding-overview2 {
    background: #f9f9f9;
    padding-bottom: 10rem;
}

.boarding-overview1 {
    position: relative;
    background: #f9f9f9;
    margin-top: 4.8rem;

}

.boarding-overview1 figure {
    position: relative;
}

.boarding-overview1::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background: #fff;
    z-index: 0;
}

.boarding-overview3 {
    position: relative;
    padding-block: 10rem 12rem;
}

.bor-over3text p {
    padding-left: 7.2rem;
    padding-right: 10rem;
}

.bor-over3pdfimg {
    background: #a698673b;
    padding: 6.9rem 9rem 14.8rem 5.3rem;
    position: relative;
    height: fit-content;

}

.boarding-broucher {
    display: grid;
    grid-template-columns: repeat(1, 59% 40.5% auto);
}

.boarding-broucher h3 {
    font-size: var(--font-30);
    letter-spacing: -1.2px;
    font-family: var(--font-secondary);
    color: #152242;
    font-weight: 500;
    margin-bottom: 3rem;
}

.boarding-broucher a {
    color: #474747;
}

.boarding-broucher a img {
    padding-right: 1rem;
}

.boarding-broucher a span {
    border-left: 1px solid #A69867;
    padding-left: 1rem;
    margin-left: 1rem;
}

.boarding-broucher {
    margin-bottom: 5rem;
}

.handbookpdf a {
    font-size: var(--font-16);
    color: var(--color-15);
    font-weight: 700;
    border-block: 1px solid #A69867;
    padding-block: 2.1rem;
    padding-left: 2.2rem;
    display: block;
    width: 100%;
}

.handbookpdf a img {
    padding-right: 1rem;
}

.boarding-overviewgrid3 .blue-bgtext {
    padding: 4.5rem 5.5rem;
    background-color: #0072BA;
    color: #fff;
}

.boarding-overviewgrid3 .blue-bgtext p {
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

.boarding-overviewgrid3 .blue-bgtext {
    position: absolute;
    right: 0;
    bottom: -9rem;
    width: 88%;
}

.bor-over3text figure {
    margin-top: 7.4rem;
}

.bor-over3pdfimg a:hover {
    color: #0072BA;
}

@media only screen and (max-width:1699px) {
    .bor-over3text p {
        padding-right: 8rem;
    }
}

@media only screen and (max-width:1299px) {
    .boarding2-title {
        margin-block: 5.8rem 5rem;
    }
}

@media only screen and (max-width:1199px) {
    .boarding-overview1 {
        margin-top: 2.8rem;
    }

    .boarding2-title {
        margin-block: 4.8rem 3rem;
    }
}

@media only screen and (max-width:991px) {
    blockquote {
        padding-inline: 0rem;
    }

    .boarding-overview1 {
        margin-top: 5rem;
    }

    .boarding2-title {
        margin-block: 3rem 2rem;
    }

    .boarding2-title em {
        margin-bottom: 2rem;
    }

    .bor-over2text {
        padding-top: 0;
    }

    .boarding-overgrid1 {
        display: grid;
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .boarding-overview2 {
        padding-bottom: 3rem;
    }

    .boarding-overview3 {
        padding-block: 5rem;
    }

    .boarding-overviewgrid3 {
        display: block;
    }

    .boarding-broucher {
        grid-template-columns: repeat(1, 71% 28.5% auto);
    }

    .boarding-overviewgrid3 .blue-bgtext {
        position: relative;
        bottom: unset;
        margin-top: 4rem;
        width: 100%;
    }

    .bor-over3pdfimg {
        padding: 5rem;
    }

    .bor-over3text {
        margin-top: 7rem;
    }

    .bor-over3text p {
        padding-right: 0;
        padding-left: 0;
    }

    .bor-over3text figure {
        margin-top: 4.4rem;
    }
}

@media only screen and (max-width:767px) {
    .boarding-overgrid1 {
        grid-template-columns: 100%;
        gap: 0rem;
    }

    .boarding2-title {
        margin-block: 3rem 0rem;
    }

    .boarding-overview1 {
        margin-top: 3rem;
    }

    .boarding-overview3 {
        padding-block: 4rem;
    }

    .bor-over3pdfimg {
        padding: 3rem;
    }
}

@media only screen and (max-width:499px) {
    .boarding-overviewgrid3 .blue-bgtext {
        padding: 2rem;
    }

    .boarding-broucher {
        margin-bottom: 3rem;
    }

    .bor-over3text {
        margin-top: 6rem;
    }

    .bor-over3pdfimg {
        padding: 3rem;
    }

    .bor-over3text figure {
        margin-top: 2.4rem;
    }

    .boarding-overviewgrid3 .blue-bgtext {
        margin-top: 3rem;
    }

    .bor-over3text {
        margin-top: 3rem;
    }
}

/* Boarding overviw css end  */
@media (max-width: 1094px) {
    .community-tabs {
        column-gap: 2rem;
    }
}

/* house system css start  */

.house-system1 {
    background: #fff;
    padding-bottom: 7.8rem;
}

.house-system1 em {
    margin-bottom: .8rem;
    padding-inline: 8rem;
    display: block;
}

.postral3-bigimg figure,
.postral3-bigimg figure img {
    height: 100%;
    object-fit: cover;
}

.postral3-bigimg,
.postral3-imgtext .twi-img {
    position: relative;
}

.house-system2 {
    background: #f9f9f9;
}

.housesystemgrid1 {
    display: grid;
    grid-template-columns: repeat(1, 48.7% 41% auto);
    gap: 15rem;
}

.houseimg-text {
    align-content: center;
    padding-right: 14rem;
}

.house-system3 .housesystemgrid2 {
    display: grid;
    grid-template-columns: repeat(1, 41% 48.7% auto);
    gap: 15rem;
}

.house-system3 .houseimg-text {
    padding-left: 14rem;
    padding-right: 0;
}

.house-system3 {
    background: #f9f9f9;
    padding-bottom: 10rem;
}

@media only screen and (max-width:1699px) {
    .house-system2 .houseimg-text {
        padding-right: 11rem;
    }

    .house-system3 .houseimg-text {
        padding-left: 12rem;
    }

    .house-system3 .housesystemgrid2 {
        grid-template-columns: repeat(1, 45% 48.7% auto);
        gap: 8rem;
    }
}

@media only screen and (max-width:1499px) {
    .house-system2 .houseimg-text {
        padding-right: 7rem;
    }

    .fixed_top_bg:before {
        height: 60px;
    }

    .house-system3 .houseimg-text {
        padding-left: 7rem;
    }
}

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

    .housesystemgrid1 {
        gap: 9rem;
    }

    .house-system3 .houseimg-text {
        padding-left: 11rem;
    }

    .house-system3 .housesystemgrid2 {
        padding-top: 3rem;
    }

    .house-system2 .houseimg-text {
        padding-right: 6rem;
    }

    .fixed_top_bg:before {
        height: 45px;
    }

    .housesystemgrid1 {
        grid-template-columns: repeat(1, 48.7% 42% auto);
        gap: 7rem;
    }
}

@media only screen and (max-width:1170px) {
    .house-system3 .houseimg-text {
        padding-left: 4rem;
    }

    .house-system2 .houseimg-text {
        padding-right: 3rem;
    }
}



@media only screen and (max-width:991px) {
    .housesystemgrid1 {
        grid-template-columns: 100%;
        gap: 4rem;
    }

    .house-system3 .housesystemgrid2 {
        padding-top: 3rem;
        grid-template-columns: 100%;
        gap: 2rem;
    }

    .house-system1 em {
        margin-bottom: 3.8rem;
        padding-inline: 3rem
    }

    .house-system1 {
        padding-bottom: 4.8rem;
    }

    .house-system2 .houseimg-text {
        padding-right: 0;
    }

    .house-system3 .houseimg-text {
        padding-left: 1rem;
        order: 2;
    }

    .house-system3 {
        padding-bottom: 6rem;
    }

    .safeguardimg2 {
        order: 2;
    }

}

@media only screen and (max-width:899px) {
    .housesystemgrid1 {
        grid-template-columns: 100%;
    }
}

@media only screen and (max-width:767px) {
    .house-system3 .housesystemgrid2 {
        padding-top: 1rem;
        grid-template-columns: 100%;
        gap: 2rem;
    }

    .house-system3 {
        padding-bottom: 4rem;
    }

    .house-system1 {
        padding-bottom: 3.8rem;
    }

    .house-system1 em {
        margin-bottom: 2.8rem;
        padding-inline: 0;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 499px) {
    .house-system1 {
        padding-bottom: 2.8rem;
    }

    .housesystemgrid1 {
        gap: 2rem;
    }

    .house-system1 em {
        margin-top: 1rem;
    }
}

/* house system css end  */


/* postral care css start  */
.postoral1 em {
    padding-inline: 7rem;
    display: block;
}

.postoral2 .media-box-music {
    position: relative;

}

.postoral2 .media-box-music::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #15224228;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.postoral2 .left_music2:after {
    z-index: -1;
}

.postoral3 {
    padding-top: 6rem;
    background: var(--color-f9);
    position: relative;
}

.postral3-para {
    padding-bottom: 10rem;
}

.postral3-grid {
    display: grid;
    grid-template-columns: repeat(1, 40.7% 58% auto);
    gap: 2.5rem;
}

.postral3-imgtext p {
    padding-left: 10rem;
    padding-bottom: 8.6rem;
    padding-right: 13rem;
}

.postral3-imgtext .twi-img {
    display: flex;
    gap: 3rem;
}

.postoral3::before {
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 19%;
}

.postral4 {
    padding-top: 10rem;
    padding-bottom: 12rem;
}

.postral3-bigimg .img-scale {
    height: 100%;
}

.postral3-bigimg .img-scale img {
    height: 100%
}

.postralgrid4 {
    display: grid;
    grid-template-columns: repeat(1, 37% 57% auto);
    gap: 8.2rem;
}

.postral4-text {
    padding-top: 13.3rem;
    padding-left: 12rem;
}

.postral4-text p {
    padding-bottom: 11rem;
    padding-right: 6rem;
    margin-bottom: 0;
}

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

    .postral3-imgtext {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .postral3-imgtext p {
        padding-left: 13rem;
        padding-right: 25rem;
    }
}

@media only screen and (max-width:1699px) {
    .postral3-imgtext p {
        padding-right: 12rem;
        padding-bottom: 6rem;
    }

    .postral4-text p {
        padding-bottom: 8rem;
        padding-right: 2rem;
    }
}

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

    .postral3-para {
        padding-bottom: 5rem;
    }
}

@media only screen and (max-width:991px) {
    .postral3-para {
        padding-bottom: 4rem;
    }

    .postral3-imgtext p {
        padding-right: 4rem;
        padding-left: 3rem;
        padding-bottom: 0;
    }

    .postral4 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .postralgrid4 {
        grid-template-columns: repeat(1, 47% 48% auto);
        gap: 3.2rem;
    }

    .postral4-text {
        padding-top: 3.3rem;
        padding-left: 9rem;
    }

    .postralgrid4 {
        grid-template-columns: 100%;
    }

    .postral4-text {
        padding-top: 0;
        padding-left: 0;
    }

    .postral4-text p {
        padding-bottom: 3rem;
    }

    .postral3-grid {
        grid-template-columns: 100%;
        gap: 2.5rem;
    }

    .postral3-imgtext p {
        padding-right: 0rem;
        padding-left: 0;
    }

    .postoral3 {
        padding-top: 3rem;
    }

    .postral3-para {
        padding-bottom: 2rem;
    }

}

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


    .postral4 {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .postoral3::before {
        height: 9%;
    }

    .postoral1 em {
        padding-inline: 0;
    }
}

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

    button.play-button svg {
        width: 30px;
        height: 30px;
    }

    .activity_video_panel {
        margin-top: 3rem;
    }

    .postoral3 {
        padding-top: 2rem;
    }

    .postral3-imgtext .twi-img {
        gap: 2rem;
    }

    .postral4-text p {
        padding-bottom: 2rem;
        padding-right: 0rem;
        padding-left: 1rem;
    }

    .postralgrid4 {
        gap: 2rem;
    }

    .postral4-text img {
        padding-left: 1rem;
    }

    .postral4 {
        padding-bottom: 3rem;
    }
}

/* postral care css end  */
/* safeguarding css start  */


.safeguardgrid1 {
    display: grid;
    grid-template-columns: 38% 55%;
    gap: 10.2rem;
}

.safeguardtext1 {
    align-content: center;
    padding-left: 12rem;
}

.safeguardtext1 em {
    display: block;
    margin-bottom: 4rem;
    line-height: 1.2;
    padding-right: 4rem;
}

.safeguard1 {
    background: var(--color-f9);
    padding-block: 0 10rem;
    margin-top: 4.8rem;
}

.safeguard2 {
    background: var(--color-f9);

}

.safeguardgrid2 {
    display: grid;
    grid-template-columns: repeat(1, 57.65% 31.65% auto);
    gap: 15rem;
}

.safeguardtext2 {
    padding-right: 12rem;
    padding-top: 8.8rem;
}

.safe-bluebg {
    background: var(--color-15);
    padding: 4.5rem 4.6rem 5.9rem 4.7rem;
    position: absolute;
    right: 0;
    bottom: -10rem;
    width: 86%;
}

.safe-bluebg p {
    color: #fff;
    margin-bottom: 0;
}

.safeguardimg2 {
    position: relative;
}

.safeguard3 {
    padding-block: 10rem;
    background-color: var(--color-a6);
}

.safeguard2 {
    padding-bottom: 10rem;
    position: relative;
}

.safeguard2::before {
    background: var(--color-a6) url(https://project-demo.in/harrow-international-school/public/frontend/assets/images/section-bg2-img.svg);
    content: "";
    position: absolute;
    bottom: -35px;
    width: 100%;
    height: 21rem;
    z-index: 0;
}

.safeguard3 .safe3-title em {
    display: block;
    color: #fff;
    margin-bottom: 5rem;
}

@media only screen and (max-width:1699px) {
    .safeguardtext1 em {
        padding-right: 2rem;
    }

    .safeguardtext2 {
        padding-right: 10rem;
    }

    .safeguard2::before {
        height: 14rem;
    }

    .safe-bluebg {
        padding: 4rem 3.6rem 4rem 2.7rem;
        bottom: -10rem;
    }
}

@media only screen and (max-width:1499px) {
    .safeguardtext1 {
        padding-top: 7rem;
        align-content: center;
        padding-left: 8rem;
    }

    .safeguardtext2 {
        padding-right: 3rem;
    }

    .safeguardgrid2 {
        gap: 10rem;
    }
}

@media only screen and (max-width:991px) {
    .safeguardgrid1 {
        grid-template-columns: 100%;
        gap: 2.2rem;
    }

    .safeguardtext1 {
        padding-left: 0;
        padding-top: 4rem;
    }

    .safeguard1 {
        padding-block: 0 4rem;
    }

    .safeguardgrid2 {
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .safeguard1.fixed_top_bg:before {
        display: none;
    }

    .safeguard2::before {
        display: none;
    }

    .safeguard2 {
        padding-bottom: 4rem;
    }

    .safeguardtext2 {
        padding-right: 0;
        padding-top: 2.8rem;
    }

    .safe-bluebg {
        padding: 2rem 1.6rem 2rem 1.7rem;
        bottom: -6.5rem;
    }

    .safeguard3 {
        padding-block: 6rem 5rem;
    }

    .safeguard3 .safe3-title em {
        margin-bottom: 3rem;
    }

    .safeguard1 {
        margin-top: 0;
    }

    .safeguardtext1 {
        padding-left: 0;
    }

    .safeguardtext1 em {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:899px) {
    .safeguardgrid2 {
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .safeguard2::before {
        display: none;
    }

    .safeguard2 {
        padding-bottom: 3rem;
    }

    .safeguard3 {
        padding-block: 3rem 4rem;
    }

    .safeguard3 .safe3-title em br {
        display: none;
    }
}

@media only screen and (max-width:499px) {
    .safeguardtext1 em {
        padding-right: 0;
    }

    .safeguard1 {
        padding-block: 0px 3rem;
    }

    .safe-bluebg {
        bottom: -9.5rem;
        width: 100%;
        position: static;
    }

    .safeguardtext1 {
        padding-top: 3rem;
    }

    .safeguardtext2 {
        padding-top: 0rem;
    }

    .safeguard1.fixed_top_bg::before {
        display: none;
    }
}

/* safeguarding css end  */

/* boardinglife css start  */
.postoral3.board-life3::before {
    display: none;
}

.board-life4 {
    background-color: var(--color-15);
    padding-block: 11rem;
}

.boardlifegrid4-1 {
    display: grid;
    grid-template-columns: repeat(1, 36% 52% auto);
    gap: 9rem;
}

.boardlifegrid4-2 {
    display: grid;
    grid-template-columns: repeat(1, 40.7% 57.7% auto);
    gap: 2.5rem;
    padding-block: 5.8rem;
}

.board-life4 p {
    color: #fff;
}

.boardlifepngimg figure {
    text-align: right;
}

.boardlife1-text p {
    margin-bottom: 3rem;
}

.boardlife1-text img {
    padding-top: 5rem;
}

.boardlife1-text {
    padding-right: 7rem;
}

.house-system2.board-life5 {
    padding-top: 11rem;
    padding-bottom: 6rem;
}


@media only screen and (max-width:1699px) {
    .boardlife1-text {
        padding-right: 5rem;
    }

}

@media only screen and (max-width:1399px) {
    .house-system2.board-life5 {
        padding-top: 8rem;
    }
}

@media only screen and (max-width:991px) {
    .house-system3.board-life5 .housesystemgrid2 {
        padding-top: 0;
        grid-template-columns: 100%;
    }

    .house-system2.board-life5 {
        padding-top: 6rem;
        padding-bottom: 4rem;
    }

    .boardlifegrid4-1 {
        display: grid;
        grid-template-columns: repeat(1, 36% 58% auto);
        gap: 4rem;
    }

    .boardlife1-text img {
        padding-top: 2rem;
    }

    .board-life4 {
        padding-block: 5rem 4rem;
    }

    .boardlifegrid4-2 {
        padding-block: 3.8rem 3rem;
    }

    .board-life5 .housesystemgrid1 {
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .board-life3.postoral3 {
        padding-top: 4rem;
    }
}

@media only screen and (max-width:767px) {
    .boardlifegrid4-1 {
        grid-template-columns: 100%;
    }

    .boardlifepngimg figure {
        text-align: left;
    }

    .boardlife1-text {
        padding-right: 0;
    }

    .boardlife1-text img {
        width: 100%;
    }
}

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

    .boardlife1-text p {
        margin-bottom: 2rem;
    }

    .boardlifegrid4-2 {
        display: grid;
        grid-template-columns: repeat(1, 38.7% 54.7% auto);
        gap: 1.5rem;
    }

    .house-system2.board-life5 {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    .house-system2.board-life5 .sub-heading {
        margin-bottom: 2rem;
    }
}

/* boardinglife css end  */

/* boardinghouse css start  */
.board-house1 .board-num {
    width: 60%;
}

.board-house1 .board-num h3 {
    color: #152242;
    font-size: var(--font-58);
    font-family: var(--font-secondary2);
    border-bottom: 1px solid #70707030;
    margin-bottom: 1rem;
}

.board-house1 .board-num h3 sup {
    font-family: var(--font-primary);
    font-size: var(--font-15);
    top: -2rem;
    left: -1rem;
    color: var(--color-15);
    font-weight: 400;
}

.board-house1 .board-num h3 sub {
    font-family: var(--font-primary);
    font-size: var(--font-15);
    left: -1rem;
    color: var(--color-15);
    font-weight: 400;
}

.board-house1 .board-num p {
    font-size: var(--font-15);
    margin-bottom: 0;
}

.board-house2 {
    padding-bottom: 10rem;
}

.board-house1 .safeguardtext1 {
    align-content: baseline;
    padding-top: 12rem;
}

.board-house1 .safeguardtext1 img {
    margin-block: 4rem 6rem;
}

.board-house1 .safeguardtext1 em {
    padding-right: 0;
}

.board-house2 {
    background-color: var(--color-f9);
}

.safeguard1.board-house1 {
    padding-bottom: 9rem;
}

.board-house2 .boardlifegrid4-2 {
    padding-block: 0;
    margin-top: 5rem;
}

.board-house3 {
    padding-block: 10rem;
    background-color: var(--color-a6);
}

.boardhouse3img {
    display: grid;
    grid-template-columns: 33.5% 64.5%;
    gap: 2.5rem;
    margin-top: 6rem;
}

.boardhouse3img img {
    width: 100%;
}

.board-house3 p {
    color: #fff;
    margin-bottom: 0;
    padding-left: 2.5rem;
}

.safeguard3.board-house4 {
    background: #fff;
    padding-block: 10rem 12rem;
}

.safeguard3.board-house4 .safe3-title {
    margin-bottom: 5rem;
}

.board-house1 .safeguardtext1 img {
    width: 100%;
}

@media only screen and (max-width:1699px) {
    .board-house1 .safeguardtext1 {
        padding-left: 10.5rem;
    }

    .board-house1 .safeguard1.board-house1 {
        padding-bottom: 7rem;
    }

    .board-house1 .safeguardgrid1 {
        grid-template-columns: repeat(1, 38% 57.65% auto);
        gap: 5.2rem;
    }

    .board-house1 .safeguardtext1 img {
        margin-block: 3rem 5rem;
    }

    .safeguard1.board-house1 {
        padding-bottom: 7rem;
    }

    .board-house2 {
        padding-bottom: 8rem;
    }

    .board-house3 {
        padding-block: 8rem;

    }

    .safeguard3.board-house4 {
        background: #fff;
        padding-block: 8rem 9rem;
    }
}

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

    .board-house1 .safeguardtext1 img {
        margin-block: 3rem 4rem;
    }

}

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

    .board-house1 .board-num {
        width: 75%;
    }

    .board-house1 .safeguardtext1 {
        padding-top: 9rem;
    }
}

@media only screen and (max-width: 991px) {
    .board-house1 .safeguardtext1 img {
        margin-block: 2rem 3rem;
        width: auto;
    }

    .board-house1 .board-num {
        width: 100%;
    }

    .board-house1 .safeguardgrid1 {
        grid-template-columns: 100%;
        gap: 2.2rem;
    }

    .board-house1 .safeguardtext1 {
        padding-left: 0;
        padding-top: 4rem;
    }

    .safeguard1.board-house1 {
        padding-bottom: 5rem;
    }

    .board-house2 {
        padding-bottom: 6rem;
    }

    .board-house3 {
        padding-block: 5rem;
    }

    .boardhouse3img {
        margin-top: 4rem;
    }

    .safeguard3.board-house4 {
        padding-block: 6rem 6rem;
    }

    .safeguard3.board-house4 .safe3-title {
        margin-bottom: 3rem;
    }

    .board-house3 p {
        padding-left: 0rem;
    }
}

@media only screen and (max-width: 599px) {
    .boardhouse3img {
        gap: 1rem;
    }

    .safeguard3.board-house4 {
        padding-block: 4rem;
    }

    .boardhouse3img {
        margin-top: 3rem;
    }

    .board-house2 {
        padding-bottom: 4rem;
    }
}

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

    .board-house1 .safeguardtext1 {
        align-content: baseline;
        padding-top: 4rem;
    }

    .boardhouse3img {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .board-house2 .boardlifegrid4-2 {
        margin-top: 3rem;
        grid-template-columns: 100%;
    }

    .safeguard1.board-house1 {
        padding-bottom: 3rem;
    }

    .board-house3 {
        padding-block: 3rem 4rem;
    }
}




/* boardinghouse css end  */



/* Faculty sec  start*/
.faculty-sec1 h3 {
    font-size: var(--font-24);
    color: var(--color-15);
    font-family: var(--font-primary);
    text-align: center;
    margin-bottom: 5rem;
    padding: 0;
}

.faculty-sec1 .community-profile-grid ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem 4rem;
}

@media only screen and (max-width:1199px) {
    .faculty-sec1 .community-profile-grid ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width:991px) {
    .faculty-sec1 .community-profile-grid ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:599px) {
    .faculty-sec1 .community-profile-grid ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .leadership-team.faculty-sec1 {
        padding-block: 3rem 4rem;
    }

    .leadership-team.faculty-sec1 .community-profile-grid figcaption h4 {
        margin-top: 3rem;
    }
}

/* ====== admission process =======*/
.admission_process_panel1 {
    background-color: var(--color-f9);
    padding-bottom: 10rem;
    margin-top: 4.8rem;
}

.admission_process_Cnt {
    margin-top: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.admission_process {
    display: grid;
    grid-template-columns: 31.6% 69.2%;
    gap: 9rem;
    margin-bottom: 10rem;
}

.admission_process_Cnt p {
    padding-right: 2rem;
    color: var(--color-15);
}

.admission_process_Cnt em {
    margin-bottom: 3rem;
    line-height: 1.1;
    display: inline-block;
    color: var(--color-15);
}

.admission_process_img,
.admission_process_img figure,
.admission_process_img figure img {
    height: 100%;
}

.admission_process_img figure img {
    object-fit: cover;
}

.process-box {
    background-color: var(--color-white);
    display: grid;
    grid-template-columns: 10% 90%;
    margin-top: 6rem;
}

.process-box p {
    color: var(--color-15);
}

.stage {
    display: flex;
    flex-direction: column;
    background-color: #a6986794;
    padding: 3.3rem 3.5rem 14.3rem 3rem;
    position: relative;
    min-width: 120px;
}

.process-box .stage::before {
    position: absolute;
    left: 50%;
    top: 100%;
    content: "";
    width: 1px;
    height: 6rem;
    border: 1px dashed #000;
    transform: translateX(-50%);
}

.process-box .stage::after {
    position: absolute;
    left: 50%;
    bottom: -4rem;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #1D1F42;
    transform: translateX(-50%);
}

.process-box:last-of-type .stage::before,
.process-box:last-of-type .stage::after {
    display: none;
}

.stage span:first-of-type {
    font-size: var(--font-48);
    color: var(--color-white);
    font-weight: regular;
}

.left_music2 .swiper-button-prev {
    color: #fff;
    width: 0rem;
    background: #00000052;
    opacity: 1;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    width: 3.5rem;
    height: 3.5rem;
    bottom: 2rem;
    top: inherit;
    left: 2rem;
}

.left_music2 .swiper-button-next {
    color: #fff;
    width: 0rem;
    background: #00000052;
    opacity: 1;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    width: 3.5rem;
    height: 3.5rem;
    bottom: 2rem;
    top: inherit;
    left: 6rem;
    right: inherit;
}

.left_music2 .swiper-button-next:after,
.left_music2 .swiper-button-prev:after {
    font-size: var(--font-11);
}

.stage span:last-of-type {
    background-color: var(--color-15);
    color: var(--color-white);
    text-align: center;
    font-size: var(--font-15);
}

.stage-cnt {
    padding: 4rem 6rem 5.8rem;
}

.stage-cnt p a {
    color: var(--color-007);
    font-weight: bold;
}

.stage-cnt .custom_list li {
    margin-bottom: 2rem;
}

.swiper-wrapper {
    transition-timing-function: ease-in-out !important;
}

.hide-textbox {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
}



@media (max-width:1620px) {
    .right-content {
        width: 62%;
    }

    .left_journey .right-content {
        width: 55%;
    }

    .right-content p {
        padding-right: 3rem;
    }
}

@media (max-width:1600px) {
    .left_journey:before {
        margin-left: 8rem;
    }

}

@media (max-width:1440px) {
    .left_journey:before {
        margin-left: 8.5rem;
    }

}

@media (max-width:1368px) {
    .right-content {
        width: 60%;
    }
}

@media (max-width:1280px) {
    .left_journey:before {
        margin-left: 9rem;
    }

}


/* career page css starts here */

.main-ttl blockquote {
    padding-block: 4rem 4rem;
}

.main-ttl em {
    line-height: 1.2;
}

.bnnr-cont {
    background-color: var(--color-f9);
    margin: 7.8rem 0 0 0;
}

.bnnr_text1 p {
    padding: 7.8rem 0;
    border-bottom: 1px solid var(--color-db);
    margin: 0;
}

.main-ttl {
    text-align: center;
}

.runnig-track {
    background-color: var(--color-f9);
    padding-block: 10rem 12rem;
}

.grid_6_runnig {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0;
}

.in_grid_items {
    padding-block: 7rem;
    padding-inline: 5rem;
    align-content: center;
    color: #fff;
    font-family: var(--font-primary1);
}

.in_grid_items {
    position: relative;
}

.in_grid_items:nth-child(1) {
    background: var(--color-15);
}

.in_grid_items h3 {
    font-size: var(--font-58);
    color: #fff;
    font-family: var(--font-secondary3);
}

.in_grid_items h3 sup {
    font-size: var(--font-15);
    top: 0rem;
    font-family: var(--font-primary);
    font-weight: 300;
}

.in_grid_items p {
    font-weight: 300;
    font-family: var(--font-primary1);
    border-top: 1px solid #ffffff3d;
    margin-top: 0rem;
    padding-top: 1.2rem;
    margin-bottom: 0;
}

.in_grid_items:nth-child(2) {
    background: #fff;
    color: var(--color-15);
}

.in_grid_items:nth-child(3) {
    background: var(--color-007);
}

.in_grid_items:nth-child(4) {
    background: #fff;
}

.in_grid_items:nth-child(5) {
    background: var(--color-a6);
}

.in_grid_items:nth-child(5) {
    padding-inline: 0;
    padding-block: 0;
}

.item_without_bg {
    display: grid;
    height: 100%;
}

.item_without_bg>* {
    grid-area: 1 / 1;
}

.item_without_bg figure,
.item_without_bg img {
    height: 100%;
}

.item_without_bg>* {
    grid-area: 1 / 1;
}

.in_grid_items h4 {
    font-size: var(--font-16);
    color: #fff;
    font-family: var(--font-primary);
}

.in_grid_items:nth-child(6) {
    background: #fff;
    padding-block: 0;
}

.item_without_bg {
    display: grid;
    height: 100%;
}

.item_without_bg>* {
    grid-area: 1 / 1;
}

.in_grid_items ul li {
    transition: .5s ease all;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.in_grid_items ul li {
    border-bottom: 1px solid var(--color-a6);
    padding: 2rem 0;
}

.in_grid_items ul li a {
    color: #152242;
    transition: .5s ease all;
    font-size: var(--font-14);
    font-weight: 500;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.in_grid_items ul li a svg {
    transition: .5s ease all;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.in_grid_items:nth-child(2) h3,
.in_grid_items:nth-child(4) h3,
.in_grid_items:nth-child(6) h3 {
    color: #000;
}

.in_grid_items:nth-child(2) p,
.in_grid_items:nth-child(4) p,
.in_grid_items:nth-child(6) p {
    border-top: 1px solid #7070703a;
    color: #000;
}

.item_with_bg_runnig p {
    max-width: 80%;
}

.in_grid_items:nth-child(5) {
    padding-block: 7rem;
    padding-inline: 5rem;
}

.runnig-grid {
    display: grid;
    grid-template-columns: repeat(2, 61% 39%);
}

.runnig-cont {
    padding: 0 12.5rem 0 10rem;
}

.career_sec .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 2.5rem;
    row-gap: 7rem;
}

.career_sec .item-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.career_sec .item-2 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.career_sec .item-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: start;
}

.career_sec .item-4 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

section.about_panel3.parents-content {
    background-color: var(--color-15);
}

.career_sec .grid-item {
    display: block;
}

.career_sec {
    background-color: var(--color-15);
    padding: 11rem 0;
}

.career_sec p {
    color: #fff;
}

.career_sec .section-title {
    font-size: var(--font-18);
    color: var(--color-a6);
    max-width: 75%;
}

.career_content p {
    font-weight: 500;
}

.career_content {
    padding: 6rem 0 0 0;
}

.career-bdr-sec {
    padding-block: 10rem 11rem;
    background-color: var(--color-f9);
}

.career-bdr-sec .top-para {
    text-align: center;
    margin-bottom: 6rem;
}

.career-bdr-sec blockquote {
    padding-top: 0;
}

.career-bdr-sec .igs-grid {
    grid-template-columns: 33% 54.2%;
    gap: 0 17.3rem;
    padding-top: 6rem;
}

.career-bdr-sec .igs_Cnt {
    padding: 5rem 0 0 0;
}

.well-cont blockquote {
    padding-block: 3.2rem 4rem;
    padding-inline: 0;
    line-height: 1.2;
}

.well-cont {
    padding: 0 13rem 0 12rem;
}

.well-cont em {
    margin-bottom: 3rem;
    display: inline-block;
    line-height: 1.1;
}

.well-cont ul li {
    position: relative;
    margin-bottom: 3rem;
    padding-left: 3rem;
    font-weight: 300;
    font-size: var(--font-15);
    line-height: 1.3;
}

.well-cont p {
    max-width: 80%;
    line-height: 1.2;
}

.well-cont ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.well-cont ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--color-a6);
    border-radius: 50%;
}

.career-well-sec {
    padding: 10rem 0 9rem;
}

/* .well-img,
.well-img figure {
    height: 100%;
}

.well-img figure img {
    height: 100%;
    object-fit: cover;
} */

.well-para {
    margin: 6rem 0 0 0;
}

.well-para {
    padding: 6rem 0 10rem 0;
    border-bottom: 1px solid #DBD6C2;
}

.vac-sec {
    text-align: center;
}

.vac-sec blockquote {
    padding-top: 0;
}

.vac-sec {
    padding: 0 0 10rem 0;
}

.vac-sec blockquote {
    padding-block: 0 1rem;
}

.vac-sec em a {
    padding-bottom: 4rem;
    color: var(--color-a6);
    font-size: var(--font-24);
    text-decoration: none;
    font-weight: 500;
    display: block;
    transition: 0.4s;
}

.vac-sec em a:hover {
    color: var(--color-15)
}

.vac-btn a img {
    filter: invert(1);
}

.vac-btn {
    align-items: center;
    padding: 10rem 0 0;
    text-align: left;
    width: 100%;
}

.vac-btn a {
    color: var(--color-007);
    font-weight: bold;
    margin: 1rem 0 0 0;
    display: block;
    text-decoration: underline;
    text-align: left;
}


/* career page css ends here */

/* age guided css starts here */

.gided-table .thead-dark {
    background-color: var(--color-a6);
    font-size: var(--font-18);
    color: var(--color-white);
}

.table>thead {
    vertical-align: bottom;
}

.gided-table .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 0;
}

.gided-table .table-responsive-stack td,
.gided-table .table-responsive-stack th {
    display: block;
    font-size: var(--font-16);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: 0;
    border: 0;
    padding-inline: 1.5rem;
    padding-block: 1.5rem;
    border-right: none;
    width: 50%;
}

.gided-table .thead-dark th {
    color: #fff;
    border: 0;
    align-content: center;
    font-size: var(--font-20);
}

.gided-table .table th {
    font-size: var(--font-16);
    font-weight: 400;
}

.gided-table .table td {
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
    padding: 1.5rem 2.1rem;
    border-left: 1px solid #a698677d;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #f9f9f9;
    color: var(--color-15);
}

.gided-table .table {
    border-collapse: collapse;
    border: 1px solid var(--color-a6);
}

.gided-table {
    padding: 8rem 0;
}

.gided-table blockquote {
    padding: 0 0 4rem 0;
    text-align: center;
    text-transform: uppercase;
}

.admission-events {
    padding: 8rem 0;
    text-align: center;
}

.admission-events blockquote {
    padding-block: 0 3rem;
}

.admission-events p a {
    color: var(--color-15);
    font-weight: 400;
}

.contact-links p {
    margin-bottom: 1rem;
}

.tuetion-fee {
    padding: 8rem 0;
    text-align: center;
}

.contact-links p a {
    color: var(--color-15);
    font-weight: 400;
}

.contact-links p a:hover {
    color: var(--color-a6);
}

.comprehensive-btm a:hover {
    color: var(--color-15);
}

.tuetion-grp {
    display: flex;
    gap: 0 1.5rem;
    margin: 5rem 0 0 0;
    justify-content: center;
}

.tuetion-grp figure img {
    width: 100%;
}

.tuetion-fee blockquote {
    padding-block: 0 3rem;
}

.tearm-grp .accordion-header .accordion-button {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: none;
    margin-bottom: 15px;
    position: relative;
    font-weight: 400;
    background-position: right -20px;
    background: url(https://project-demo.in/harrow-international-school/public/frontend/assets/images/watermark.png) right top var(--color-15);
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: var(--font-primary);
    font-size: var(--font-16);
    line-height: 1.8;
    outline: none;
}

.tearm-grp .accordion-header {
    border: none;
}

.tearm-grp .accordion-body p {
    text-align: left;
    color: var(--color-15);
}

.faq-content-pr p {
    color: var(--color-15);

}

.tearm-grp .accordion-item {
    border: none;
}

.accordion-body.well-cont ul li {
    text-align: left;
}

.accordion-body.well-cont {
    padding: 1rem;
}

.accordion-body form .form-control {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-15);
    font-weight: 300;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.accordion-body form label {
    font-size: var(--font-15);
    text-align: left;
    display: block;
    padding-bottom: 0.8rem;
    font-weight: 300;
}

.accordion-body form input[type="text"]::placeholder {
    color: #464a4c;
}

.accordion-body form input[type="text"]::-ms-input-placeholder {
    color: #464a4c;
}

.accordion-body form .form-control2 tr td {
    display: flex;
    align-items: center;
    gap: 0 1rem;
}

.accordion-body form .form-control2 tr td label {
    padding: 0;
    color: var(--color-15);
}

.accordion-body form {
    padding: 3rem 0;
}

.accordion-body form .form-group {
    text-align: left;
}

.accordion-body form .form-group input[type="file"] {
    font-size: var(--font-14);
    margin-bottom: 1rem;
    color: var(--color-15);
}

.tearm-grp .col-lg-12 {
    text-align: left;
}

.tearm-grp .btn {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: var(--color-15);
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 0.8rem 5.3rem 1rem 4rem;
    background-color: transparent;
    margin-top: 3rem;
    margin-bottom: 0;
}

.vac-btn a.vac_links {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.vac-btn a.vac_links:hover {
    display: inline-block;
    background: var(--color-15);
}

.vac-btn a.vac_links:hover img {
    filter: invert(0);
}

.tuetion_ttl {
    margin-bottom: 4rem;
}

.tearm-grp .accordion-header .accordion-button:after {
    content: "";
    position: absolute;
    left: auto;
    right: 15px;
    top: 21px;
    filter: invert(1);
    background-size: 14px;
}

.tearm-grp .accordion-header .accordion-button:not(.collapsed)::after {
    filter: invert(1);
    background-image: var(--bs-accordion-btn-icon);
}

#panelsStayOpen-collapseFive .accordion-body {
    background-color: var(--color-f6f);
    padding: 5rem;
}

.form-control2 {
    margin-bottom: 2rem;
}

.form-group.content-details label {
    min-height: 8rem;
    color: var(--color-15);
}

.tearm-grp .btn:hover {
    background: #071642;
    color: #fff;
}

.form-group.label-content label {
    margin-bottom: 3rem;
    color: var(--color-15);
}

.key-policy {
    padding: 8rem 0 8rem;
}

.key-policy .home_admission_item {
    position: relative;
    margin-bottom: 2rem;
}

.key-policy .btn_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 2rem;
    padding-block: 1rem;
}

.key-policy .btn_link {
    position: unset;
    background: #e2e2e2ab;
}

.key-policy .btn_link b {
    font-size: var(--font-18);
    text-decoration: none;
    display: inline-block;
    color: var(--color-15);
    font-weight: 400;
    transition: 0.3s;
}

.key-policy .home_admission_item:has(a:hover) .btn_link b {
    color: #a69867;
}

.polices-content {
    padding: 5rem 0 0;
}

.polices-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4rem 0 2rem;
}

.polices-content ul li {
    width: 33%;
    position: relative;
    margin-bottom: 2rem;
    padding-left: 3rem;
    font-weight: 300;
    font-size: var(--font-15);
    line-height: 1.4;
}

.polices-content ul li:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../images/stars-icon.svg);
    border-radius: 50%;
}

.polices-content p {
    font-size: var(--font-17);
    font-weight: 400;
}

.polices-content blockquote {
    padding: 0;
}

.polices-content p a,
.tearm-grp .accordion-body p a {
    color: var(--color-15);
}

.polices-content p a:hover,
.tearm-grp .accordion-body p a:hover {
    color: var(--color-a6);
}

.tuetion-fee .accordion-body ul li {
    position: relative;
    text-align: left;
    padding-left: 3rem;
    color: var(--color-15);
}

.tuetion-fee em {
    color: var(--color-15);
}

.tuetion-fee .accordion-body ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0.7rem;
    height: 0.7rem;
    background-color: var(--color-a6);
    border-radius: 50%;
}

.tearm-grp .accordion-body p:empty {
    display: none;
}

.admission-events em {
    display: inline-block;
    margin-bottom: 3rem;
    color: var(--color-15);
}

.vac-btn a:hover {
    color: var(--color-a6);
    text-decoration: none;
}

.contact-links {
    margin: 2rem 0 0 0;
}

.well-cont ul li:last-child {
    margin-bottom: 0;
}

.career-well-sec .well-para {
    padding: 6rem 0 10rem 0;
    margin: 0;
}

.parents-content .parents-text p {
    color: #FFF;
}

.parents-content .section-title {
    color: #FFF;
}

.em-contents em {
    display: inline-block;
    margin-bottom: 2rem;
    line-height: 1.2;
}

.about_panel3.upper-scl p {
    color: var(--color-15);
}

.mission_right .list1 li:before,
.detail_value .list1 li:before {
    /* background-color: var(--color-a6); */
}

.harrow-heritage-panel1 .italic-text {
    color: var(--color-15);
}

.harrow-heritage-panel2-grid .right-section p strong {
    display: block;
}

.amity-nurture-grid-left {
    position: relative;
}

.amity-nurture-grid-left .amity-icon-logo {
    position: absolute;
    top: 0;
    left: 4.1rem;
}

.harrow-way_panel2 .harrow-way-grid {
    display: block;
}

.boarding-grid .left_grid figure img {
    height: 100%;
    object-fit: cover;
}

.boarding-grid .left_grid,
.boarding-grid .left_grid figure {
    height: 100%;
}

.harrow-way_panel2 .harrow-way-grid {
    display: grid;
    gap: 6rem 0;
}

/* age guided css ends here */
@media only screen and (min-width:1950px) {
    .grid_6_runnig {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:1799px) {
    .well-cont {
        padding: 0 4rem 0 4rem;
    }

    .mission_left_space {
        padding-inline: 9rem 0;
    }

    .value_title {
        width: 56%;
    }

    .detail_value {
        width: 74%;
    }

    .harrow-way-text {
        width: 68.5%;
    }

    .grid_text1 {
        max-width: 79%;
    }

    .academic-excellence p {
        padding-inline: 14rem;
    }
}

@media (max-width:1749px) {
    .igs_Cnt.igs_Cntnew {
        padding-right: 3rem;
    }
}

@media (max-width:1649px) {
    .runnig-cont {
        padding: 0 5rem 0 10rem;
    }

    .runnig-track .in_grid_items {
        padding-block: 5rem;
        padding-inline: 3rem;
    }

    .career_sec .grid-item.item-2.text-block {
        width: 76%;
    }

    .career_sec .grid-item.item-3.text-block.lower-school-text {
        width: 76%;
    }

    .career-bdr-sec .igs-grid {
        grid-template-columns: 39% 45.2%;
    }

    .career-well-sec .well-cont {
        padding: 0 6rem 0 12rem;
    }

    .career-well-sec .well-para {
        margin-top: 0;
    }

    .career_sec .grid-item,
    .career_sec .grid-item .image-placeholder,
    .career_sec .grid-item .image-placeholder figure,
    .career-bdr-sec .igs-grid-box,
    .career-bdr-sec .igs-grid-box figure {
        height: 100%;
    }

    .career_sec .grid-item .image-placeholder figure img,
    .career-bdr-sec .igs-grid-box figure img {
        height: 100%;
        object-fit: cover;
    }

    .career-bdr-sec .igs-grid-box .bottom-border-img figure img {
        height: auto;
        object-fit: none;
    }

    .career-well-sec .well-cont {
        padding: 0 0 0 7rem;
    }

    .about_panel2_text1 {
        padding-inline: 0;
    }

    .grid-item.item-2.text-block {
        width: 73%;
    }

    .grid-item.item-3.text-block.lower-school-text {
        width: 77%;
    }

    .vision-left {
        padding-inline: 7rem 0;
    }

    .vision_block_right {
        width: 73rem;
    }

    .value_title {
        width: 60%;
    }

    .other-rc-logo {
        grid-template-columns: 7% 64%;
    }

    .h_panel .text-box-learning {
        padding-block: 5rem;
    }

    .stage {
        min-width: 100px;
    }
}

/* @media (max-width:1549px) {
    .community-tabs li a {
        font-size: var(--font-15);
    }
} */

@media (max-width:1462px) {

    .runnig-cont {
        padding: 0 4rem 0 10rem;
    }
}

@media (max-width:1440px) {
    .runnig-cont {
        padding: 0 6rem 0 10rem;
    }
}

@media (max-width:1366px) {
    .runnig-cont {
        padding: 0 5rem 0 10rem;
    }

    .value_title {
        width: 62%;
    }

    .other-rc-logo {
        grid-template-columns: 7% 65%;
    }

    .mission_right {
        padding-block: 7rem 0;
    }
}

@media (max-width:1314px) {
    .community-tabs {
        column-gap: 1.3rem;
    }


}

@media (max-width:1280px) {}

@media (max-width:1199px) {
    .career-bdr-sec .igs-grid {
        grid-template-columns: 40.5% 45.2%;
    }

    .runnig-track .runnig-cont {
        padding: 0 0 0 5rem;
    }

    .career_sec .grid-item.item-2.text-block,
    .career_sec .grid-item.item-3.text-block.lower-school-text {
        width: 100%;
    }

    .career-bdr-sec .igs_Cnt {
        grid-template-columns: auto;
    }

    .career-bdr-sec .igs-grid {
        grid-template-columns: 43.5% 45.2%;
        gap: 0 10.3rem;
    }

    .career-well-sec .well-cont {
        padding: 0;
    }

    .career-well-sec .well-para {
        padding: 3rem 0 5rem 0;
    }

    .other-rc-logo {
        grid-template-columns: 7% 67%;
    }
}

@media (max-width:1093px) {
    .community-tabs {
        column-gap: 0.9rem;
    }
}

@media (max-width:991px) {
    .fixed_top_bg.bnnr-cont {
        margin: 4rem 0 0 0;
    }

    .bnnr-cont .bnnr_text1 p {
        padding: 4rem 0;
    }

    .runnig-track,
    .career-bdr-sec,
    .career-well-sec {
        padding-block: 6rem 8rem;
    }

    .runnig-track .runnig-grid {
        grid-template-columns: repeat(1, 100%);
    }

    .runnig-track .runnig-cont {
        padding: 0;
        margin: 5rem 0 0 0;
    }

    .career_sec {
        padding-block: 6rem 8rem;
    }

    .career_sec .grid-item.item-2.text-block {
        padding-top: 5rem;
    }

    .career-bdr-sec .igs-grid {
        grid-template-columns: 100%;
        gap: 4rem 0;
    }

    .career-bdr-sec .igs_Cnt {
        padding: 0;
    }

    .grid-item.item-2.text-block,
    .grid-item.item-3.text-block.lower-school-text {
        width: 100%;
    }

    .section-title {
        margin-bottom: 2rem;
    }

    .vision-section {
        padding-block: 2rem;
    }

    .vision-left {
        padding-inline: 0;
    }

    .vision_block_right {
        width: 100%;
    }

    .mission_left_space {
        padding-inline: 0;
    }

    .value_title {
        width: 100%;
    }

    .detail_value {
        width: 100%;
    }

    .harrow-way_panel2 .harrow-way-grid {
        display: block;
    }

    .harrow-way_panel1 .h_panel {
        display: block;
    }

    .h_panel .text-box-learning {
        padding-block: 0;
    }

    .h_panel .stat-box {
        margin: 0;
        padding-block: 3rem;
        /* width: 100%; */
    }

    .harrow-way-text {
        width: 100%;
    }

    .grid_text1 {
        max-width: 100%;
    }

    .grid_text1 b,
    .harrow-way-text b,
    .signature-event b,
    .global-citizenship b,
    .harrow_way_text2 b {
        margin-bottom: 2rem;
    }

    .academic-excellence p {
        padding-inline: 0;
    }

    .global-img {
        right: 0;
        top: 0;
    }

    .details h4 br,
    .prospectus-title br {
        display: none;
    }

    .admission_panel1 .prospectus-cover-art {
        box-shadow: none;
    }

    .admission_process {
        display: block;
    }

    .fixed_top_bg:before {
        display: none;
    }

    .admission_process_Cnt {
        margin-top: 5rem;
        padding: 5rem 0 3rem 0;
    }

    .admission_process {
        margin-bottom: 6rem;
    }

    .stage {
        padding: 3.3rem 1rem 12.3rem 1rem;
        text-align: center;
    }

    .tuetion-fee,
    .admission-events,
    .gided-table {
        padding: 6rem 0;
    }
}

@media (max-width:767px) {

    .runnig-track,
    .career-bdr-sec,
    .career-well-sec,
    .career_sec {
        padding-block: 4rem 4rem;
    }

    .vac-sec {
        padding: 0 0 4rem 0;
    }

    .mission_right {
        padding-block: 3rem 0;
    }

    .section-title {
        margin-bottom: 2rem;
    }

    .amity-nurture-grid-left .amity-icon-logo img {
        max-width: 56%;
    }

    .harrow-way_panel1 {
        margin-block: 4rem 0;
        padding-block: 0 5rem;
    }

    .h_panel .bg-clr-box {
        padding-block: 2rem 2rem;
    }

    .harrow-way-item {
        margin-bottom: 0;
    }

    .signature-event,
    .boarding-life {
        padding-block: 4rem;
    }

    .signature_grid {
        gap: 0;
    }

    .grid_text1 {
        margin-bottom: 2rem;
    }

    .harrow-way_panel1 .stat-box {
        padding-block: 3rem;
    }

    .admission_panel2 p b {
        display: block;
    }

    .process-box .stage::before {
        display: none;
    }

    .process-box .stage::after {
        display: none;
    }

    .process-box {
        grid-template-columns: 100%;
    }

    .stage {
        padding: 2rem 1rem;
    }

    .stage span:last-of-type {
        width: 15%;
        margin: 0 auto;
    }

    .stage-cnt {
        padding: 3rem;
    }

    .process-box {
        margin-top: 3rem;
    }

    .admission_process_panel1 {
        padding-bottom: 6rem;
        margin-top: 4rem;
    }

    .admission_process_Cnt {
        margin-top: 2rem;
        padding: 4rem 0 3rem 0;
    }

    .tuetion-fee,
    .admission-events,
    .gided-table {
        padding: 4rem 0;
    }

    .admission-events em {
        margin-bottom: 1rem;
    }

    .gided-table .table td {
        white-space: nowrap;
    }

    .gided-table .table-responsive-stack td,
    .gided-table .table-responsive-stack th {
        width: 100%;
    }

    .gided-table blockquote {
        padding: 0 0 2rem 0;
    }

    .tuetion-fee blockquote {
        padding-block: 0;
    }

    .tearm-grp .accordion-header .accordion-button {
        padding-right: 5rem;
    }

    .tuetion-grp {
        flex-direction: column;
        gap: 2rem 0;
        margin: 3rem 0 0 0;
    }

    .tuetion-fee em {
        display: inline-block;
        margin: 2rem 0 0 0;
    }
}


@media (max-width:575px) {
    .runnig-track .grid_6_runnig {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .runnig-track .runnig-cont {
        padding: 0;
        margin: 3rem 0 0 0;
    }

    .career_sec .section-title {
        max-width: 100%;
    }

    .career-bdr-sec .igs-grid {
        padding-top: 4rem;
    }

    .career-well-sec .well-cont blockquote {
        padding-block: 0 2rem;
    }

    .about_logo-icon img {
        width: 100%;
    }

    .amity-nurture-grid-left .amity-icon-logo img {
        max-width: 46%;
    }

    .stage span:last-of-type {
        width: 20%;
    }

}

@media (max-width:499px) {
    .h_panel .stat-box {
        padding-block: 2rem 0;
    }

    .other-rc-logo {
        grid-template-columns: 100%;
    }

    img.img-fluid.stars-icon {
        display: none;
    }
}

@media (max-width:420px) {}

/* *=====professional-development css======*/

.growth-head {
    text-align: center;
}

.growth h4 {
    font-size: var(--font-16);
    font-weight: 500;
    padding-block: 2rem 3rem;
}

.primary-school-panel1 .growth p {
    padding-right: 3.4rem;
}

.pro-dev {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

.pro-dev-right {
    display: grid;
}

.c_Nt {
    width: 63.5%;
    align-content: center;
    margin: auto;
}

.c_Nt p {
    color: var(--color-white);
}

.pro-dev3 {
    background-color: var(--color-white);
}

.pro-dev3 .c_Nt p {
    color: var(--color-15);
}

.arrow_btn a:hover {
    background: #152242;
}

.arrow_btn a {
    display: inline-block;
}

@media (max-width:1199px) {
    .c_Nt {
        width: 76.5%;
    }
}

@media (max-width:991px) {
    .pro-dev3 .pro-dev:last-child .pro-dev-right {
        margin-top: 3rem;
    }

    .pro-dev {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .c_Nt {
        width: 100%;
    }

    .pro-dev-left {
        order: 2;
    }
}

/* ***************Privacy Policy Page Css Start****************** */
.privacy_policy_mainsec {
    padding-block: 13rem 15rem;
    padding-top: 5rem;
}

.privacy_policy_mainsec h2 {
    font-size: var(--font-42);
    letter-spacing: var(--letter-spacing18);
    text-align: center;
    margin-bottom: 5rem;
}

.privacy_policy_mainsec h5 {
    font-size: var(--font-15);
    margin-bottom: 1rem;
}

.privacy_policy_mainsec ul {
    margin-bottom: 3rem;
}

.privacy_policy_mainsec ul li {
    color: var(--color-15);
    list-style-type: disc;
    font-size: var(--font-15);
    font-weight: 300;
    margin-bottom: 1rem;
    padding-left: 3rem;
    position: relative;
    list-style: none;
}

.privacy_policy_mainsec ul li::after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/stars-icon.svg) no-repeat;
    position: absolute;
    left: 0;
    top: .3rem;
}

.privacy_policy_mainsec blockquote {
    padding-left: 0;
}

.privacy_policy_mainsec p a {

    color: var(--color-15);
    font-weight: 700;
    transition: all 0.3s;
}

.privacy_policy_mainsec p a:hover {
    color: var(--color-a6);
}

.fancybox__button--zoom,
.fancybox__button--fullscreen,
.fancybox__button--slideshow,
.fancybox__button--thumbs {
    display: none !important;
}

.fancybox__toolbar {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999999 !important;
}

.fancybox__button--close {
    display: flex !important;
}

.media-coverage-box .media-caption a {
    right: 0;
    left: inherit;
    width: auto;
    bottom: 0;
    height: auto;
    top: inherit;
}

section.inner_head.search_panel a {
    color: #071642;
    margin-bottom: 1rem;
    display: block;
}

section.inner_head.search_panel h3 {
    margin-bottom: 3rem !important;
    margin-top: 3rem;
    padding-bottom: 3rem !important;
}

section.inner_head.search_panel a:hover {
    color: var(--color-a6);
}

section.inner_head.search_panel li.list-group-item {
    padding: 2rem;
    border: none;
    background: #dcdcdc30;
    margin-bottom: 2rem;
    position: relative;
}

section.inner_head.search_panel li.list-group-item::after {
    content: '';
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: url(../images/icons/read_white_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 5rem;
    background-color: #a69867;
    z-index: -1;
}

section.inner_head.search_panel li .full-link {
    z-index: 1;
}

.search_panel .alert {
    background-color: transparent;
    border: none;
    color: var(--color-15);
    font-weight: 300;
    outline: none;
    font-size: var(--font-15);
    padding: 0;
    border-top: 1px solid gainsboro;
    padding-top: 3rem;
    margin-top: 3rem !important;
}

.flow-icon {
    padding-block: 8rem;
}

.tab_new_block ul {
    margin: 0 !important;
}

.igs_Cnt figure img {
    width: 52%;
}

.igs_Cnt.pg2 figure {
    border: 0;
}

.igs-grid.living_box {
    grid-template-columns: 100%;
}

.igs-grid.living_box .bottom-border-img {
    margin-top: 2rem;
}

.current-grp {
    display: flex;
    align-items: center;
    gap: 0 6rem;
}

.current-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dbdbdb;
    padding: 3rem 0 1rem;
    position: relative;
}

.current-sec>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.current-sec:hover .current-right .arrow_circle {
    background-position: left bottom;
}

.current-icon {
    display: none;
    align-items: center;
    gap: 0 2rem;
}

.current-icon img {
    width: 20px;
}

.current-icon p {
    margin: 0;
    font-size: var(--font-16);
    color: var(--color-33);
    line-height: 1.6;
}

.current-ttle h4 {
    font-size: var(--font-21);
    color: var(--color-00);
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
}

.current-right .arrow_circle {
    background: linear-gradient(to right, var(--color-00) 9%, #ffffff 49%);
    transition: all .5s ease-out;
    background-size: 210% 110%;
    background-position: right bottom;
    border-radius: 3rem;
    width: 3.8rem;
    height: 3.8rem;
    display: block;
    border: 0px;
}

.current-right .arrow_circle:hover {
    background-position: left bottom;
}

.adm_phone {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.handbookpdf_icons {
    text-align: left;
    justify-content: center;
    display: flex;
    padding-inline: 3rem 1rem;
    padding-top: 1rem;
}

.handbookpdf_icons a {
    font-size: var(--font-14);
    font-family: var(--font-primary1);
    color: var(--color-15);
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.handbookpdf_icons a:hover {
    font-weight: 600;
}

@media (max-width:992px) {
    .igs-grid.living_box .igs_Cnt {
        gap: 0rem;
    }

}


.stage5 .btn {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: var(--color-15);
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 0.8rem 5.3rem 1rem 4rem;
    background-color: transparent;
    margin-top: 3rem;
    margin-bottom: 0;
}

.stage5 .btn:hover {
    background: #071642;
    color: #fff;
}

.adm_phone a {
    display: block;
    color: var(--color-15);
    font-weight: bold;
    margin-bottom: .4rem;
}

.new_word ul {
    display: flex;
    flex-wrap: wrap;
}

.new_word ul li {
    width: 50%;
    font-size: var(--font-52);
    margin-block: 1rem;
    color: var(--color-a6);
    font-family: var(--font-secondary);
    position: relative;
    line-height: 1;
}

.new_word ul li:after {
    width: 2px;
    height: 100%;
    background: var(--color-a6);
    position: absolute;
    content: "";
    right: 3rem;
}

.new_word {
    width: 52rem;
}

.new_word ul li:nth-child(2n):after {
    right: 0;
    display: none;
}

.grid_left-m {
    margin-left: auto;
    margin-bottom: 4rem;
    width: 81.6%;
}

.grid_left-m img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
    object-fit: cover;
}

.sports-video.new-sports {
    text-align: center;
}

.expeditions_panel_grid blockquote {
    padding-inline: 0;
}

.expeditions_panel_grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0rem;
    row-gap: 6rem;
    column-gap: 10rem;
    align-items: center;
}

.right_expeditions_panel1 {
    padding-right: 10rem;
}

.expeditions_panel2.expeditions_panel2_new {
    padding-bottom: 10rem;
}

@media (max-width:1450px) {
    .new_word {
        width: 46rem;
    }

}

@media (max-width:1280px) {
    .new_word {
        width: auto;
    }

    .new_word ul li {
        width: 50%;
        font-size: var(--font-42);
    }

    .b_learning_text1 p {
        padding-inline: 0;
    }

}

@media (max-width:767px) {
    section.inner_head.search_panel li.list-group-item::after {
        right: 2rem;
    }

    .expeditions_panel_grid2 {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 3rem;
    }

    .right_expeditions_panel1 {
        padding-right: 0;
    }

    .left_expeditions_panel1:nth-child(1) {
        order: 1;
    }

    .right_expeditions_panel1:nth-child(2) {
        order: 2;
    }

    .right_expeditions_panel1:nth-child(3) {
        order: 4;
    }

    .left_expeditions_panel1:nth-child(4) {
        order: 3;
    }

    .left_expeditions_panel1:nth-child(5) {
        order: 5;
    }

    .right_expeditions_panel1:nth-child(6) {
        order: 6;
    }

}

@media (max-width:360px) {
    .new_word ul li {
        font-size: var(--font-36);
    }
}


/*term-date css*/

/* HEADER */
.header-inner {
    text-align: center;
    margin-block: 5rem 5rem;
}

.header-inner h2 {
    font-weight: 700;
    font-size: var(--font-26);
    color: var(--color-15);
    font-family: var(--font-primary);
}

.header-inner h3 {
    font-size: var(--font-24);
    margin-top: 6px;
    color: var(--color-15);
}

/* LAYOUT */
.calendar-layout {
    display: grid;
    grid-template-columns: 3fr 1.8fr;
    gap: 10rem;
    padding-bottom: 10rem;
}

.months {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 44px;
}

/* MONTH */
.month {
    border: 1px solid #000;
    padding: 10px;
    position: relative
}

.month h3 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 6px;
    color: var(--color-15);
}

.calendar-layout table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px
}

.calendar-layout th {
    border-bottom: 1px solid #000;
    padding: 4px
}

.calendar-layout td {
    border: 1px solid #e1e1e1;
    padding: 4px;
    text-align: center
}

/* COLORS */
.school {
    background: #c8d8ef;
}

.weekend {
    background: #c2bc97;
}

.holiday {
    background: #f8c226;
}

.induction {
    background: #c4d69d;
}

.spd {
    background: #95cf55;
}

.orientation {
    background: #40849a;
    color: #fff
}

.firstday {
    background: #d96f1f;
    color: #fff
}

.red_space {
    background: #b81a12;
}

.count {
    position: absolute;
    bottom: -18px;
    right: 5px;
    font-size: 12px;
    font-weight: 700
}

/* SIDE */
.side {
    font-size: 13px
}

.legend div {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: var(--font-16);
    color: var(--color-15);
    font-weight: 300;
}

.legend span {
    width: 3rem;
    height: 1.5rem;
    margin-right: 1.5rem;
    display: inline-block
}

.info {
    margin-top: 3rem
}

.info h4 {
    margin-bottom: 1.5rem;
    font-size: var(--font-18);
    color: #a69867;
}

.info p {
    margin-bottom: 1rem;
    font-weight: 300;
    color: var(--color-15);
    font-size: var(--font-15);
}

.info strong {
    font-size: var(--font-21);
    color: var(--color-15);
}

.igs_Cnt.pg2 {
    mix-blend-mode: darken;
}

/* ==============================
   RESPONSIVE CALENDAR
============================== */

/* Tablets */
@media (max-width: 1024px) {
    .calendar-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .months {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile */
@media (max-width: 768px) {


    .header-inner h2 {
        font-size: 20px;
    }

    .header-inner h3 {
        font-size: 14px;
    }

    .months {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .month {
        padding: 8px;
    }

    .month h3 {
        font-size: 14px;
    }

    .calendar-layout table {
        font-size: 11px;
    }

    .calendar-layout th,
    .calendar-layout td {
        padding: 4px;
    }

    .count {
        position: static;
        display: block;
        text-align: right;
        margin-top: 6px;
        font-size: 11px;
    }

    .side {
        font-size: 12px;
    }

    .legend div {
        margin-bottom: 6px;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .header h2 {
        font-size: 18px;
    }

    .header h3 {
        font-size: 13px;
    }

    .calendar-layout th,
    .calendar-layout td {
        padding: 3px;
    }

    .legend span {
        width: 18px;
        height: 10px;
    }
}


.select-box {
    width: 260px;
    position: relative;
    margin-top: 0;
}

.select-box select {
    width: 100%;
    padding: 1rem 4rem 1rem 2rem;
    font-size: 16px;
    color: #333;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
.select-box select:hover {
    border-color: #4f46e5;
}

/* Focus effect */
.select-box select:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15);
}

/* Custom dropdown arrow */
.select-box::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 1.7rem;
    color: #000;
    pointer-events: none;
    background: url(../images/icons/arrow-icon.svg) no-repeat;
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
    background-position: center;
    filter: brightness(0.5);
}

/* Disabled option */
select option:disabled {
    color: #999;
}

.fct_panel {
    display: grid;
    /* justify-content: center; */
}

.select-box {
    margin-left: auto;
}

.fct_panel>* {
    grid-area: 1/1;
}

@media (max-width:990px) {
    .select-box {
        margin: auto;
    }

    .fct_panel {
        display: block;
    }

    .site-footer {
        overflow: hidden;
    }

}

@media (max-width:1899px) {

    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 3.8rem 5.3rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 1750px) {
    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 2.8rem 3.3rem;
        margin-bottom: 1rem;
    }

    .journey_grid {
        max-width: 100%;
    }

    .harrow-way_panel2 .inner-container {
        overflow: hidden;
    }

    .left_golbal {
        width: 74.5%;
    }

    .primary-school-panel1 p {
        padding-right: 0rem;
    }

    .center_align {
        width: 72%;
    }

    .sixth-form-panel1-grid {
        grid-template-columns: 54.71% 42.85%;
        gap: 12rem;
    }
}

@media (max-width:1699px) {
    .detail_value {
        width: 80%;
    }
}

@media (max-width: 1650px) {
    .super-curriculum-panel1-grid-box.one {
        padding-right: 0;
    }

    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 1.8rem 1.3rem;
        margin-bottom: 0rem;
    }

    .affiliation-cont {
        padding-right: 5rem;
    }

    .harrow-heritage-panel3-grid {
        grid-template-columns: 25.15% 63%;
        column-gap: 3.8rem;
    }

    .top .amity-nurture-grid-left {
        padding-inline: 6rem;
    }
}

@media (max-width: 1399px) {
    .detail_value {
        width: 84%;
    }

    .harrow-way-item {
        grid-template-columns: 44.2% 39%;
    }

    .harrow-way-text {
        width: 78.5%;
    }

    .affiliation-cont {
        padding-right: 0rem;
    }

    .primary-school-panel2-grid-box p {
        padding-inline: 8rem 9.5rem;
    }

    .learning_panel3 .btm-para {
        padding: 5.1rem 3.7rem 6rem 3.4rem;
    }
}

@media (max-width:1126px) {
    .sixth-form figure img {
        width: 50%;

    }

    .detail_value {
        width: 91%;
    }

    .harrow-heritage-panel2-grid .right-section p {
        padding-inline: 0.8rem 1.3rem;
        margin-bottom: 1rem;
    }

    .left_golbal {
        width: 88.5%;
    }
}

@media (max-width:991px) {
    .curriculum-advantage-panel1 {
        padding-block: 8rem;
    }

    .flow-icon {
        padding-block: 0;
    }

    .primary-school-panel3 .tabs_with_accordion_wrapper {
        gap: 2rem;
    }

    .harrow-heritage-panel3-grid {
        grid-template-columns: 100%;
    }

    .harrow-heritage-panel3-grid .left-section {
        display: flex;
        align-items: center;
        gap: 4rem;
    }

    .harrow-heritage-panel3-grid .left-section figure img {
        width: 50rem !important;
    }
}

@media (max-width:767px) {
    .sixth-form figure img {
        width: 100%;
    }

    .curriculum-advantage-panel1 {
        padding-block: 5rem;
    }

    .harrow-heritage-panel3-grid .left-section figure img {
        width: 78rem !important;
    }

    .harrow-heritage-panel3-grid .left-section p:first-of-type {
        margin-block: 2rem 2rem;
    }
}

@media (max-width:499px) {
    .harrow-heritage-panel3-grid .left-section {
        display: block;
    }
}

/* apply css  */
.card.shadow .card-header h2 {
    letter-spacing: -2.4px;
    font-size: var(--font-48);
    text-transform: uppercase;
}

.card.shadow .card-header p {
    font-style: italic;
    font-size: var(--font-24);
    line-height: 1.3;
    font-family: var(--font-secondary2);
    font-weight: 400;
    color: var(--color-15) !important;
}

.card.shadow {
    box-shadow: none !important;
    border: none;
}

.card.shadow .card-body h4 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-15);
    text-transform: uppercase;

}

.card.shadow .card-body .lead {
    font-size: var(--font-15);
    font-weight: 300;
}

.card.shadow .card.h-100 {
    border-color: transparent !important;
    padding: 1rem;
    background: #071642;
}

.card.shadow .card.h-100 .card-body h5 {
    font-size: var(--font-16);
    font-family: var(--font-primary);
    color: #fff;
    font-weight: bold;
}

.card.shadow .card.h-100 .card-body p {
    font-size: var(--font-15);
    font-weight: 300;
    color: #fff !important;

}

.card.shadow .card.h-100 .card-body .btn {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 0;
    background-color: #071642;
}

.card.shadow .card.h-100 .card-body .btn:hover {
    background: #ffffff;
    color: #071642;
}

.card.shadow .card.border-info {
    border-color: #a69867 !important;
}

.card.shadow .card.border-info .card-header {
    background-color: #a69867 !important;
    padding: 1rem;
    text-align: center;
}

.card.shadow .card.border-info .card-header h5 {
    font-size: var(--font-24);
    font-weight: 400;

}

.card.shadow .card.border-info .card-body {
    padding: 2rem;
}

.card.shadow .card.border-info .card-body .step-number {
    font-size: var(--font-24);
    font-weight: 700;
    color: #02091f;

}

.card.shadow .card.border-info .card-body small {
    font-size: var(--font-15);
    font-weight: 300;
}

.card.shadow .card-body .alert-warning {
    background: transparent;
    padding: 0;
    border: none;
    padding-top: 2rem;
}

.card.shadow .card-body .alert-warning ul li {
    margin-bottom: 2rem;
    padding-inline: 2.7rem 0;
    position: relative;
    font-weight: 300;
    font-size: var(--font-15);
    color: var(--color-15);
}

.card.shadow .card-body .alert-warning ul li:before {
    width: 18px;
    height: 18px;
    background: url(../images/stars-icon.svg);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .3rem;
    content: "";
}

.card.shadow .card-body .alert-warning h6 {
    font-size: var(--font-18);
    font-weight: 700;
    color: var(--color-15);
    margin-bottom: 2rem;
}

.step-indicator {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 0 0 0;
}

.step-indicator .step-item small {
    font-size: var(--font-16);
    font-weight: 300;

}

.progress {
    --bs-progress-bar-bg: #a69867;
}

.progess1 .card-body {
    padding: 2rem;
}

.step1 {
    padding-bottom: 10rem;
}

.step-indicator .step-item.active small {
    color: #a69867;
    font-weight: 400;
}

.student-details .card-header {
    background-color: #001743 !important;
    padding: 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

.student-details .card-header h4 {
    font-size: var(--font-21);
    font-weight: 500;
}

.card-body .form-label {
    font-weight: 400;
    font-size: var(--font-15);
    color: var(--color-15);
}

.card-body .grid_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

/* #verification_code{
    text-align: left !important;
}
.verifyinput{
    width: 50%;
} */
.student-details .card-body {
    padding-inline: 3rem;
}

.student-details .btn {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 0;
    background-color: #071642;
    transition: 0.5s ease;
}

.student-details .btn:hover {
    background: #ffffff;
    color: #071642;
}

.student-details button.btn {
    background-color: var(--color-a6);
}

.student-details .alert {
    background: var(--color-f6f);
    margin-top: 4rem !important;
    border: none;
    padding: 2rem;
    font-size: var(--font-15);
    color: var(--color-15);
    font-weight: 300;
}

.student-details .alert strong {
    font-size: var(--font-15);
    color: var(--color-15);
    font-weight: 600;

}


.otp_verify .card-header {
    color: var(--color-15) !important;
    padding: 1.5rem 1rem;
    background-color: transparent !important;
    text-align: center;
}

.otp_verify .card-header h4 {
    color: var(--color-a6);
    font-family: var(--font-secondary);
    font-size: var(--font-36);
    line-height: 1;
}

.otp_verify .alert-info {
    background-color: var(--color-f6f);
    border: none;
    padding: 1.5rem 1rem;
    font-size: var(--font-15);
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 2rem !important;
}

.otp_verify small.text-muted {
    font-size: var(--font-13);
    color: var(--color-15);

}

.otp_verify .btn {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 0;
    background-color: var(--color-15);
    transition: 0.5s ease;
    margin-top: 2rem;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 1rem;
}

.otp_verify .btn:hover {
    background: #ffffff;
    color: #071642;
}

.resend-div {
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;

}

.resend-div .btn {
    background-color: var(--color-15);
    margin-top: 1rem;

}

.resend-sec .btn {
    margin: 0;
    margin-top: 0;
    background: transparent;
    color: #a69867;
    padding: 0;
    border: 0;
    text-transform: capitalize;
    padding-left: 0.4rem;
    font-weight: 400;
}

.otp_verify .alert-warning {
    background-color: var(--color-f6f);
    border: none;
    padding: 2rem 1.5rem;
    font-size: var(--font-15);
    color: var(--color-15);
    font-weight: 300;
    margin-bottom: 3rem;
}

.otp_verify .alert-warning h6 {
    font-size: var(--font-18);
    color: var(--color-15);
    margin-bottom: 1.5rem;
}

.otp_verify .alert-warning ul li {
    font-size: var(--font-14);
    margin-bottom: 1rem;
}

.otp_verify .text-decoration-none {
    font-size: var(--font-14);
    font-family: var(--font-primary);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid var(--color-a6);
    padding: 1rem 2rem 1rem 2rem;
    border-radius: 0;
    background-color: var(--color-a6);
    transition: 0.5s ease;
}

.otp_verify .card-body {
    padding-bottom: 4rem;
    padding-inline: 3rem;
    padding-top: 3rem;
}

.otp_verify .text-decoration-none:hover {
    background: #ffffff;
    color: #071642;
}

.step2 .student-details h5 {
    color: #a69867 !important;
    font-size: var(--font-18);
    font-weight: 600;
    margin-bottom: 3rem !important;
}

.step2 .student-details .card-body {
    padding-block: 3rem;
}

.step2 .student-details .alert {
    margin-top: 0 !important;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--color-f6f);
}

.step2 .student-details .alert .btn-close:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.step2 .student-details .process-last .alert-info {
    margin-bottom: 3rem !important;
}

.step2 .student-details .process-last {
    padding-top: 2rem;
}


.step2 .student-details .process-last small {
    color: #a69867 !important;
    font-size: var(--font-14);
}

.review-page .student-details .card-header.bg-light,
.review-page .student-details .card-header.bg-primary {
    background-color: #a69867 !important;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-block: 0.5rem;
}

.review-page .student-details .card-header.bg-light h5 {
    color: #fff !important;
    text-align: left;
    margin-bottom: 0 !important;
    font-size: var(--font-18);
}

.review-page .student-details .card-header.bg-primary h5 {
    color: #fff !important;
    margin-bottom: 0 !important;
    padding-block: 1rem;
}

.review-page .student-details .card .card-body {
    padding-top: 1rem;
}

.review-page .student-details .card .card-body .col-md-4,
.review-page .student-details .card .card-body .col-md-6,
.review-page .student-details .card .card-body .col-md-12 {
    font-size: var(--font-15);
    font-weight: 300;
    margin-bottom: 1rem;

}

.review-page .student-details .card .card-body .col-md-4 strong,
.review-page .student-details .card .card-body .col-md-6 strong,
.review-page .student-details .card .card-body .col-md-12 strong {
    margin-bottom: -1rem;
}

.parent-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.review-page .student-details .card h6 {
    font-size: var(--font-18);
    margin-bottom: 2.5rem;
    font-weight: 600;
    color: var(--color-15);

}

.parent-details li strong {
    display: inline !important;
}

.parent-details li {
    font-weight: 300;
}

.review-page .student-details .card.border-primary {
    border-color: #a69867 !important
}

.main-details .row {
    gap: 1.5rem 0;
}

.review-page .form-check label {
    font-size: var(--font-16);
    font-weight: 300;
    line-height: 2.5;
}

.review-page .form-check-input {
    width: 1.3em;
    height: 1.3em;
    margin-top: 1.4em;
    margin-right: 1rem;
}

.review-page .card.mb-4.review-card {
    border: none;
    margin-top: 3rem;
}

.success-div .card {
    border-color: #a69867 !important;

}

.success-div .card .card-body {
    padding: 3rem;
}

.success-div .card .card-body h2 {
    font-size: var(--font-42);
    font-weight: 600;
}

.success-div .card .card-body .lead {
    font-size: var(--font-16);
    margin-bottom: 3rem;
}

.success-div .card .card-body .card-title {
    font-size: var(--font-21);
    margin-bottom: 3rem;
    font-weight: 600;
}

.success-div .card .card-body .text-start span {
    margin-top: 1rem;
    display: block;
    margin-bottom: 2rem;
    width: fit-content;
}

.success-div .card .card-body .alert-info {
    padding: 2rem;
}

.success-div .card .card-body .alert-info h5 {
    text-align: left;
    font-size: var(--font-21);
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.success-div .card .card-body .alert-info ul li {
    margin-bottom: 1rem;
}

.success-div .card .card-body small {
    font-size: var(--font-13);
    font-weight: 500;
    color: var(--color-15)
}

.need-card h5 {
    font-size: var(--font-18);
    margin-bottom: 1.5rem;
}

.need-card ul li {
    font-size: var(--font-15);
    margin-bottom: 1rem;
    font-weight: 300;
}

.need-card .card-body {
    padding: 2rem;
}










@media (max-width:991px) {
    .review-page .form-check-input {
        position: absolute;
    }

    .review-page .form-check label {
        margin-left: 0.5rem;
    }
}

@media (max-width:767px) {

    .step2 .student-details .card-body {
        padding-block: 2rem;
    }

    .student-details .card-body {
        padding-inline: 2rem;
    }

    .success-div .card .card-body .card-title {
        text-align: left;
        margin-bottom: 2rem;
    }

    .parent-details {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .review-page .student-details .card .card-body.main-details {
        padding-inline: 0;
    }

    .step-indicator .step-item small {
        font-size: 10.5px;
    }

    .progess1 .card-body {
        padding: 2rem 1rem;
    }

    .student-details .btn {
        padding: 1rem 1rem 1rem 1rem;
    }

    .step-indicator {
        gap: 1rem 0.5rem;
    }
}

@media (max-width:499px) {
    .parent-details {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}





/* Landing page css start  */
.landingsec1 {
    position: relative;
    width: 100%;
    padding-top: 13rem;
}

.landingsec1 figure {
    position: relative;
}

.landingsec1 figure figcaption {
    position: absolute;
    bottom: 5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 9;
    text-align: center;
}

.landingsec1 figure figcaption h2 {
    font-size: var(--font-62);
    color: #fff;
    font-weight: 500;
    margin-bottom: 1rem;
}

.landingsec1 figure figcaption p {
    color: #fff;
    font-weight: 300;
    font-size: var(--font-21);
}

.landingsec2 {
    padding-block: 12rem;
    background: #f9f9f9;
}

.landing1_text h3 {
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
    margin-bottom: 3.4rem;
}

.landing1_text blockquote {
    font-size: var(--font-18);
    padding: 0;
    margin-bottom: 3rem;
    color: #000000;
    font-weight: 400;
}

.coloreddiv1 {
    margin-top: 11.3rem;
}

.landinig2grid {
    display: grid;
    grid-template-columns: 48% 50%;
    gap: 10rem;
}

/* .landinig2grid .landing1_text{
  padding-right: 9.8rem;
} */
.landinig2grid .landing1_text blockquote {
    padding-right: 4rem;
}

.landinig2grid .landing1_text p.pd-right {
    padding-right: 3rem;
}

.landing-form.form-container {
    background: #fff;
    padding: 4.3rem 7.8rem 6rem 5rem;
    position: relative;
}

.landing-form.form-container figure {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.landing-form.form-container h3 {
    margin-bottom: 5rem;
}

.coloreddiv1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.coloreddiv1 li {
    padding: 6rem 4.4rem 9rem 4.5rem;
    background: #152242;
    color: #fff;
}

.coloreddiv1 li h5 {
    font-size: var(--font-18);
    margin-bottom: 2rem;
}

.coloreddiv1 li p {
    margin-bottom: 0;
}

.coloreddiv1 li:nth-child(2) {
    background: #C5292C;
}

.coloreddiv1 li:nth-child(3) {
    background: #A69867;
    padding-right: 9.3rem;
}

.coloreddiv1 li:nth-child(4) {
    background: #0072BA;
}

.coloreddiv1 li h2 {
    font-size: var(--font-58);
    color: #fff;
    font-family: var(--font-secondary2);
    font-weight: 400;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 1rem;
}

.coloreddiv1 li h2 sup {
    font-size: var(--font-15);
    font-weight: 300;
    top: -1.8em !important;
    font-family: var(--font-primary);
    left: -7px;
}

.landing-form .grid2 {
    display: flex;
    gap: 4rem
}

.form-container.landing-form form .form-select,
.form-container.landing-form form .form-control {
    margin-bottom: 2.8rem;
}

.form-container.landing-form form label {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    width: 70%;
}

.form-container.landing-form form .submit {
    background: #152242;
    color: #fff;
    margin-bottom: 2rem;
}

.form-container.landing-form form .submit img {
    filter: brightness(0) invert(1);
    padding-top: 6px;
}

.form-container.landing-form form p {
    font-size: var(--font-15);
}

.form-container.landing-form form .submit:hover {
    background: #A69867;
}

.landingsec3 {
    background: #152242;
    padding-block: 11rem 12.8rem;
}

.landingsec3 h3 {
    text-align: center;
    margin-bottom: 5rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
}

.landinggrid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9.3rem 2.9rem;
}

.landinggrid3 .landing_bx3 figure img {
    margin-bottom: 2.5rem;
}

.landinggrid3 .landing_bx3 figure figcaption {
    padding-right: 2rem;
}

.landinggrid3 .landing_bx3 figure figcaption h4 {
    margin-bottom: 3rem;
    font-size: var(--font-18);
    color: #fff;
}

.landinggrid3 .landing_bx3 figure figcaption p {
    margin-bottom: 0;
    color: #fff;
}

.landingsec4 {
    padding-block: 11rem 13rem;
}

.sch_title h3 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
}

.sch_title p {
    font-size: var(--font-18);
    margin-bottom: 5rem;
    text-align: center;
}

.landingsec4 .landing4grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1rem
}

.landingsec4 .landing4grid .landing4bx figure {
    position: relative;
    overflow: hidden;
}

.landingsec4 .landing4grid .landing4bx figure img {
    transition: 0.6s;
}

.landingsec4 .landing4grid .landing4bx {
    position: relative;
}

.landingsec4 .landing4grid .landing4bx a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.landingsec4 .landing4grid .landing4bx:has(a:hover) img {
    transform: scale(1.05);
}

.landingsec4 .landing4grid .landing4bx figure figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 2.5rem 3rem;
    background: #F6A120;
    opacity: 80%;
}

.landingsec4 .landing4grid .landing4bx figure figcaption p {
    font-size: var(--font-18);
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

.landingsec4 .landing4grid .landing4bx:nth-child(2) figure figcaption {
    background: #0072BA;
}

.landingsec4 .landing4grid .landing4bx:nth-child(3) figure figcaption {
    background: #C5292C;
}

.landingsec4 .landing4grid .landing4bx:nth-child(4) figure figcaption {
    background: #652F6C;
}

.landingsec5 {
    padding-bottom: 13rem;
}

.landingsec5 figure {
    position: relative;
}

.landingsec5 figure figcaption {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
    top: 10.4rem;
}

.landingsec5 figure figcaption h3 {
    text-align: center;
    margin-bottom: 2rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
}

.landingsec5 figure figcaption p {
    color: #000000;
    font-size: var(--font-18);
    margin-bottom: 0;
    font-weight: 350;
}

.landing5grid {
    display: grid;
    grid-template-columns: 50.9% 41.9%;
    gap: 10rem;
}

.landing5grid .landing6_text {
    padding-left: 0rem;
    padding-right: 0rem;
}

.landing5grid .landing6_text .dsk_cntnt {
    padding-right: 3rem;
}

.landing5grid .landing6_text h3 {
    margin-bottom: 1rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
}

.landing5grid .landing6_text h5 {
    font-size: var(--font-18);
    margin-bottom: 4rem;
    font-weight: 250;
    color: #000000;
}

.landing5grid .landing6_text figure {
    margin-block: 3rem 3rem;
}

.landing5grid .landing6_text .desk-info h6 {
    font-weight: 600;
    font-size: var(--font-15);
}

.landingsec7 {
    padding-block: 16rem 14rem;
    overflow: hidden;
}

.landingsec7 h3 {
    margin-bottom: 5rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
    text-align: center;
}

.landing7grid_1 {
    display: grid;
    grid-template-columns: 44.5% 56%;
}

.landing7grid_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.landingsec8 {
    padding-bottom: 15rem;
}

.landingsec8 h3 {
    margin-bottom: 5rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
    text-align: center;
}

.landinggrid8 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem;
}

.landinggrid8 figure {
    position: relative;
    overflow: hidden;
}

.landinggrid8 figure figcaption {
    position: absolute;
    font-size: var(--font-18);
    color: #fff;
    font-weight: 500;
    left: 2.9rem;
    z-index: 1;
    bottom: 2.5rem;
}

.landinggrid8 figure img {
    transition: 0.6s;
}

.landinggrid8 figure::after {
    content: "";
    width: 100%;
    height: 30%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0%;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .5s ease all;
    z-index: 0;
}

.full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.landinggrid8 figure:has(a:hover) img {
    transform: scale(1.05);
}

.landingsec9.contact-deatails-section {
    margin-top: 4.7rem;
    padding-bottom: 15rem;
    margin-top: 0;
}

.landingsec9 .contact-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.3rem;
    align-items: center;
}

.landingsec9 .contact-details {
    padding-left: 7.5rem;
}

.landingsec9 .contact-details h3 {
    font-size: var(--font-24);
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--color-15);
    text-transform: uppercase;
    margin-bottom: 2.3rem;
}

.landingsec9 .contact-details p {
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
    padding-right: 7rem;
}

.landingsec9 .contact-details ul {
    margin-top: 3.6rem;
}

.landingsec9 .contact-details ul li {
    margin-bottom: 3rem;
    display: flex;
    column-gap: 2.9rem;
}

.landingsec9 .contact-details ul li span {
    font-size: var(--font-15);
    font-weight: bold;
    color: var(--color-15);
    display: block;
    margin-bottom: 0.5rem;
}

.landingsec9 .contact-details ul li a {
    font-size: var(--font-15);
    font-weight: 300;
    color: var(--color-15);
}

.landingsec9 .contact-details ul li:nth-child(3) {
    margin-bottom: 0;
}

.landingsec9 .bottom-li {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-db);
}

.landingsec9 .bottom-li a:nth-child(2) {
    margin-right: 3rem;
}

.landingsec9 .contact-details ul p {
    padding-left: 4.5rem;
    font-style: italic;
    font-family: var(--font-secondary2);
}

.landingsec9 .contact-form-section {
    background-color: var(--color-f9);
    padding-bottom: 10rem;
}

.landingsec9 .contact-form-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
}

.landingsec9 .contact-details h2 {
    margin-bottom: 2.3rem;
    font-size: var(--font-42);
    color: var(--color-a6);
    font-family: var(--font-secondary);
}

.landingsec9 .contact-details h3 {
    font-size: var(--font-18);
    margin-bottom: 2.3rem;
}

.admissionopen1 {
    padding-block: 7.7rem;
    text-align: center;
    background-color: #fff;
}

.admissionopen1 h3 {
    font-size: var(--font-24);
    font-weight: 600;
    color: #152242;
    margin-bottom: 1rem;
}

.admissionopen1 h2 {
    font-size: var(--font-62);
    margin-bottom: 1rem;
}

.admissionopen1 p {
    font-size: var(--font-21);
}

.admissiontext {
    max-width: 64rem;
    background: #152242;
    height: fit-content;
    color: #fff;
}

.golden-bg {
    background-color: #A69867;
    padding: 4.6rem 3.3rem 3.8rem 4rem;
    margin-bottom: 5.8rem;
}

.blue-bg {
    padding: 0 8.5rem 8rem 5rem;
}

.admissiontext h6 {
    background-color: #C5292C;
    padding: 0.8rem 1rem;
    font-size: var(--font-18);
    margin-bottom: 1rem;
    width: fit-content;
}

.admissiontext h2 {
    color: #fff;
    font-size: var(--font-42);
}

.admissiontext .blue-bg h4 {
    font-size: var(--font-24);
    font-weight: 300;
    padding-bottom: 5rem;
}

.date-grid {
    border-block: 1px solid grey;
    padding-block: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5rem;
}

.date-grid span {
    font-size: var(--font-18);
}

.date-grid p {
    font-size: var(--font-24);
}

.admissiontext .blue-bg h5 {
    color: #A69867;
    font-size: var(--font-24);
}

.admissiontext .blue-bg p {
    margin-bottom: 0;
}

.capcha {
    display: flex;
    gap: 2rem;
    margin-bottom: 5rem;
}

.capcha span {
    background-color: #FDC41F;
    padding: 1.3rem 3.3rem;
    font-size: var(--font-21);
    height: fit-content;
}

.capcha input {
    margin-bottom: 0;
}

.captha-div {
    width: 78%;
}

.captha-div p {
    margin-bottom: 2rem;
}

#refreshCaptcha img {
    width: 3rem;
    margin-left: 2rem;
    cursor: pointer;
    transition: 0.4s linear;
}

.captha-div input {
    margin-bottom: 0 !important;
    margin-left: 1rem;
}

#refreshCaptcha img:hover {
    transform: rotate(180deg);
}

.landing-form.form-container #submitBtn {
    padding: 0.8rem 2.3rem 1rem 2rem;
}

#cityResults {
    border: none;
    top: 132%;
    border-bottom: 1px solid rgb(196, 196, 196);
    border-radius: 0;
}

#cityResults button,
#cityResults .list-group-item {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    color: var(--color-14);
    font-weight: 400;
    border: none;
}

.thankyou h1 {
    font-size: 7rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.thankyou .submit:hover {
    background: #A69867;
    border: 1px solid #A69867
}

.thankyou p:first-child {
    margin-bottom: 0;
}

/* Landing page css end  */
/* sitemap */
.site-map {
    padding-block: 6rem;
}

.site-map .tech-camp-right h5 {
    font-size: var(--font-21);
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.site-map .custom_bullets li {
    position: relative;
    font-size: var(--fs-16);
    color: var(--color-15);
    padding-bottom: 1.5rem;
    padding-left: 20px;
    font-weight: 300;

}

.site-map .custom_bullets li>a {
    text-decoration: none;
    color: var(--color-15);
}

.site-map .custom_bullets li>a:hover {
    color: var(--color-a6);
}

.site-map .tech-camp-right ul ul {
    margin-top: .7rem
}

.site-map .custom_bullets li .sub_list li {
    font-size: 14px;
    padding-left: 20px;
    padding-bottom: 15px;
    font-weight: 400
}

.custom_bullets.sub_list li:before {
    background-color: var(--color-a6);
    width: 10px;
    height: 1px;
    top: 8px
}

.site-map .sub_list li a:hover {
    color: var(--color-a6);
}

.site-map .custom_bullets li .sub_list {
    padding-left: .3rem;
    margin-top: 1.5rem;
    margin-bottom: 0
}

.tech-camp-right {
    margin-bottom: 3rem;
}


.site-map .tech-camp-right h5 a {
    text-decoration: none;
    color: var(--color00)
}

.custom_bullets li:before {
    content: '';
    position: absolute;
    width: .6rem;
    height: .6rem;
    background-color: var(--color-a6);
    border-radius: 50%;
    top: 1rem;
    left: 0;
}

@media screen and (max-width:767px) {
    .site-map {
        padding-block: 5rem 2rem;
    }

    .site-map .custom_bullets li .sub_list li:last-child {
        padding-bottom: 0;
    }

    .site-map .custom_bullets li:last-child {
        padding-bottom: 0;
    }
}

.grad_grid_box .left_grade_text {
    width: 80%;
}

.grad_grid_box .left_grade_text p {
    padding-inline: 0;
}

.learning_panel3.primary-learn-panel h3 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-15);
    margin-bottom: 1rem;
}

.learning_panel3.primary-learn-panel h4 {
    font-size: var(--font-21);
    font-weight: bold;
    color: var(--color-15);
    margin-bottom: 1rem;
}

.learning_panel3.primary-learn-panel h3 p {
    font-weight: normal;
}

.learning-panel1.primary-school-panel1.fixed_top_bg {
    padding-bottom: 0;
}

.learning_panel3.primary-learn-panel {
    background: #fff;
}

.primary-school-panel2-grid-box li {
    color: #fff;
}

.primary-school-panel2-grid-box h5 {
    font-size: var(--font-21);
    color: #fff;
    margin-block: 5rem 3rem;
}

.primary-school-panel2-grid-box:nth-child(2) {
    padding-inline: 12rem;
}

.learning_panel3.primary-learn-panel .btm-para {
    margin-inline: 0;
    padding-inline: 0;
}

.web_box h3 {
    font-size: var(--font-24);
    font-weight: bold;
    color: var(--color-15);
    margin-bottom: 4rem;
}

.web_box {
    padding-block: 10rem;
}


.web_box .grad_grid_box {
    padding-block: 10rem 0;
}

.web_box .left_grade:nth-child(1) .left_grade_text {
    padding-top: 0;
}

.about_panel1.primary_about p {
    padding-inline: 18rem;
}

@media (max-width:1599px) {
    .about_panel1.primary_about p {
        padding-inline: 13rem;
    }

}

.lower-secn-list {
    margin-bottom: 3rem;
}

.left_grade.grid_secondary .left_grade_text {
    padding-top: 0;
}

.list_subject_objective {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.obj_list_left {
    text-align: left;
}

.obj_list_left li {
    font-weight: normal;
    margin-bottom: 2rem;
}

/* .inner-container { max-width: 1475px; padding: 0; margin: auto;} */






.clubs-panel1-Cnt p {
    position: relative;
    z-index: 9;
}

.clubs-panel1-grid-box,
.clubs-panel1-grid-box img {
    position: relative;
    z-index: 9;
}

.clubs-panel1-grid-box.one {
    position: relative;
    z-index: 999;
    height: 100%;
}

.clubs-panel1-grid-box.one img {
    height: 100%;
}

.clubs-panel1-btm-Cnt {
    margin-block: 5rem 10rem;
}

.clubs-list {
    padding-block: 10rem 12rem;
}

.clubs-list-title {
    text-align: center;
    padding-inline: 3rem;
}

.clubs-list-title h2 {
    font-size: var(--font-18);
    font-weight: bold;
}

.clubs-list-title em {
    margin-block: 4rem 3rem;
    display: inline-block;
}

.clubs-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem 2.6rem;
    margin-top: 5rem;
}

.club-list-Cnt {
    margin-top: 2rem;
    padding-right: 2.8rem;
}

.club-list-Cnt h3 {
    font-size: var(--font-16);
    font-weight: 500;
    margin-bottom: 1rem;
}

.club-list-Cnt em {
    font-size: var(--font-15);
    font-family: var(--font-primary);
    font-weight: 300;
    color: var(--color-15);
}

.club-list-Cnt p {
    margin-top: 3rem;
}

.clubs-list-btm {
    background-color: var(--color-007);
    padding: 5.1rem 10rem 4rem;
    text-align: center;
    color: var(--color-white);
    margin-top: 10rem;
}














/* Landing page css start  */
.landingsec1 figure figcaption {
    position: absolute;
    bottom: 5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
}

/* Landing page css end  */

.obj_list_left li {
    margin-bottom: 2rem;
    position: relative;
}

.list_subject_objective .obj_list_left {
    padding-inline: 0 5rem;
}

.list_subject_objective .obj_list_left li {
    font-weight: 300;
}

.btm-para.secn_bottom {
    margin-bottom: 10rem;
    background: #fff;
}

.full_new_content1 {
    padding-block: 10rem;
}

.full_new_content1 .left_grade:nth-child(1) .left_grade_text {
    padding-top: 0;
}

.learning_panel3.senior-school-panel3.new_panel_bg {
    background: var(--color-f9);
}

@media (max-width:992px) {
    .list_subject_objective.left_sec_text {
        grid-template-columns: repeat(1, 1fr);
    }

    .list_subject_objective .obj_list_left {
        padding-inline: 0rem;
    }

    .senior-school-panel3 .btm-para.secn_bottom {
        margin-bottom: 5rem;
    }

    .full_new_content1 {
        padding-block: 5rem 5rem;
    }
}

.landingsec1:after {
    content: "";
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.73;
}

.full_new_content1 .left_grade figure,
.full_new_content1 .left_grade figure img {
    height: 100%;
    object-fit: cover;
}

.community-profile-grid.leadershp_team ul li {
    padding: 0;
}

.btn_harrow {
    margin-block: 5rem;
}

.btn_harrow .call-to-action-button:hover {
    background: #fff;
    color: #fff;
    background-color: var(--color-15);
}

.play-overlay {
    pointer-events: auto;
}

.play-overlay.hide {
    display: none;
    pointer-events: none;
}

@media (max-width:699px) {
    .play-overlay {
        right: 0;
        left: 0;
    }

    section.landingsec1::after {
        display: none;
    }
}


.sixth_group_icon figure {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .8rem;
}

.venue_box {
    /* background: #f8fafc; */
    padding: 25px;
    border-radius: 12px;
    /* box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); */
}

.venue_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 2rem;
}

.venue_box ul li {
    /* display: flex; */
    align-items: flex-start;
    gap: 15px;
    padding: 16px 0;
    padding-inline: 2rem;
    border-right: 1px solid #e5e7eb;
}

.venue_box ul li:last-child {
    border-bottom: none;
}

.venue_icon {
    width: 45px;
    height: 45px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    margin: 0 auto 2rem;
}

.venue_content em {
    display: block;
    font-style: normal;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 4px;
}

.venue_content p {
    margin: 0;
    color: #64748b;
}

.venue_box ul li:last-child {
    border: 0;
}


@media (max-width:600px) {
    .venue_box ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .venue_box ul li {
        gap: 15px;
        padding: 16px 0;
        border: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .sixth-form-panel5-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.media-box-music {
    position: relative;
}

.media-video {
    display: none;
}



.play-button {
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    padding: 20px;
}

.leadership-team.sports-team-harrow li {
    padding: 0;
}

.leadership-team.sports-team-harrow figcaption {
    padding: 1rem
}