/* 
.banner{
    height: 450px;
    position: relative;
    display: flex;
    align-items:center;
}

.banner .rounded img{
    position: absolute;
    top: 0;
    left: 0;
}

.banner .rect img{
    position: absolute;
    right: 0;
}

.banner .rect img:first-child{
    top: 25%;
}

.banner .rect img:nth-child(2){
    top: 22%
}

.banner .title{
    z-index: 1;
}

.banner .main-title {
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -0.01em;
    color: #022C80;
    margin-bottom: 30px;
}

.banner .title-desc{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.01em;
    width: 75%;
    color: #022C80;
}

.banner .title-info{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    width: 70%;


    letter-spacing: -0.01em;


    color: #022C80;
    margin-top: 20px;

}

.banner .title-info span{
    color: #EB0033;
} */

/*.page-header{
    height: 452px;
    position: relative;
}

.page-header:before{
    position: absolute;
    background-repeat: no-repeat;
    top: 0px;
    left: 0%;
    content: '';
    background-image: url('/themes/custom/mehp/img/ecpl.png');
    height: 100%;
    width: 100%;
    z-index: -1;
}

.page-header .inner h1{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -0.01em;
    color: #022C80;
    margin-bottom: 30px;
}

.page-header .inner .header-intro{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #022C80;
}


.page-header:after{
    position: absolute;
    background-repeat: no-repeat;
    top: 20%;
    right: 0%;
    content: '';
    background-image: url('/themes/custom/mehp/img/siderect.png');
    height: 380px;
    width: 350px;
    z-index: -1;
}

.page-header .title-info{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    width: 70%;

    letter-spacing: -0.01em;


    color: #022C80;
    margin-top: 20px;

}

.page-header .title-info span{
    color: #EB0033;
}
   

#block-views-block-peoples-bio-block-1 {
    margin-top: 180px;
}
#block-views-block-peoples-bio-block-1 .view-content{
    display: flex;
    flex-wrap: wrap;
}

#block-views-block-peoples-bio-block-1 .view-content .views-row{
    width: 25%;
    text-align: center;
    margin-bottom: 40px;
}
#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-title{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #333333;
    margin-top: 24px;
    margin-bottom: 8px;
    padding: 0px 60px;
    text-align: start;
}

#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-title a{
    color: #333333 !important;
}

#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-org-title{
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #333333;
    padding: 0px 60px;
    text-align: start;

}

#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-image{
   position: relative;
}

#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-image::before{
    position: absolute;
    background-repeat: no-repeat;
    bottom: -34px;
    left: 22%;
    content: '';
    background-image: url('/themes/custom/mehp/img/darkRect.png');
    height: 100%;
    width: 180px;
    z-index: -1;
}

#block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-image::after{
    position: absolute;
    background-repeat: no-repeat;
    bottom: -29px;
    left: 20%;
    content: '';
    background-image: url('/themes/custom/mehp/img/lightRect.png');
    height: 100%;
    width: 180px;
    z-index: -1;
}*/

