/*-- Index --*/

.index-header {
    background: linear-gradient(239deg, rgba(24,138,236,1) 0%, rgba(129,87,241,1) 100%);
    background-size:cover;
    margin-top:7.5rem;
}

@media (min-width: 768px) {.index-header {
    height:53.5rem;
    background:url(../img/index/index-header.png);
    background-size:cover;
    margin-top:-10rem;
}}

.index-header .imgbox {text-align:right;}

.index-header .imgbox img {
    margin-top:10rem;
    width:160%;
    margin-left:-18rem;
}

.index-header .textbox {margin:10rem 0 10rem 2rem; text-align:center;}

@media (min-width: 768px) {.index-header .textbox {margin:17.5rem 0 0 15rem; text-align:left;}}

.index-header .textbox h1 {
    color:#fff;
    margin-bottom:1.5rem;
    font-size:3.9rem;
    width:95%;
}

@media (min-width: 768px) {.index-header .textbox h1 {font-size:4rem; width:90%;}}

.index-header .textbox p {
    color:#fff;
    margin-bottom:2.5rem;
    width:95%;
}

@media (min-width: 768px) {.index-header .textbox p {width:75%;  margin-bottom:1.75rem;}}

/*-- Logos --*/

.page--index .logos {margin-top:10rem;}

@media (min-width: 768px) {.page--index .logos {margin-top:16rem;}}


/*----------------------------------------------- ABOUT ---------------------------------------------*/

/*-- About Header --*/

.page--about .sec-header {background: linear-gradient(275deg, var(--pink) 0%, rgba(129,87,241,1) 100%); margin-bottom:5rem;}

@media (min-width: 768px) {.page--about .sec-header {background:url(../img/about/about-header.png); background-size:cover; margin-bottom:7rem;}}

.page--about .sec-header .textbox {margin:10rem auto;}

@media (min-width: 768px) {.page--about .sec-header .textbox {margin:14rem auto 0 auto;;}}


/*-- Values --*/

.values {margin-bottom:10rem;}

.values .thumbnail {margin:2rem;}

.values .thumbnail h3 {
    font-size:1.6rem;
    font-family:'Rubik Medium', sans-serif;
    margin-bottom:1rem;
}

/*-- Core Values --*/

.page--about .block-tiles {
    padding:7rem 0;
    background: linear-gradient(300deg, rgba(129,87,241,1) 0%, rgba(24,138,236,1) 100%);
}

.page--about .block-tiles h5 {color:var(--yellow);}

.page--about .block-tiles h2,
.page--about .block-tiles .thumbnail h3,
.page--about .block-tiles .thumbnail p {color:#fff;}

.page--about .block-tiles .thumbnail h3 {font-size:2.2rem;}

/*-- Our Services --*/

.page--about .solutions {margin-bottom:10rem;}

/*-- Podcast --*/

.podcast {margin-bottom:10rem;}

.podcast .title {margin-bottom:7rem;}

.podcast .title h5 {color:var(--purple);}

.podcast .title h2 {font-size:4rem;}

.podcast .thumbnail {margin:2rem;}

@media (min-width: 768px) {.podcast .thumbnail img {width:100%; height:auto; margin-bottom:1.5rem;}}

.podcast .thumbnail img {width:100%; height:auto; margin-bottom:1.5rem;}

.podcast .thumbnail a {text-decoration:none; color:#222;}

.podcast .thumbnail a:hover,
.podcast .thumbnail a:active {color:var(--purple); transition:.3s;}

.podcast .thumbnail h3 {margin-bottom:1.5rem; font-size:1.8rem;}

.podcast .thumbnail p {font-size:1.55rem;}


/*-------------------------------------------- Online Course Development ---------------------------------------------*/

/*-- Header --*/

.page--ocd .sec-header {background: linear-gradient(1200deg, var(--blue) 0%, #4CFEDA 100%); margin-bottom:5rem;}

@media (min-width: 768px) {.page--ocd .sec-header {background:url(../img/online-course-development-services/ocd-header.png); background-size:cover; margin-bottom:7rem;}}

.page--ocd .sec-header .textbox {margin:10rem auto;}

@media (min-width: 768px) {.page--ocd .sec-header .textbox {margin:14rem auto 0 auto;;}}


/*-- Benefits --*/

.page--ocd .benefits {
    padding:7rem 0;
    background: linear-gradient(300deg, #4C70FE 0%, #188AEC 100%);
}

.page--ocd .benefits h5 {color:var(--yellow);}

.page--ocd .benefits h2,
.page--ocd .benefits .thumbnail h3,
.page--ocd .benefits .thumbnail p {color:#fff;}

.page--ocd .benefits .thumbnail h3 {font-size:2.2rem;}


/*-- Areas of Expertise --*/

.page--ocd .expertise h5 {color:var(--purple);}


/*-- Me'ah Case Study --*/

.page--ocd .case-study {
    background:url('../img/online-course-development-services/meah.png');
    background-size:cover;
}


/*-------------------------------------------- Online Course Consulting ---------------------------------------------*/

/*-- Header --*/

.page--occ .sec-header {background: linear-gradient(1200deg, #FC588B 0%, #FEDA4C 100%); margin-bottom:5rem;}

@media (min-width: 768px) {.page--occ .sec-header {background:url(../img/online-course-consulting-services/occ-header.png); background-size:cover; margin-bottom:7rem;}}

.page--occ .sec-header .textbox {margin:10rem auto;}

@media (min-width: 768px) {.page--occ .sec-header .textbox {margin:14rem auto 0 auto;;}}


/*-- Benefits --*/

.page--occ .benefits {
    padding:7rem 0;
    background: linear-gradient(300deg, #4C70FE 0%, #188AEC 100%);
}

.page--occ .benefits h5 {color:var(--yellow);}

.page--occ .benefits h2,
.page--occ .benefits .thumbnail h3,
.page--occ .benefits .thumbnail p {color:#fff;}

.page--occ .benefits .thumbnail h3 {font-size:2.2rem;}


/*-- Areas of Expertise --*/

.page--occ .expertise h5 {color:var(--purple);}


/*-- Me'ah Case Study --*/

.page--occ .case-study {
    background:url('../img/online-course-consulting-services/kaizena.png');
    background-size:cover;
}

.page--occ .case-study .textbox h2 {
    color:#fff;
    margin-bottom:1.5rem;
    width:90%;
}

@media (min-width: 768px) {.page--occ .case-study .textbox h2 {width:90%;}}


/*-------------------------------------------- Schedule ---------------------------------------------*/

/*-- Header --*/

.page--schedule .sec-header {background: linear-gradient(1200deg, #188AEC 0%, #8157F1 100%); margin-bottom:5rem;}

@media (min-width: 768px) {.page--schedule .sec-header {background:url(../img/schedule/header.png); background-size:cover; margin-bottom:7rem;}}

.page--schedule .sec-header .textbox {margin:10rem auto;}

@media (min-width: 768px) {.page--schedule .sec-header .textbox {margin:14rem auto 0 auto;;}}