/* Header Section Style */


.header-actions a button {
    background-color: transparent;
    padding: 8px 13px 8px 10.5px;
    border: 1px solid #E3E3E8;
    border-radius: 100%;
}

.header-actions a button:hover {
    border-color: var(--blue);
    background-color: #FFF;
}

.header-actions a button:hover i {
    color: var(--blue);
}

.header-actions a button i {
    color: var(--black);
}

.search-bar .menu-search-bar {
    margin-left: 30px;
}

.search-bar-input input {
    background-color: #F5F8FB;
    padding: 12px 20px 12px 40px;
    color: #6C6C7F;
    border-radius: 8px;
    font-size: 13px;
}

.search-bar-icon {
    left: 11px;
    top: 11px;
}

.search-bar-icon i {
    color: var(--blue);
    font-weight: 100 !important;
}

.header-logo a img {
    width: 200px;
}

/* End Header Section Style */


/* Main Section Style */

.about-heading {
    background-image: url(../../images/article-images/banner_image1.png);
    background-color: rgba(0, 0, 0, 0.534);
    background-blend-mode: darken;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 125px 0px;
}

.page-path ul li {
    color: rgba(255, 255, 255, 0.815);
    font-size: 13px;
}

.page-path ul li a {
    color: inherit;
    font-size: 12.5px;
}

.page-path ul i {
    margin: 0px 10px;
    color: rgba(255, 255, 255, 0.815);
    font-size: 12.5px;
}

.about-heading-content h2 {
    color: rgba(255, 255, 255, 0.787);
}

.our-story h4,
.our-story h2 {
    text-align: center;
}

.our-story p {
    width: 60%;
    margin: auto;
    text-align: center;
    margin-top: 15px;
    color: var(--blue);
}

.site-statistics-main {
    margin-top: 60px;
    grid-template-columns: repeat(4, auto);
}

.site-statistics-main>* {
    /* border-right: 2px solid #5252523b; */
    border-right: 2px solid var(--blue);
    padding-right: 50px;
    padding-left: 50px;
}

.number-of-students {
    border-right: 0px !important;
}


.site-statistics-main>* span:first-child {
    font-weight: 900;
    font-size: 30px;
    margin-left: 10px;
}

.our-difference {
    margin-top: 150px;
    padding: 100px 0px;
    background-color: #f8f8fc;
}

.our-difference::before {
    position: absolute;
    content: '';
    width: 50%;
    right: 0;
    top: 0;
    background: linear-gradient(135deg, #7351ff 0%, #60bbff 100%);
    height: 100%;
}

.our-difference-text {
    z-index: 10000;
}

.our-difference-text h2 {
    width: 430px;
    color: #FFF;
    z-index: 10000;
}

.our-difference-text p {
    color: rgba(255, 255, 255, 0.787);
    width: 80%;
    margin-top: 25px;
}

.our-difference-items {
    grid-template-columns: repeat(2, 270px);
    column-gap: 25px;
    row-gap: 25px;
    left: 82.5px;
}

.item-box {
    /* width: 270px; */
    background-color: #FFF;
    padding: 25px 30px;
    border-radius: 10px;
}

.item-box-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-left: 15px;
}

.item-box-icon i {
    font-size: 19px;
}

.high-quality .item-box-icon {
    background-color: #ffdede;
}

.high-quality .fa-pause {
    color: var(--red);
}

.course-certificate .item-box-icon {
    background-color: #F5AC0026;
}

.course-certificate .fa-certificate {
    color: #f5ac00f6;
}

.download-courses .item-box-icon {
    background-color: #1DC29226;
}

.download-courses .fa-download {
    color: #00bb86f9;
}

.educator-support .item-box-icon {
    background-color: #6857FF26;
}

.educator-support .fa-chalkboard-teacher {
    color: #6053cd;
}

.item-box-text {
    color: #58566b;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
}

.item-box-text strong {
    font-size: 16px;
}

.about-us-main-text {
    margin-top: 40px;
}

.about-text-container h2 {
    font-size: 19px;
    color: var(--blue);
    text-align: center;
}

.about-text-container h2 span {
    color: var(--red);
}

.about-text-container p {
    color: #222;
    margin-top: 10px;
    text-align: center;
    font-size: 15.5px;
}

.text-container-top {
    border-bottom: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.text-container-bottom {
    margin-top: 10px;
    border-top: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* End Main Section Style */