.testimonial {
    background-image: linear-gradient(#D9E9F4 60%, white 40%);
    padding: 90px 150px;
    position: relative;
    margin-top: 180px;
    margin-bottom: 200px;
}

.testi-detail{
    background: white;
    padding: 100px;
    padding: 90px 150px;
    border: 1px solid #0249D7;
    border-radius: 32px 0px 32px 32px;
    position: relative;
    z-index: 1;
}

.testi-detail .main-testi{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #547A99;
    margin-bottom: 16px;

}

.testi-detail .testi-by{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #333333;
    margin-bottom: 8px;
}

.testi-detail .testi-org{
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #333333;

}

.testi-quote{
    position: absolute;
    top: 10%;
    left: 12%;
}

.testimonial .grid-bg{
    position: absolute;
    top: 24%;
    z-index: 0;
    right: 0;
    z-index: 0;

}

.testi-detail .testi-user{
    position: absolute;
    right: -5%;
    bottom: -10%;
}


.explore-section{
    background: #F0F9FF;
    border: 1px solid #82AFD3;
    box-shadow: 4px 4px 24px 4px #DCE9F3;
    border-radius: 32px 32px 32px 0px;
    padding: 50px;
    margin-bottom: -80px;
    z-index: 1;
}

.explore-section h1{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.01em;
    color: #333333;
}

.explore-section hr{
    margin: 40px 0px;
}

.explore-section p{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #595959;
    margin-bottom: 30px;
}

.explore-section button {
    background: #FFFFFF;
    box-shadow: 3px 3px 0px #EB0033;
    border: 1px solid #EB0033;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #333333;
    padding: unset;
    display: flex;
    align-items: center;
}

.explore-section button span {
    padding: 0px 10px;
}

.explore-section button img{
    border-left: 1px solid #EB0033;
    padding: 15px 13px;
}

#block-views-block-faqs-block-1{
    margin-top: 180px;
}

#block-views-block-faqs-block-1 h2{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #333333;
}

#block-views-block-faqs-block-1 .view-content .views-row{
    background: #D9E9F4;
    border: 1px solid #022C80;
    box-shadow: 4px 4px 24px 4px #DCE9F3;
    border-radius: 32px 32px 0px 32px;
    padding: 40px;
    margin-bottom: 24px;
}

#block-views-block-faqs-block-1 .view-content .views-field-title{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #022C80;
    /* position: relative; */
    width: 100%;
    cursor: pointer;
    position: relative;
}

#block-views-block-faqs-block-1 .view-content .views-field-title a{
    color: #022C80 !important;
}

#block-views-block-faqs-block-1 .view-content .views-field-title a{
    pointer-events: none;
}

#block-views-block-faqs-block-1 .view-content .views-field-body{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    padding: 24px 0px 0px 40px;
    display: none;
}

#block-views-block-faqs-block-1 .view-content .views-row .views-field-title::before{
    position: absolute;
    background-repeat: no-repeat;
    right: 0%;
    top: 0px;
    content: '';
    background-image: url('/themes/custom/mehp/img/plus.png');
    height: 50px;
    width: 45px;
    cursor: pointer;
}

#block-views-block-faqs-block-1 .view-content .views-row.accordions .views-field-title::before{
    background-image: url('/themes/custom/mehp/img/minus.png');
}

@media (max-width: 767px) {
    .banner .title-desc{
        font-size: 30px;
    }

    .banner .title-desc{
        width: 100%;
    }

    #block-views-block-peoples-bio-block-1 .view-content .views-row{
        width: 100%;
    }

    .testimonial{
        padding: 70px 40px;
    }

    .testi-detail{
        padding: 100px 30px;
    }

    .explore-section{
        padding: 25px;
    }

    .explore-section h1{
        font-size: 30px;
    }

    .explore-section p{
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #block-views-block-peoples-bio-block-1 .view-content .views-row{
        width: 50%;
    }

    .testimonial{
        padding: 90px;
    }

    .testi-detail{
        padding: 90px 70px;
    }

    .explore-section h1{
        font-size: 38px;
    }

    .banner .title-desc{
        font-size: 30px;
        width: 100%;
    }

    .banner .title-info{
        font-size: 20px;
    }
}

