/*--Custom CSS--*/

@font-face {
    font-family: 'Cambria';
    src: url('../webfonts/fonts/Cambria.eot');
    src: url('../webfonts/fonts/Cambria.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/fonts/Cambria.woff2') format('woff2'),
        url('../webfonts/fonts/Cambria.woff') format('woff'),
        url('../webfonts/fonts/Cambria.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria Math';
    src: url('../webfonts/fonts/CambriaMath.eot');
    src: url('../webfonts/fonts/CambriaMath.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/fonts/CambriaMath.woff2') format('woff2'),
        url('../webfonts/fonts/CambriaMath.woff') format('woff'),
        url('../webfonts/fonts/CambriaMath.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.ftbox3{z-index:9;position: relative;}
.pageTitle small, .method-content{font-family: "Cambria Math", sans-serif;}
.sf-horizontal-marquee .marquee .marquee-item a{pointer-events: none;}
.marquee-item1 a:hover {color:#333;}

@media screen and (max-width: 1599.98px) {
    /* .banner .image-spacer, .banner .img-holder, .inner-banner .img-holder{min-height:360px;} */
}

@media screen and (max-width: 575.98px) {
    
    body{font-size:16px;}    
    .pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6{font-size: 30px;}
    h2, .h2{font-size: 36px;}
    h2, .h2{font-size: 30px;}
    h3, .h3{font-size: 26px;}
    h4, .h4{font-size: 22px;}
    h5, .h5{font-size: 20px;}
    h6, .h6{font-size: 18px;}
    .size-32{font-size:26px;}
    .programmes-slider-holder .grid-image{max-width:80%;margin:0 auto;}    
    /* .arrows-outside .slick-arrow{width:30px;height:30px;background-color:#F5C744;color:#1A1A1A;font-size:14px;} */
    /* .arrows-outside .slick-arrow:hover{background-color:#F5C744;color:#1A1A1A;} */
    .arrows-outside .slick-arrow.slick-prev{left:-20px;}
    .arrows-outside .slick-arrow.slick-next{right:-20px;}
     
     /* .banner .img-holder, .banner .image-spacer{min-height: 350px;} */
     /* .banner .img-holder figure img{object-position: 70% 50%;} */
     
     .HomeSection3 .right .arrows-outside .slick-arrow.slick-prev,
     .ProgrammesSection3 .right .arrows-outside .slick-arrow.slick-prev{left:-20px;}
     .HomeSection3 .right .arrows-outside .slick-arrow.slick-next,
     .ProgrammesSection3 .right .arrows-outside .slick-arrow.slick-next{right:-20px;}
     
     .story-box .right .icon-holder{display:none;}
     .story-box .right .student-img{max-width:70%;margin:0 auto;}
     .bg-wrap.bg-img-cc{background-position: 0 0;}
     
     .HomeSection1 .right,
     .HomeSection3 .left, .ProgrammesSection3 .left{text-align:center;}
     .HomeSection1 .pageTitle h1, 
     /*.HomeSection2 .pageTitle h2,*/
     .HomeSection5 .pageTitle h2{background: #dbe6ff;padding:20px !important;border-radius:20px;}
     .MethodSection2 .grid-image{max-width:65%;margin:0 auto;} 
     .gridbox-1 .grid-image{max-width:75%;margin:0 auto;}
     .AboutSection2 .gridbox .img-holder{padding-bottom:50%}
         /* .inner-banner .img-holder{min-height:350px;} */
     
}
.popup-image-wrapper .img-holder{
    padding-bottom: 125%;
    border: 10px solid #FFF;
    border-radius: 20px;
}
.ImageModal .btn-close{top: -30px; right: 0;}

/*--Home Banner: heading tags to <p> style parity (mirrors former .pageTitle h2)--*/
.BannerSection .pageTitle p{
    font-family:"Cambria Math", sans-serif;
    font-weight:400;
    line-height:1;
    font-variant:small-caps;
    letter-spacing:-1.98px;
    margin:0;
    padding:0 0 20px;
}
.BannerSection .pageTitle.white p{ color:#ffffff; }
.BannerSection .pageTitle p span{ color:#F5C744; }
.BannerSection .pageTitle p strong{ font-weight:700; }

/* Title = former .pageTitle.xxl h2 : 85 / 70 / 49 / 32 */
.BannerSection .pageTitle.xxl p{ font-size:85px; }
@media (min-width:768px) and (max-width:1599.98px){ .BannerSection .pageTitle.xxl p{ font-size:70px; } }
@media (min-width:576px) and (max-width:767.98px){ .BannerSection .pageTitle.xxl p{ font-size:49px; } }
@media (max-width:575.98px){ .BannerSection .pageTitle.xxl p{ font-size:32px; } }

/* Subtitle = former .pageTitle.md h2 : 40 / 33 / 33 / 20 */
.BannerSection .pageTitle.md p{ font-size:40px; letter-spacing:0; }
@media (min-width:768px) and (max-width:1599.98px){ .BannerSection .pageTitle.md p{ font-size:33px; } }
@media (min-width:576px) and (max-width:767.98px){ .BannerSection .pageTitle.md p{ font-size:33px; } }
@media (max-width:575.98px){ .BannerSection .pageTitle.md p{ font-size:20px; } }