body {
    color: black;
}

header.style-4 {
    /* background: #ebf3ff; */
    background: #fdc719;
}

.navbar.style-4 {
    padding: 5px 0;
    background: #fdc719;
    border-bottom: 1px solid black;
}

.navbar.style-4 .navbar-brand {
    width: 170px;
}

/* .navbar.style-4 .navbar-nav .nav-item .nav-link {
    text-transform: capitalize;
} */

.navbar.style-4 .navbar-nav .nav-item .nav-link::before {
    top: -18px;
}

header.style-4 .content .info h1 {
    font-size: 39px;
    line-height: 1.2;
}

.section-head.style-4 p {
    color: black;
    font-size: 18px;
    line-height: 1.4;
}

.testimonials.style-4 .content .numbs {
    gap: 10px;
    /* justify-content: center; */
}

.testimonials.style-4 .content .numbs .num-card {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.testimonials.style-4 .content .numbs .num-card:first-child a {
    background-color: #5842bc17 !important;
    border: 1px solid grey;
}

.testimonials.style-4 .content .numbs .num-card .img-contain a {
    background: #1c1c1c;
    padding: 12px;
    border-radius: 10px;
}

.testimonials.style-4 .content .numbs .num-card .img-contain a img {
    height: 42px;
}

/* Subjects */
.subject-section .pattern_l,
.subject-section .pattern_r {
    height: unset !important;
}

.subject-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.subject-wrapper .subject-slide {
    width: calc(33.9% - 20px);
}

.subject-wrapper .service-card {
    text-align: left;
    margin: 0;
    position: relative;
    height: 100%;
}

.subject-wrapper .text {
    font-size: 15px !important;
    line-height: 25px;
}

/* CTA */
.chat-banner {
    position: relative;
    padding: 40px 0;
}

.chat-banner .shap_color {
    position: absolute;
    top: -9px;
}

.signin .sign-btns i {
    font-size: 22px;
}

.signin .sign-btns a span {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Header Form */
.header-form .signin-page.style-5 .signin {
    padding: 0;
    background: none;
    /* margin-bottom: 20px; */
    margin-left: 30px;
    align-items: flex-start;
}

.header-form .signin-page.style-5 .signin .form-content {
    background-color: #5842bc17;
    margin-bottom: 50px;
    /* background-color: transparent;
    background-image: url(../images/bg/form-bg.png);
    background-size: cover; */
}

.header-form .signin-page.style-5 .signin .form-content .info {
    padding: 30px;
    text-align: center;
}

.signInForm .input-group .form-control {
    font-size: 16px;
    padding: 10px 12px;
}

.signInForm .input-group .input-group-text {
    color: white;
    background-color: var(--color-blue7);
    border-color: var(--color-blue7);
}

.signInForm .butn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.signInForm label.error,
.contactForm label.error {
    display: none !important;
}

.signInForm .input-group.has-error {
    border-color: red !important;
}

.signInForm .input-group.has-error .form-control {
    border-color: red !important;
}

.signInForm .input-group.has-error .input-group-text {
    color: white;
    background: red;
    border-color: red;
}

.contactForm .form-control.has-error {
    border-color: red !important;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.rock-img-slide {
    margin-bottom: 10px;
}

.rock-img-slide .rock7 {
    height: 100px;
}

footer .links .active a {
    color: #0a58ca;
}

.back-to-home {
    position: absolute;
    top: 15px;
    left: 30px;
}

.back-to-home a {
    padding: 1px !important;
}

.back-to-home i {
    position: unset !important;
}

.header-logos .ratingspedia-logo {
    background: white;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 10px;
}

.header-logos .trustpilot-logo {
    background: #1c1c1c;
    border: 1px solid #1c1c1c;
    padding: 12px;
    border-radius: 10px;
}

.header-logos .trustpilot-logo img,
.header-logos .ratingspedia-logo img {
    height: 30px;
}

.class-help-page .about,
.teas-help-page .teas-about {
    background: #f0eff5 !important;
}

.results-section {
    background: #f0eff5 !important;
}

.results-section .item img {
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #f0f0f8;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
}

.bg-grey {
    background: #f0eff5;
}

.class-help-page .testimonials.style-7::after,
.teas-help-page .testimonials.style-7::after,
.cta-new.testimonials.style-7::after {
    display: none;
}

.testimonials .info p {
    color: #5842bc !important;
    font-size: 16px;
    font-weight: bold;
    margin: 0 !important;
}

/* Responsive */
@media (max-width: 800px) {
    .subject-wrapper .subject-slide {
        width: calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .subject-wrapper .subject-slide {
        width: calc(100% - 20px);
    }
}

@media (max-width: 991px) {
    .header-form .signin-page.style-5 .signin {
        margin-left: 0;
    }
}

@media (max-width: 340px) {
    .header-logos a {
        display: inline-block;
        width: 100%;
        min-width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .chat-banner.style-7 .btns a {
        display: inline-block;
        width: 100%;
    }
}

.committed-section {
    padding: 60px 0 30px 0;

    background-image: url(../images/class/committed-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;

}

.committed-section .section-head.style-5 h2 {
    font-size: 44px;
    line-height: 1.1;
    background: var(--color-blue4) !important;
    color: white;
    padding: 15px 30px;
    border-radius: 50px;
    display: inline-block;
}

.committed-section .features-card.style-5 .card-title {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 5px;
}

.committed-section .features-card.style-5 .text {
    font-size: 18px;
    color: black;
    line-height: 1.4;
}

.section-head.style-5 p.committed-section-text {
    color: white;
    background-color: #dc3545;
    padding: 12px 30px;
    border-radius: 50px;
    line-height: 1.4;
}

.testimonials.style-7 .get-qoute-banner .info h6 {
    font-size: 26px;
    color: black;
    line-height: 1.2;
}

footer .content.links-side {
    padding: 30px 0;
}

.testimonials-section {
    background: #ebf3ff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.cta-new.testimonials.style-7 {
    position: relative;
    z-index: 20;
    background-color: #8169f1;
}

.cta-new.testimonials.style-7 .get-qoute-banner {
    background-color: #8169f1;
}

.cta-new.testimonials.style-7 .get-qoute-banner h6 {
    color: white;
}

.cta-new.testimonials.style-7::before {
    content: '';
    position: absolute;
    background-image: url(../img/shap_color_7.png);
    height: 15px;
    width: 100%;
    bottom: -14px;
    left: 0;
    transform: scale(-1, -1);
}


.rotate-img {
    -webkit-animation: rotate-center 200s linear infinite both;
    animation: rotate-center 200s linear infinite both;
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Discount Offcanvas */
.discount-offcanvas {
    inset: 20px;
    left: unset;
    width: 570px;
    border-radius: 10px;

    background-image: url(../images/bg/form-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.discount-offcanvas #signInForm {
    padding: 0 50px;
}

.discount-offcanvas #signInForm .iti {
    width: 100%;
}

.discount-offcanvas .offcanvas-body p {
    font-size: 16px;
    padding: 0 30px;
    line-height: 24px;
    font-weight: 500;
}

.discount-offcanvas .offcanvas-body .form-control {
    height: 50px;
    padding: 0 15px;
}

.discount-offcanvas .offcanvas-body .form-control.has-error {
    border-color: red !important;
}

.discount-offcanvas .offcanvas-header {
    justify-content: end;
}

.discount-offcanvas .btn-close {
    opacity: 1;
}

@media (max-width: 600px) {
    .discount-offcanvas {
        inset: 0;
        border-radius: 0;
    }

    .discount-offcanvas #signInForm,
    .discount-offcanvas .offcanvas-body p {
        padding: 0;
    }
}

#contactForm .iti {
    width: 100%;
}

#contactForm .iti--separate-dial-code .iti__selected-flag {
    background: none;
    border-right: 1px solid #eee;
}

.stands-out {
    background-image: url(../images/bg/stands-out-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.stands-out *,
.stands-out h2 {
    color: white !important;
}

.culture.style-5 .culture-card {

    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
}

.custom-list li {
    margin-bottom: 10px;
}

.custom-list li span {
    font-size: 1.25rem;
    font-weight: 500;
}

.custom-list-icon {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    border-radius: 50%;
    color: #fff;
    margin-right: 0.5rem;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--color-blue4);
}

.home-subjects .swiper-wrapper-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 0 60px;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 {
    width: 20%;
    border: 1px solid #ccc;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card {
    margin: 0;
    padding: 20px 20px;
    height: 100%;
    border-radius: 0;
    border: 1px solid white !important;
    display: flex;
    flex-direction: column;
    min-height: 170px;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card:hover,
.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card__active {
    transform: scale(1.1);
    background-color: white;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    border-radius: 6px;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card .info {
    max-width: 150px;
    text-align: center;
    margin: auto;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card .icon {
    margin-bottom: 10px;
}

.home-subjects .swiper-wrapper-1 .swiper-slide-1 .service-card .icon img {
    height: 60px;
}

/**/
.subject-section .swiper-wrapper-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}

.subject-section .swiper-wrapper-1 .swiper-slide-1 {
    width: 25%;
    border: 1px solid #ccc;
}

.subject-section .swiper-wrapper-1 .swiper-slide-1 .service-card {
    margin: 0;
    padding: 30px 20px;
    height: 100%;
    border-radius: 0;
    border: 1px solid white !important;
    display: flex;
    flex-direction: column;
}

.subject-section .swiper-wrapper-1 .swiper-slide-1 .service-card:hover,
.subject-section .swiper-wrapper-1 .swiper-slide-1 .service-card__active {
    transform: scale(1.1);
    background-color: white;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    border-radius: 6px;
}

@media (max-width: 1024px) and (min-width:801px) {
    .home-subjects .swiper-wrapper-1 .swiper-slide-1 {
        width: 23%;
    }
}

@media (max-width: 800px) {
    .home-subjects .swiper-wrapper-1 .swiper-slide-1 {
        width: 32%;
    }
}

@media (max-width: 600px) {
    .home-subjects .swiper-wrapper-1 .swiper-slide-1 {
        width: 50%;
    }
}

.class-header-img {
    background-color: #dc3545;
    border-radius: 12px;
    padding: 8px;
}

.class-header-img img {
    width: 100%;
    border-radius: 12px;
    /* border: 1px solid white; */
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
}

.homework-section {
    padding: 60px 0 60px 0;
}

.homework-section .section-head.style-5 h2 {
    font-weight: 900;
    font-size: 39px;
    margin-bottom: 20px;
}

.homework-section .section-head.style-5 p {
    /* font-weight: 600;
    font-size: 22px;
    line-height: 1.4; */
}

.about-mission {
    /* background: black; */
    margin-top: 25px;
    padding-bottom: 40px;
    background-image: url(../images/bg/about.jpg);
    background-size: contain;
}

.about-mission .tab-content p {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

.timeline {
    padding: 60px 0;
    background: #ebf3ff;
}

.process-section.services.style-1 .service-box {
    background: #ebf3ff;
}

.process-section.services.style-1 .service-box h5 {
    font-size: 26px;
}

.process-section.services.style-1 .service-box h5 .num {
    font-size: 20px;
    font-weight: 900;
    opacity: 0.5;
}

.process-section.services.style-1 .service-box .info .text {
    color: black;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}

.process-section.services.style-1 .service-box .icon img {
    width: 70px;
    height: 70px;
}

@media (max-width: 640px) {
    header.style-4 .content .info h1 {
        font-size: 24px;
        line-height: 1.4;
    }

    .homework-section .section-head.style-5 h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .committed-section .section-head.style-5 h2 {
        font-size: 24px;
    }

    .cta-new.testimonials.style-7 .get-qoute-banner h6,
    .section-head.style-4 h2,
    .section-head.style-5 h2 {
        font-size: 24px !important;
    }

    .home-subjects .swiper-wrapper-1 {
        padding: 0 10px;
    }

    .chat-banner .shap_color {
        display: none;
    }

}

/* Subject */
.subject-page {
    background: #f3f7fe;
}

.subject-page .search {
    text-align: center;
    padding: 12px 10px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
}

.subject-page #list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 20px 0 30px 0;
}

.subject-page #list li {
    background: white;
    border: 2px solid var(--color-blue4);
    padding: 10px 10px;
    border-radius: 60px;
    font-size: 15px;
    font-weight: bold;
    min-width: 230px;
    text-align: center;
    cursor: pointer;
}

.subject-page #list li:hover {
    color: white;
    background: var(--color-blue4);
}

.lpagignate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap: 12px;
}

ul.pagination {
    display: flex;
    gap: 6px;
}

ul.pagination li {
    font-size: 14px;
    font-weight: bold;
}

ul.pagination li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem !important;
    padding: 0 0;
    min-width: 2.5rem;
    min-height: 2.5rem;
    border: 1px solid #e5e7eb;
    background: white;
    color: #0a1425;
    font-weight: 600;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
}

ul.pagination li a:hover {
    color: #fff;
    background-color: #2b5cfd;
    border-color: #2b5cfd;
}

ul.pagination li.active a {
    color: #fff;
    background-color: #2b5cfd;
    border-color: #2b5cfd;
}

.page-arrow {
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    padding: 15px 15px;
    font-size: 16px;
    border-radius: 8px;
    color: black;
    font-weight: 900;
}


.left-part {
    flex-grow: 1;
}

.mobFilter {
    display: none;
}

/* TOC Start */
.toc-section {
    margin-bottom: 50px;
}

.toc-section h2 {
    color: black;
    font-weight: normal;
    margin-block: 32px;
}

.toc-section h4 {
    color: black;
    font-size: 18px;
    font-weight: 700;
    margin-block: 32px;
}

.toc-section .col-md-3 {
    padding: 0;
}

.toc-sidebar {
    position: sticky;
    top: 0;
    overflow-y: auto;
    height: 100vh;
    /* max-height: 610px; */
    /* background: #f0f0f8; */
}

/* width */
.toc-sidebar::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.toc-sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.toc-sidebar::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.toc-sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* #toc a.readed:not(.active) {
    text-decoration: underline;
} */

#toc a.readed:not(.active):before {
    content: "\f00c";
    position: absolute;
    /* color: green; */
    color: var(--color-blue4);
    left: -22px;
    top: 2px;
    font-size: 14px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

#toc a.active {
    color: #111111;
    text-decoration: underline !important;
}

a.active:before {
    content: "\f06e";
    position: absolute;
    color: #111111;
    left: -22px;
    top: 2px;
    font-size: 14px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.toc-sidebar ul {
    padding: 20px 10px 20px 30px;
}

.toc-sidebar ul li {
    margin-bottom: 12px;
}

.toc-sidebar ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #7f8993;
    width: 100%;
    display: block;
    position: relative;
    /* border-radius: 4px;
    padding: 3px 6px; */
}

.toc-content {
    padding: 0 15px;
}

.toc-content p {
    color: black;
    font-size: 18px;
    margin-bottom: 20px;
}

.toc-content ul li,
.toc-content ol li {
    color: black;
    font-size: 18px;
}

.toc-content a {
    color: black;
    text-decoration: underline !important;
}

.toc-content a:hover {
    color: var(--color-blue4);
}

.toc-content a strong {
    font-weight: 400;
    text-decoration: underline;
}

.toc-content .policy-table {
    margin-bottom: 30px;
}

.toc-content .policy-table tr td {
    font-size: 18px;
    padding: 20px;
    border: 1px solid black;
    color: black;
    font-size: 18px;
}

.toc-content .policy-list-2 li {
    margin: 16px 0;
}

.toc-content .list-style-lower-alpha {
    margin: 0 0 20px 20px;
}

.toc-content .list-style-lower-alpha li {
    list-style: lower-alpha;
}

.toc-content .policy-list-3>li {
    list-style: lower-alpha;
}

.toc-content .policy-list-3>li li {
    list-style: lower-roman;
}

.toc-content .policy-list li {
    position: relative;
    padding-left: 30px;
    margin: 4px 0;
    font-size: 18px;
    color: black;
}

.toc-content .policy-list li:before {
    content: "";
    position: absolute;
    left: 10px;
    width: 6px;
    height: 6px;
    background: black;
    top: 10px;
    border-radius: 20px;
}

.toc-content .policy-ol {
    list-style: inherit;
    padding-left: 18px;
    margin-bottom: 30px;
}

.toc-content .policy-al {
    list-style: inherit;
    padding-left: 18px;
    margin-bottom: 30px;
}

.toc-content .policy-ol>li {
    position: relative;
    margin: 6px 0;
    list-style: auto;
}

.toc-content .policy-al>li {
    position: relative;
    margin: 6px 0;
    list-style-type: lower-alpha;
}

.toc-content .policy-al .policy-ol,
.toc-content .policy-list .policy-al {
    margin-bottom: 0;
}

@media (max-width:991px) {
    .toc-section .col-md-3 {
        display: none;
    }

    .toc-section .col-md-9 {
        width: 100%;
    }
}

.privacy-policy-page .nav-scroll {
    display: none !important;
}

/* TOC End */