.web-block{
    margin-top: 90px;
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.web-block .contact-form{
    width: 70%;
}

.web-block .contact-data{
    width: 20%;
}

.web-block .contact-data{
    width: 20%;
}

.web-block .contact-data h6{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* Fill/QuakerGray-800 */

    color: #333333;
    margin: 10px 0px;
}

.web-block .contact-data h5{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0px;
    color: #333333;

}

.web-block .contact-data p{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}


.web-block .contact-data p span{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    border-bottom: 1px solid #EB0033;
}

@media (max-width: 767px) {
    .web-block {
        margin-top: 160px;
    }

    .web-block .contact-form{
        width: 100%;
    }

    .web-block .contact-data{
        width: 100%;
        margin-top: 30px;
    }
}

#block-views-block-peoples-bio-block-1 .contextual-region{
    display: flex;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form{
    display: flex;
    width: 20%;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .js-form-type-textfield{
    position: absolute;
    right: 0;
    top: -10%;
    width: 80%;
    text-align: center;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .js-form-type-textfield input{
    width: 88%;
    padding: 24px 32px 24px 0px;
    border-bottom: 1px solid #333333;
    border-top: none;
    border-right: none;
    border-left: none;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form #edit-field-bio-type-target-id--wrapper{
    margin-top: -55px;
    width: 100%;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form #edit-field-bio-type-target-id--wrapper legend{
    width: 100%;
    border-bottom: 1px solid #333333;
    padding-bottom: 6px;
}


#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form #edit-field-bio-type-target-id--wrapper .js-form-item{
    margin-top: 15px;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form #edit-field-bio-type-target-id--wrapper span{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;

    letter-spacing: -0.01em;
    color: #333333;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .form-actions{
    position: absolute;
    top: -7%;
    left: 12.5%;
}

#block-views-block-peoples-bio-block-1 .view-content{
    width: 80%;
}

#block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .form-actions input{
    background: #FFFFFF;
    border: 1px solid #EB0033;
    border-radius: 0px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #333333;

}






#block-views-block-faqs-block-1 .contextual-region{
    flex-wrap: wrap;
    display: flex;
    justify-content: right;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form{
    display: flex;
    width: 22%;
    height: 95px
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form .js-form-type-textfield{
    position: absolute;
    right: 0;
    top: -10%;
    width: 80%;
    text-align: center;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form .js-form-type-textfield input{
    width: 88%;
    padding: 24px 32px 24px 0px;
    border-bottom: 1px solid #333333;
    border-top: none;
    border-right: none;
    border-left: none;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form #edit-field-select-program-target-id-entityreference-filter--wrapper{
    margin-top: -50px;
    width: 100%;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form #edit-field-select-program-target-id-entityreference-filter--wrapper legend{
    width: 100%;
    border-bottom: 1px solid #333333;
    padding-bottom: 11px;
}


#block-views-block-faqs-block-1 .contextual-region .views-exposed-form #edit-field-select-program-target-id-entityreference-filter .js-form-item{
    margin-top: 15px;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form #edit-field-select-program-target-id-entityreference-filter span{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;

    letter-spacing: -0.01em;
    color: #333333;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form .form-actions{
    position: absolute;
    top: -8%;
    left: 14.5%;
}

#block-views-block-faqs-block-1 .view-content{
    width: 78%;
}

#block-views-block-faqs-block-1 .content-wrap h3{
    width: 78%;
height: fit-content;
}

#block-views-block-faqs-block-1 .content-wrap h3 a{
    font-family: 'Crimson Pro';
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 48px;
/* identical to box height, or 133% */

letter-spacing: -0.01em;

/* Fill/QuakerGray-800 */

color: #333333;

}

#block-views-block-faqs-block-1 .content-wrap .view-content:nth-child(1){
    margin-top: -80px;
}

#block-views-block-faqs-block-1 .contextual-region .views-exposed-form .form-actions input{
    background: #FFFFFF;
    border: 1px solid #EB0033;
    border-radius: 0px;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #333333;

}

/* people details css */
.people-detail{
    padding: 100px 0px;
}

