body {
    margin: 0;
}
/*video css*/
.video_wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: initial;
}

    .video_wrapper .wrapper__video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.controls-video {
    position: absolute;
    bottom: 35px;
    padding-left: 27px;
}


.videomute img {
    width: 60px;
}

.videomute img {
    width: 60px;
}

.corporate_logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0 0 25px;
}

    .corporate_logo img {
        width: 175px;
    }
.container {
    max-width: 1172px !important;
    padding: 0;
}
h3.boxheadings {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}
@media screen and (max-width:1224px) {
    .container {
        padding: 0px 15px;
    }
}
@media screen and (max-width:881px) {
    
    .heightpsg {
        height: 450px !important;
    }
}

@media screen and (max-width:767px) {
    .heightpsg {
        height: 300px !important;
    }
    h3.boxheadings {
        margin-bottom: 10px;
        margin-top: 5px;
    }
}

@media screen and (max-width:640px) {
      
    
    .corporate_logo img {
        width: 140px;
    }
}
@media screen and (max-width:480px){
    
    .corporate_logo img {
        width: 85px;
    }
    .corporate_logo {
        padding: 10px 0 0 15px;
    }
    .controls-video {
        bottom: 15px;
        padding-left: 15px;
    }
    .videomute img {
        width: 50px;
    }

    .videomute img {
        width: 50px;
    }
}
.main__banner {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    padding: 50px 0;
}

.pathways__schools__banner {
    background: #f5f7f7;
}

.corporate_logo {
    width: 100%;
    padding: 15px 25px 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.corporate__logo {
    width: 150px;
    cursor: pointer;
}

.IB-Continuum-logo {
    width: 170px;
}

.pathways__schoolsA, .pathways__schoolsB, .pathways__schoolsC, .pathways__schoolsD {
    display: block;
    position: relative;
    overflow: hidden;
}

.pathways__schoolsA {
    border-bottom: 15px solid #8a2465;
}

.pathways__schoolsB {
    border-bottom: 15px solid #fdb92e;
}

.pathways__schoolsC {
    border-bottom: 15px solid #009487;
}

.pathways__schoolsD {
    border-bottom: 15px solid #ed3237 !important;
}

.mobsliderbox {
    display: none;
}

.pathways__schoolsA img {
    width: 100%;
    overflow: hidden;
    transition: 0.3s;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
}

.pathways__schoolsB img {
    width: 100%;
    overflow: hidden;
    transition: 0.3s;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
}

.pathways__schoolsC img {
    width: 100%;
    overflow: hidden;
    transition: 0.3s;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
}

.image__overlay {
    position: absolute;
    bottom: -279px;
    left: 0;
    transition: 0.3s;
    padding: 25px 20px;
}



.pathways__schoolsA:hover .image__overlay {
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    background: rgb(138 36 101 / 70%);
    width: 100%;
    height: 100%;
}

.pathways__schoolsB:hover .image__overlay {
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    background: rgb(253 185 46 / 70%);
    width: 100%;
    height: 100%;
}

.pathways__schoolsC:hover .image__overlay {
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #fff;
    background: rgb(0 148 135 / 70%);
    width: 100%;
    height: 100%;
}

.pathways__schoolsD:hover .image__overlay {
    background: rgb(237 49 55 / 60%);
}

.image__overlay p {
    line-height: 18px;
    margin-bottom: 15px;
    font-size: 16px;
}


    .image__overlay p:last-child {
        margin-bottom: 0;
    }

.school_details {
    display: block;
    text-decoration: none;
}

    .school_details h2 span {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        line-height: 16px;
        display: block;
        padding-top: 5px;
    }

    .school_details h2 {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 20px 0 20px;
        line-height: 22px;
        transition: all ease-in-out .3s;
        position: relative;
        border-bottom: 2px solid #9b9b9b;
    }

h2.pws_school__color {
    color: #8a2465;
}

h2.psg_school__color {
    color: #fdb92e;
}

h2.psn_school__color {
    color: #009487;
}

h2.ey_school__color {
    color: #ed3237;
}

.schools__location {
    width: 100%;
}

    .schools__location a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-decoration: unset;
    }

        .schools__location a i {
            font-size: 25px;
            color: #666;
            transition: .3s;
        }

        .schools__location a:hover i {
            color: #333;
            transition: .3s;
        }

        .schools__location a p {
            margin: 0;
            padding-left: 15px;
            font-size: 16px;
            color: #666;
            font-weight: 500;
            line-height: 17px;
            text-transform: capitalize;
            transition: .3s;
        }

        .schools__location a:hover p {
            color: #333;
            transition: .3s;
        }



