header {
    background-color: #26549f0f;
}
i.bi.bi-search {
    background: #0e55a4;
    padding: 6px;
    border-radius: 50%;
    color: #ffffff;
}
section.breadcrumb {
    margin-top: 0px !important;
}
section.breadcrumb a {
    font-weight: 600;
}

/* Home Page */

.main.home-page {
    margin-top: 0px;
}
span.desktop-h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d6868;
}
.main.home-page .container-fluid {
    padding: 0;
}

/* CHILD Topics */

.child-topic-title {
    font-size: 30px;
    color: #0e55a4;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
}
section.about-us.single-topic-page .about-content {
    text-align: left;
}
.single-grade-page, .single-topic-page {
    padding-top: 20px;
}
.col-lg-5.pdf-section .pdf-wrapper {
    border: 2px solid #0e55a4 !important;
}
.btn-download-red {
    background: #EE343F;
}
section.breadcrumb a {
    color: #0E55A4 !important;
}

/* PARENT Topics*/

.topic-title h1.banner-title {
    color: #0e55a4 !important;
    text-transform: capitalize;
}
.topic-level-1.about-content {
    text-align: left;
}
.subtopic-img {
    text-align: center;
}
.subtopics-list {
    padding-top: 10px;
}
.list-of-subtopics h2 {
    color: #1d6161;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.subtopic-info-section h3 {
    padding-bottom: 10px;
}

/* GRADE Topics*/

.grade-title h1 {
    text-transform: capitalize;
    color: #0e55a4 !important;
}
.grade-level.about-content {
    text-align: left;
}

/* LEFT Sidebar*/

ul.topics-list li {
    padding-left: 0;
}
ul.topics-list {
    margin-left: 22px;
}
.sidebar ul li:hover {
    display: block;
    background: linear-gradient(to right, #0c55a4, #ee343f);
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease-in-out infinite;
}
ul.topics-list li {
    font-size: 17px;
    color: #fff;
    display: block;
    /*background: linear-gradient(to right, #0e55a4, #002145);*/
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease-in-out infinite;
}
ul.topics-list li:hover {
    display: block;
    background: linear-gradient(to right, #0c55a4, #ee343f);
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease-in-out infinite;
}

li.active-grade ul.topics-list li.active-item {
    font-size: 17px;
    display: block;
    background: linear-gradient(to right, #0c55a4, #ee343f);
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease-in-out infinite;
}
.sidebar ul li.active-grade {
    background: none;
}
ul.topics-list li:last-child {
    border-bottom: none;
}
.sidebar ul li:last-child {
    border-bottom: none;
}

/* Grade Topics */


/* Subject Topics */

.single-subject-page {
    padding-top: 20px;
}

.about-content h2 {
    font-size: 30px;
    font-weight: 500;
}
.boxes-info h2 {
    color: #1d6161;
    text-transform: capitalize;
}


/* Contact */

.serviceBox{
    color: #fff;
    text-align: center;
    padding: 35px 30px 30px;
    position: relative;
    z-index: 1;
}

.serviceBox:before,
.serviceBox:after{
    content: '';
/* background: linear-gradient(#b2ff01, #b2ff01);*/
    border-radius: 20px;
    position: absolute;
    left: 10px;
    right: 0;
    top: 15px;
    bottom: 0;
    z-index: -1;
}
.serviceBox .service-icon{
    color: #f8efff;
    font-size: 35px;
    text-shadow: 4px 4px rgb(14 85 164 / 41%);
    margin: 0 0 10px;
}
.serviceBox .service-icon span i {
    color: #0e55a4;
    font-size: 48px;
}
.serviceBox.contact-icon i {
    color: #fff;
    font-size: 55px;
}
.serviceBox.contact-icon p.description {
    color: #0e55a4;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.serviceBox.contact-icon p.description a {
    color: #0e55a4;
    text-decoration: underline;
    font-size: 20px;
    font-weight: 600;
}
.serviceBox:after{
    /* background: #000000;*/
    left: 0;
    top: 0;
    clip-path: polygon(0% 0, 100% 0, 100% 81%, 83% 100%, 0 100%, 0 33%);
    border: 3px solid #0e55a4;
}

.serviceBox .title{
    color: #0e55a4;
    font-size: 22px !important;
    font-weight: 400;
    margin: 0 0 10px;
    font-weight: 600;
}
.serviceBox .title span{ 
	font-weight: 700;
  color: #b1ff01;
	text-transform: uppercase;
}
.serviceBox .description{
    color: #fff;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0;
}
.serviceBox .read-more{
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    right: 15px;
    bottom: 9px;
    transition: all 0.3s ease 0s;
}
.serviceBox .read-more:hover{
    color: rgba(255,255,255,0.7);
    text-shadow: 3px 3px rgba(255,255,255,0.1);
}
.serviceBox.darkgreen:before{ background: linear-gradient(#00A28D, #007385); }
.serviceBox.darkgreen .service-icon,
.serviceBox.darkgreen .title{
    color: #007385;
}
.serviceBox.blue:before{ background: linear-gradient(#00BFE9, #0170DC); }
.serviceBox.blue .service-icon,
.serviceBox.blue .title{
    color: #0170DC;
}
.serviceBox.green:before{ background: linear-gradient(#93c916, #3AB447); }
.serviceBox.green .service-icon,
.serviceBox.green .title {
    color: #3AB447;
}