.people-profile{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.people-profile .people-image{
    width: 30%;
    position: relative;
}

.people-profile .people-image::before{
    position: absolute;
    background-repeat: no-repeat;
    bottom: -34px;
    left: -5%;
    content: '';
    background-image: url('/themes/custom/mehp/img/darkRect.png');
    height: 100%;
    width: 180px;
    z-index: -1;
}

.people-profile .people-image::after{
    position: absolute;
    background-repeat: no-repeat;
    bottom: -29px;
    left: -7%;
    content: '';
    background-image: url('/themes/custom/mehp/img/lightRect.png');
    height: 100%;
    width: 180px;
    z-index: -1;
}


.people-profile .people-data{
    width: 70%;
}

.people-profile .people-data .faculty{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #022C80;
    margin-bottom: 5px;
}

.people-profile .people-data .name{
    font-family: 'Crimson Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    /* identical to box height, or 117% */

    letter-spacing: -0.01em;

    /* Fill/Blue-700 */
    margin-bottom: 24px;
    color: #022C80;

}

.people-profile .people-data .org{
    font-family: 'Crimson Pro';
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    /* or 133% */

    letter-spacing: -0.01em;

    /* Fill/Blue-700 */

    color: #022C80;
    margin-bottom: 28px;

}

.people-profile .people-data .email{
    font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
/* identical to box height, or 133% */

letter-spacing: 0.1em;
text-transform: uppercase;

/* Fill/QuakerGray-800 */

color: #333333;

}

.people-desc{
    display: flex;
    flex-wrap: wrap;
}

.people-desc .people-course{
    width: 30%;
}

.people-desc .people-course h3{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    letter-spacing: 0.1em;
    text-transform: uppercase;

    /* Fill/QuakerGray-800 */

    color: #333333;
}

.people-desc .people-course span{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    
    
    /* Fill/QuakerGray-800 */
    
    color: #333333;
    border-bottom: 1px solid #EB0033;
}



.people-desc .people-body{
    width: 70%;
}

.people-desc .people-body p{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */


    /* Fill/QuakerGray-800 */

    color: #333333;
}

.people-desc .people-body blockquote{
    border: 1px solid #0249D7;
    border-radius: 0px 32px 32px 32px;
    margin: 65px 0px;
    padding: 48px;
    position: relative;
}

.people-desc .people-body blockquote p{ 
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #425A6D;
}

.people-desc .people-body blockquote:after{
    position: absolute;
    background-repeat: no-repeat;
    top: -12%;
    left: -3%;
    content: '';
    background-image: url('/themes/custom/mehp/img/quote.png');
    height: 50px;
    width: 50px;
}

@media (min-width: 1025px) and (max-width: 1350px){
    #block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .js-form-type-textfield{
        right: 0;
        top: -9.3%;
    }
    #block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .form-actions{
        top: -7%;
        left: 9%;
    }

    #block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-org-title{
        padding: 0px 20px;
    }

    #block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-title{
        padding: 0px 20px;
    }
    #block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-image::after{
        left: 8%
    }

    #block-views-block-peoples-bio-block-1 .view-content .views-row .views-field-field-image::before{
        left: 10%;
    }

    #block-views-block-faqs-block-1 .contextual-region .views-exposed-form .js-form-type-textfield{
        top: -10.3%;
    }
    #block-views-block-faqs-block-1 .contextual-region .views-exposed-form .form-actions{
        left: 12.5%;
    }
}


@media (max-width: 767px) {
    .people-profile .people-image{
        width: 100%;
    }

    .people-profile .people-data{
        width: 100%;
    }

    .people-desc .people-course{
        width: 100%;
    }

    .people-desc .people-body{
        width: 100%;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px){
    #block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .form-actions{
        top: 3%;
    }
    #block-views-block-peoples-bio-block-1 .contextual-region .views-exposed-form .js-form-type-textfield{
        top: -4.2%;
    }
}

.detail-wrapper{
    position: relative;
}
.detail-wrapper:before{
    position: absolute;
    background-repeat: no-repeat;
    top: 0%;
    right: 0%;
    content: '';
    background-image: url('/themes/custom/mehp/img/detailArt.png');
    height: 380px;
    width: 400px;
}