.School__whatsapp {
    position: fixed;
    right: 5px;
    padding: 20px;
    box-sizing: border-box;
    bottom: 30px !important;
    z-index: 99999 !important;
}

    .School__whatsapp a img {
        width: 50px;
    }

    .School__whatsapp a:hover {
        color: #0076bd;
    }

    .School__whatsapp:hover ul {
        display: block;
    }

    .School__whatsapp ul {
        width: 265px;
        display: none;
        box-sizing: border-box;
        padding: 15px;
        background: #fff;
        box-shadow: 0 0 10px #00000078;
        position: absolute;
        bottom: 77px;
        right: 3px;
    }

        .School__whatsapp ul:before {
            content: '';
            position: absolute;
            bottom: -15px;
            right: 35px;
            width: 0;
            height: 0;
            border-left: 7.5px solid transparent;
            border-right: 7.5px solid transparent;
            border-top: 15px solid #fff;
        }

        .School__whatsapp ul li {
            list-style-type: none;
            margin-bottom: 5px;
            border-bottom: 1px solid #cccccc52;
            padding-bottom: 7px;
        }

            .School__whatsapp ul li a {
                padding: 0;
                background: none;
                text-decoration: none;
                color: #3a3a3a !important;
                opacity: 1 !important;
                text-transform: capitalize !important;
                font-size: 16px !important;
            }

                .School__whatsapp ul li a:hover {
                    color: #0000ff !important;
                    border: none;
                }
/*Footer Code*/
.footer {
    background: unset;
}

.container {
    max-width: 1280px !important;
}

.main__banner__overlay .container .row {
    justify-content: center;
}

    .main__banner__overlay .container .row div a {
        text-decoration: none;
    }

    .main__banner__overlay .container .row div .schools__location {
        margin-bottom: 50px;
    }

    .main__banner__overlay .container .row div:nth-child(6) .schools__location {
        margin-bottom: 0;
    }

    .main__banner__overlay .container .row div:nth-child(7) .schools__location {
        margin-bottom: 0;
    }

.footer-bg {
    background: #e9e9e9;
    padding-top: 40px;
    padding-bottom: 0 !important;
}

.footer {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 20px;
}

div#footer-client {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
}

    div#footer-client .item {
        float: left;
        margin: 0 35px 0 0;
    }

.footer-last {
    display: flex;
}

.footer-last-left {
    width: 50%;
    float: left;
}

    .footer-last-left p {
        color: #2e2e2e;
        margin: 5px 0 15px;
        font-size: 14px;
        font-weight: 400;
    }

.footer-last-right {
    float: left;
    width: 50%;
}

    .footer-last-right p {
        text-align: right;
        margin: 5px 0 15px;
        font-size: 14px;
        color: #2e2e2e;
        font-weight: 400;
    }

        .footer-last-right p a {
            color: #2e2e2e;
            text-decoration: none;
            transition: ease all 300ms;
        }

            .footer-last-right p a:hover {
                color: #0d91cb;
                transition: ease all 300ms;
            }

@media screen and (max-width:1124px) {
    .corporate_logo {
        padding: 15px 15px 0;
    }
}

@media screen and (max-width:991px) {
    
    .corporate_logo {
        padding: 15px 15px 0;
    }

    .school_details h2 {
        font-size: 14px;
    }

        .school_details h2 span {
            font-size: 12px;
        }

    .row {
        padding: 7px;
    }

    .col-md-4 {
        margin-top: 0;
        padding: 7px;
    }

    .schools__location a p {
        padding-left: 5px;
        font-size: 13px
    }

    .image__overlay {
        padding: 20px 7px;
    }

        .image__overlay p {
            font-size: 13px;
        }
}

@media screen and (max-width:860px) {
    .school_details h2 {
        font-size: 12px;
    }

        .school_details h2 span {
            font-size: 11px;
        }

    .schools__location a p {
        padding-left: 5px;
        font-size: 11px
    }

    .footer-bg {
        padding-top: 15px;
        padding-bottom: 0 !important;
    }

    div#footer-client .item {
        margin: 0 35px 15px 0;
    }
}

@media screen and (max-width:780px) {
    .image__overlay p {
        font-size: 12.7px;
    }
}

@media screen and (max-width:767px) {
    .main__banner__overlay .container .row div .schools__location {
        margin-bottom: 15px;
    }
    .main__banner__overlay .container .row div:nth-child(4) .schools__location {
        margin-bottom: 15px;
    }
    .main__banner__overlay .container .row div:nth-child(5) .schools__location {
        margin-bottom: 15px;
    }

    .main__banner {
        height: auto;
        margin: 0;
        padding: 5px 0 0;
    }

    .mobsliderbox {
        display: block;
    }

        .mobsliderbox.mobsliderboxey {
            display: block;
        }

    .pathways__schoolsC.pathways__schoolsD {
        display: none;
    }

    .pathways__schoolsA {
        display: none;
    }

    .item .pathways__schoolsA {
        display: block;
    }

    .pathways__schoolsA .image__overlay {
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        font-size: 14px;
        color: #fff;
        background: rgb(138 36 101 / 70%);
        width: 100%;
        height: 100%;
    }

    .pathways__schoolsB {
        display: none;
    }

    .item .pathways__schoolsB {
        display: block;
    }

    .pathways__schoolsB .image__overlay {
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        font-size: 14px;
        color: #fff;
        background: rgb(253 185 46 / 70%);
        width: 100%;
        height: 100%;
    }

    .pathways__schoolsC {
        display: none;
    }

    .item .pathways__schoolsC {
        display: block;
    }

    .pathways__schoolsC .image__overlay {
        bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        font-size: 14px;
        color: #fff;
        background: rgb(0 148 135 / 70%);
        width: 100%;
        height: 100%;
    }

    .pathways__schoolsD .image__overlay {
        background: rgb(237 49 55 / 60%);
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0;
        position: absolute;
        bottom: -33px;
        left: 50%;
        transform: translateX(-50%);
    }

    .owl-theme .owl-dots .owl-dot span {
        background: #D6D6D6 !important;
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791 !important;
    }

    .school_details h2 {
        font-size: 16px;
        padding: 30px 0 20px;
    }

        .school_details h2 span {
            font-size: 14px;
        }

    .schools__location a p {
        padding-left: 10px;
        font-size: 14px;
    }


    .col-lg-4.col-md-4.col-sm-4 {
        width: 100%;
    }

    .image__overlay p {
        font-size: 16px;
    }

    .footer-last {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer-last-left {
        width: 100% !important;
    }

        .footer-last-left p {
            margin: 0 0 5px;
            text-align: center;
        }

    .footer-last-right {
        width: 100% !important;
    }

        .footer-last-right p {
            text-align: center;
            margin: 0 0 10px;
        }
}

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

    .corporate__logo {
        width: 115px;
    }

    .IB-Continuum-logo {
        width: 150px;
    }
}

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

    .image__overlay p {
        font-size: 14px;
    }

    .school_details h2 {
        font-size: 16px;
    }

        .school_details h2 span {
            font-size: 14px;
        }

    .schools__location a i {
        font-size: 20px;
    }

    .schools__location a p {
        font-size: 14px;
    }

    .corporate_logo {
        padding: 15px 15px 0;
    }

}