:root {
    --primary: 254, 234, 0;
    --orange: 248, 134, 70;
    --orange-dark: 246, 106, 24;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-ring-offset-shadow: 0 0 #0000;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/IRANSansX-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANSansX-UltraLight.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/IRANSansX-Light.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/IRANSansX-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansXd;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/IRANSansX-Demibold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/IRANSansX-Black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/IRANSansX-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSansX-Regular.woff2") format("woff2");
    font-display: swap;
}




body {
    font-family: "IRANSansX";
    direction: rtl;
    background-color: #f9fafa;
}

html {
    scroll-behavior: auto !important;
}


header.header-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    background-color: hsla(0, 0%, 100%, .5);
    backdrop-filter: blur(64px);
}


.mobile-logo {
    height: 70px;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}



a {
    color: #000;
    text-decoration: none;
}



p {
    margin: 0;
    color: #113c4a;
}


section {
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}

@media (min-width:768px) {

    .header-wrapper {
        margin: 0 40px;
    }

    main {
        margin: 0 140px;
    }
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.b-primary {
    background-color: rgb(var(--primary));
}


.t-primary {
    color: rgb(var(--primary));
}

.br-primary {
    border-color: rgb(var(--primary)) !important;
}

.t-orange {
    color: rgb(var(--orange));
}

.t-orange-2 {
    color: rgb(var(--orange-dark));
}

.b-orange {
    background-color: rgb(var(--orange));
}

.b-orang2 {
    background-color: rgb(var(--orange-dark));
}

:is(h1, h2, h3, h4, h5, h6) {
    margin: 10px 0;
}

.text-editor * {
    color: rgb(75, 85, 99);
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.text-editor :is(h1, h2, h3, h4, h5, h6) {
    padding: 15px 0;
    font-weight: bold;
}

.text-editor img {
    max-width: 100%;
    height: auto;
}

.text-editor a {
    color: #3f7b70;
    text-decoration: underline;
}

.text-editor ul {
    padding: 15px;
    list-style-type: disc;
}

.text-editor ol {
    padding: 15px;

}

.text-editor ol li {
    margin-bottom: 10px;

}

.text-editor ul li {
    margin-bottom: 10px;
}


.top-menu>li {
    display: inline-block;
    position: relative;
    padding: 10px;
}

.top-menu>li>a {
    border-radius: 5px;
    padding: 10px 15px;
    transition: all .3s;
    color: #000;
    padding-left: 40px;
    font-weight: 500;
    position: relative;
}

.top-menu>li::before {
    position: absolute;
    content: "";
    left: -3px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #dddddd;
}

.top-menu>li:last-child::before {
    display: none;
}


.top-menu>li:hover>a {
    background-color: rgba(var(--primary), .1);

}



.top-menu ul {
    display: none;
    position: absolute;
    top: 45px;
    background-color: #fff;
    border-bottom-right-radius: 1rem;
    min-width: 240px;
    padding: 12px 0;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    z-index: 2;
}

.top-menu ul li {
    margin-bottom: 8px;
    position: relative;
    padding: 0px 20px;

}

.top-menu ul li:last-child {
    margin-bottom: 0;
}

.top-menu ul li a {
    display: block;
    padding: 12px 8px 12px 8px;
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: 7px;
    transition: all .3s;
}

.top-menu ul li a:hover {
    background-color: rgba(var(--primary), .1);
    color: rgb(var(--primary));
}




.top-menu li:hover>ul {
    display: block;
}

.top-menu li ul li ul {
    right: 240px;
    top: -64px;
    border-bottom-right-radius: 0;
    z-index: 3;
    border-bottom-left-radius: 1rem;
}

.top-menu li ul li:hover ul {
    display: block;
}

.top-menu>li>a:before {
    content: '';
    background-image: url("../images/icons/chevron-down-svgrepo.svg");
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    left: 10px;
    font-size: 7px;
    top: 12px;
}



.top-menu>li>ul>li a:before {
    content: '';
    background-image: url("../images/icons/chevron-left-svgrepo.svg");
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    left: 10px;
    font-size: 7px;
    top: 7px;
}



.top-menu>li>ul>li a:before {
    content: '';
    font-size: 10px;
    color: #fff;
    padding-left: 3px;
    position: absolute;
    left: 10px;
    top: 13px
}

.top-menu>li>a:only-child:after,
.top-menu>li>ul>li a:only-child:after {
    content: '' !important;
    background-image: none !important;

}

.top-menu>li>a:only-child:before,
.top-menu>li>ul>li a:only-child:before {
    content: '' !important;
    background-image: none !important;

}




.mobile-menu {
    margin-top: 30px;
    margin-right: 15px;
}

.mobile-menu ul {
    display: none;
    margin-right: 10px;
}

.mobile-menu li {
    padding: 5px;
    border-radius: 5px;
    border-bottom: 1px dashed #c3c0c0;
}

.mobile-menu li:last-child {
    border-bottom: none;
}

.mobile-menu li a.active {
    background-color: rgb(var(--primary));
    color: #fff;
}

.mobile-menu li a {
    padding: 5px;
    display: block;
    border-radius: 5px;
    position: relative;
    padding: 10px 5px;
}

.mobile-menu>li>a:before {
    content: '';
    background-image: url("../images/icons/chevron-down-svgrepo.svg");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    left: 10px;
    font-size: 7px;
    transition: all 0.3s;
    top: 16px;
}

.mobile-menu>li>a.active:before {
    transform: rotate(90deg);
}


.mobile-menu>li>ul>li a.active:before {
    transform: rotate(90deg);

}

.mobile-menu>li>ul>li a:before {
    content: '';
    background-image: url("../images/icons/chevron-down-svgrepo.svg");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    font-size: 7px;
    left: 10px;
    top: 16px;
    transition: all 0.3s;
}

.mobile-menu>li>a:only-child:after,
.mobile-menu>li>ul>li a:only-child:after {
    content: '' !important;
    background-image: none !important;

}

.mobile-menu>li>a:only-child:before,
.mobile-menu>li>ul>li a:only-child:before {
    content: '' !important;
    background-image: none !important;

}


.search-input {
    border: 1px solid rgb(209, 213, 219);
}

.search-input:focus {
    outline: 2px solid rgb(var(--primary));
}

.hero-title {
    font-size: 6rem;
}

.hero-text {
    font-size: 2.25rem;
    font-weight: bold;
}

.hero-btn {
    background-color: rgb(var(--orange));
}


.hero-btn:hover {
    background-color: rgb(var(--orange-dark));
}

.category-box .img-box {
    transition: all .3s;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.category-box .img-box img {
    filter: grayscale(100%);
    height: 136px;
}

.shape-2 {
    transform: rotate(180deg);
}

#category a:hover .img-box {
    transform: translateY(-3px);
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.title-section {
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 900;
}

#teachers .right-box {
    background-color: rgba(var(--primary), .1);
    border: 4px solid rgba(var(--primary), .6);
}

.teacher-name {
    font-size: 13px;
    color: #374151;
}

.teacher-img img {
    background-color: #e0f2fe;
    width: 6rem;
    height: 3.5rem;
}

#teachers .right-box .content {
    margin-right: 120px;
}

.course-card {
    border: 2px solid rgba(var(--primary), .1);
    transition: all .3s;

}

.course-card .content {
    margin-right: 120px;
}

.course-card .read-more {
    font-size: 14px;
}


.course-card:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: translateY(-4px);
}

.comment-card .inner {
    background-color: rgb(237, 239, 242);
}

.comment-card .top-content {
    margin-right: 80px;
}

.comment-card .comment-text {
    line-height: 27px;
}


.comment-card .sub-writer {
    font-size: 13px;
    color: #7f7f7f;
}


.video-wrapper {
    background-color: rgba(var(--primary), .1);
}



#about-us .content .title {
    font-size: 3rem;
    color: #141414;
}


#about-us .content .text {
    color: rgb(75, 85, 99);
    font-size: 1.5rem;
}

.widget1 .text,
.widget1 .title {
    font-size: 1.25rem;
}

.faq-card .title {
    font-size: 1.25rem;
}

.faq-card .answer {
    display: none;
}

.faq-card .icon {
    transition: all .3s;
}

.faq-card.open .icon {
    transform: rotate(180deg);
}


.faq-card .answer p {
    font-size: 1.25rem;
}


.faq-card .question {
    cursor: pointer;
    transition: all .3s;
}

.faq-card .question:hover {
    background-color: rgba(var(--primary), .1) !important;
}

.faq-card .question::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
}

.widget3 .title {
    color: #1f2937;
}

#why-us .box {
    min-height: 219px;
}


#why-us .box .title,
.why-us .box .text {
    font-size: .875rem;
}


footer {
    background-color: rgba(var(--primary), .1);
}

.footer-phone {
    font-size: 13px;
}

.footer-brands ul li a img {
    width: 48px;
    height: 48px;
}

.footer-brands ul li {
    display: inline-block;
    margin-right: 5px;
}

.footer-links .title {
    color: #172184;
}

.footer-links ul li a {
    font-size: 13px;
    color: #172184;
}

.footer-links ul li a:hover {
    text-decoration: underline;
}

.footer-social ul li {
    display: inline-block;
}

.footer-social ul li a {
    background-color: #fff;
    border: 1px solid #dddd;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    text-align: center;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
}

.footer-bottom {
    font-size: 12px;
}

.footer-bottom p {
    color: #172184;

}


@media (max-width:992px) {
    .header-logo a img {
        height: 60px;
    }


    .footer-logo a img {
        height: 60px;
    }

    .title-section {
        font-size: 30px;
    }

    .shape-1,
    .shape-2 {
        display: none;
    }

    .bg-hero img {
        height: 200px;
        object-fit: contain;
    }

    .bg-hero .hero-title {
        font-size: 30px;
    }

    .bg-hero .over-lay {
        padding: 10px !important;
    }

    .bg-hero .hero-text {
        font-size: 15px;
        padding-left: 210px;
    }

    .solve-problem-box {
        margin-right: 0 !important;
    }
}

.course-title {
    color: rgb(75, 85, 99);
    font-weight: 800;
    font-size: 2.25rem;
}

.course-title strong {
    color: rgb(45, 57, 164);
}

.course-datail-header .buy-link {
    background-color: rgb(51, 64, 186);
    transition: all .3s;
}

.course-datail-header .buy-link:hover {
    background-color: rgb(45, 57, 164) !important;
}


.course-datail-header .buy-link span {
    font-size: 10px;
    color: #172184;
    width: 24px;
    height: 24px;
}

.course-datail-header .bottom-content p {
    font-size: 18px;
    font-weight: 500;
}

.course-datail-header .bottom-content p strong {
    color: rgb(14, 116, 144);

}



.course-datail-header .text-editor p {
    font-weight: 500;
    color: rgb(75, 85, 99);
    font-size: 1.125rem;
}

.course-datail-header .text-editor ul {
    list-style-type: none;
}

.course-datail-header .text-editor ul li {
    position: relative;
    margin-bottom: 0 !important;
    font-size: .75rem;
    height: 22px;
}

.course-datail-header .text-editor ul li::before {
    content: "";
    right: -15px;
    top: 10px;
    position: absolute;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic2l6ZS0zIHRleHQtZ3JheS0zMDAgbWwtMSI+PHBhdGggZD0iTTkuMjY3NTggNS41ODkzN0M5LjY3MjE3IDQuNDA0NTggOS44NzQ0NiAzLjgxMjE5IDEwLjAyMDYgMy41MTc1NUMxMS44NTggLTAuMTg2ODM5IDE3LjE0MTggLTAuMTg2ODM5IDE4Ljk3OTIgMy41MTc1NUMxOS4xMjUzIDMuODEyMTkgMTkuMzI3NiA0LjQwNDU4IDE5LjczMjIgNS41ODkzN0MxOS44MTQyIDUuODI5MzUgMTkuODU1MSA1Ljk0OTM0IDE5Ljg5OTYgNi4wNjE1NkMyMC40MDc4IDcuMzQzODggMjEuNDIzMiA4LjM1OTI3IDIyLjcwNTUgOC44Njc1MUMyMi44MTc4IDguOTExOTkgMjIuOTM3OCA4Ljk1Mjk2IDIzLjE3NzcgOS4wMzQ5MUMyNC4zNjI1IDkuNDM5NSAyNC45NTQ5IDkuNjQxOCAyNS4yNDk2IDkuNzg3OTRDMjguOTU0IDExLjYyNTMgMjguOTU0IDE2LjkwOTEgMjUuMjQ5NiAxOC43NDY1QzI0Ljk1NDkgMTguODkyNyAyNC4zNjI1IDE5LjA5NDkgMjMuMTc3NyAxOS40OTk1QzIyLjkzNzggMTkuNTgxNSAyMi44MTc4IDE5LjYyMjUgMjIuNzA1NSAxOS42NjY5QzIxLjQyMzIgMjAuMTc1MiAyMC40MDc4IDIxLjE5MDYgMTkuODk5NiAyMi40NzI5QzE5Ljg1NTEgMjIuNTg1MSAxOS44MTQyIDIyLjcwNTEgMTkuNzMyMiAyMi45NDUxQzE5LjMyNzYgMjQuMTI5OSAxOS4xMjUzIDI0LjcyMjMgMTguOTc5MiAyNS4wMTY5QzE3LjE0MTggMjguNzIxMyAxMS44NTggMjguNzIxMyAxMC4wMjA2IDI1LjAxNjlDOS44NzQ0NiAyNC43MjIzIDkuNjcyMTcgMjQuMTI5OSA5LjI2NzU4IDIyLjk0NTFDOS4xODU2MyAyMi43MDUxIDkuMTQ0NjUgMjIuNTg1MSA5LjEwMDE3IDIyLjQ3MjlDOC41OTE5NCAyMS4xOTA2IDcuNTc2NTUgMjAuMTc1MiA2LjI5NDIzIDE5LjY2NjlDNi4xODIwMSAxOS42MjI1IDYuMDYyMDIgMTkuNTgxNSA1LjgyMjAzIDE5LjQ5OTVDNC42MzcyNSAxOS4wOTQ5IDQuMDQ0ODYgMTguODkyNyAzLjc1MDIxIDE4Ljc0NjVDMC4wNDU4MjY5IDE2LjkwOTEgMC4wNDU4MjY5IDExLjYyNTMgMy43NTAyMSA5Ljc4Nzk0QzQuMDQ0ODYgOS42NDE4IDQuNjM3MjUgOS40Mzk1IDUuODIyMDMgOS4wMzQ5MUM2LjA2MjAyIDguOTUyOTYgNi4xODIwMSA4LjkxMTk5IDYuMjk0MjMgOC44Njc1MUM3LjU3NjU1IDguMzU5MjcgOC41OTE5NCA3LjM0Mzg4IDkuMTAwMTcgNi4wNjE1NkM5LjE0NDY1IDUuOTQ5MzQgOS4xODU2MyA1LjgyOTM1IDkuMjY3NTggNS41ODkzN1oiIGZpbGw9IiNDQkNGRjEiPjwvcGF0aD48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: cover;
    width: 10px;
    height: 10px;
}


.breadcrumb ul li a {
    color: rgb(107, 114, 128);
    font-weight: 500;
}

.breadcrumb ul li {
    display: inline-block;
    position: relative;
    margin-left: 20px;
}

.breadcrumb ul li::before {
    content: "\f053";
    position: absolute;
    left: -15px;
    color: rgb(107, 114, 128);
    top: 5px;
    font-family: "Font Awesome 6 Pro";
    font-weight: bold;
    font-size: 11px;
}

.breadcrumb ul li:last-child::before {
    content: "";
}

.breadcrumb ul li:last-child a {
    color: rgb(var(--primary));

}


#course-datail-header .shapes-1 svg:last-child {
    transform: rotate(180deg);
}

.title-section-2 {
    color: rgb(75, 85, 99);
    font-size: 1.875rem;
}


.title-section-2 svg:first-child {
    transform: rotate(90deg);
    margin-left: 10px;
}

.title-section-2 svg:last-child {
    transform: rotate(-90deg);
    margin-right: 10px;
}

.solve-problem-box .img-box img {
    width: 112px;
    height: 112px;
    object-fit: cover;
}

.solve-problem-box .content p {
    font-size: 17px;
    color: rgb(25, 32, 92);
}

.solve-problem-box {
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    width: 328px;
    padding: 100px 40px;
    margin-right: -30px;
    height: 554px;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzI4IiBoZWlnaHQ9IjU4NCIgdmlld0JveD0iMCAwIDMyOCA1ODQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZGRfMzk4NF8xOTAzMSkiPjxwYXRoIGQ9Ik0yNzUuNDkxIDkwLjk1OTJDMjgxLjEyOSA3Ni44MzU2IDI2OS44ODcgNzAuMzY5NCAyNjkuODg3IDcwLjM2OTRDMjY5Ljg4NyA3Ny45OTAzIDI2MC4xMzUgODEuNTE1MSAyNTIuMTYgODIuODE1NkMyNDYuOTQzIDgxLjkyNDkgMjQxLjY1MSA4MS41NjY1IDIzNi4zNjQgODEuNzQ2QzIzNC4zMTMgNzIuNzUxNyAyMjYuOTQ2IDQ4LjQ2NjkgMjA1Ljc4NSAzOC44MjgzQzE5MS45OTIgMzIuNTcyOSAxNzkuOTIyIDIyLjk1MDkgMTcwLjY0IDEwLjgxMjFMMTYzLjk4OCAyTDE1Ny4zMzYgMTAuODEyMUMxNDguMDY1IDIyLjk2NzMgMTM1Ljk5MiAzMi41OTk0IDEyMi4xOTEgMzguODUyNkMxMDEuMDE4IDQ4LjUyNzYgOTMuNjYyOCA3Mi44MjQ2IDkxLjYxMjIgODEuNzcwNEM4Ni4zMzM5IDgxLjU4NjEgODEuMDUwNiA4MS45MzYzIDc1Ljg0IDgyLjgxNTZDNjcuODg4NCA4MS41MTUxIDU4LjE0ODQgNzcuOTUzOCA1OC4xNDg0IDcwLjM2OTRDNTguMTQ4NCA3MC4zNjk0IDQ2Ljg5NDQgNzYuODM1NiA1Mi41NDUzIDkwLjkyMjdDMjguMTQxOCAxMDQuMzkgMTIgMTMxLjEwNiAxMiAxNjEuMzQ2VjQwMi42OUMxMiA0MzIuNzQ4IDI3Ljk3NDkgNDU5LjM3OSA1Mi4xOTk1IDQ3Mi44OTVDNTAuNzA2MSA0NzYuMzU4IDUwLjQ4NjYgNDgwLjI1MyA1MS41ODE0IDQ4My44NjdDNTIuNjc2MiA0ODcuNDgxIDU1LjAxMTkgNDkwLjU3MiA1OC4xNjAzIDQ5Mi41NzNDNTguMTYwMyA0ODUuODY0IDY1LjczMDUgNDgyLjMxNSA3Mi45Nzg4IDQ4MC42OThDNzMuNTc0OSA0ODAuODIgNzQuMTU5MSA0ODAuOTUzIDc0Ljc2NzEgNDgxLjA2M0M4MC4zMzA4IDQ4Mi4wODUgODUuOTg2NiA0ODIuNDkzIDkxLjYzNjEgNDgyLjI3OEM5My42NjI3IDQ5MS4xNTEgMTAxLjA3OCA1MTUuNTU3IDEyMi4yMTUgNTI1LjIwOEMxMzYuMDA3IDUzMS40NzYgMTQ4LjA3NiA1NDEuMTA2IDE1Ny4zNiA1NTMuMjQ5TDE2NC4wMTIgNTYyTDE3MC42NjQgNTUzLjI0OUMxNzkuOTM4IDU0MS4wOTYgMTkyLjAxIDUzMS40NjQgMjA1LjgwOSA1MjUuMjA4QzIyNy4wMjkgNTE1LjUzMyAyMzQuMzk3IDQ5MS4xNzUgMjM2LjM4OCA0ODIuMjlDMjQxLjg4NCA0ODIuNTIxIDI0Ny43MDEgNDgyLjA4NCAyNTMuMjU3IDQ4MS4wNzVDMjUzLjg3NyA0ODAuOTUzIDI1NC40NjEgNDgwLjgwOCAyNTUuMDQ1IDQ4MC42OThDMjYyLjI5MyA0ODIuMzM5IDI2OS44OTkgNDg1Ljg2NCAyNjkuODk5IDQ5Mi41OTdDMjY5Ljg5OSA0OTIuNTk3IDI4MC42NTMgNDg2LjM4NyAyNzUuODYgNDcyLjkwN0MzMDAuMDYxIDQ1OS4zNjcgMzE2IDQzMi43MzYgMzE2IDQwMi43MDJWMTYxLjM0NkMzMTUuOTc2IDEzMS4xMyAyOTkuODU4IDEwNC40MTQgMjc1LjQ5MSA5MC45NTkyWiIgZmlsbD0iI0U3RTlGOCI+PC9wYXRoPjxwYXRoIGQ9Ik0yNzEuNzc2IDg5LjQ3NkwyNzAuNDY3IDkyLjc1NDVMMjczLjU1NyA5NC40NjA4QzI5Ni42MjEgMTA3LjE5NiAzMTEuOTc3IDEzMi41NTQgMzEyIDE2MS4zNDlWNDAyLjcwMkMzMTIgNDMxLjMyMiAyOTYuODE1IDQ1Ni42IDI3My45MDcgNDY5LjQxNkwyNzAuOTYgNDcxLjA2NUwyNzIuMDkxIDQ3NC4yNDdDMjczLjk0NiA0NzkuNDY1IDI3Mi45IDQ4My4wMTIgMjcxLjUxOCA0ODUuMzE0QzI3MC4zOTYgNDgzLjc2NyAyNjguOTcyIDQ4Mi40ODIgMjY3LjQ1NSA0ODEuNDQxQzI2NC4wNTIgNDc5LjEwNCAyNTkuNzgxIDQ3Ny42NjkgMjU1LjkyOCA0NzYuNzk3TDI1NS4xMjIgNDc2LjYxNEwyNTQuMzA5IDQ3Ni43NjZDMjUzLjk0NiA0NzYuODM0IDI1My41OTYgNDc2LjkxMSAyNTMuMzA0IDQ3Ni45NzZDMjUzLjAwNSA0NzcuMDQyIDI1Mi43NiA0NzcuMDk2IDI1Mi41MTQgNDc3LjE0NEMyNDcuMjM3IDQ3OC4xMDEgMjQxLjcyNiA0NzguNTExIDIzNi41NTYgNDc4LjI5NEwyMzMuMjE2IDQ3OC4xNTRMMjMyLjQ4NSA0ODEuNDE2QzIzMS41NCA0ODUuNjMzIDIyOS4zMTEgNDkzLjUzNiAyMjQuODI1IDUwMS40ODhDMjIwLjM0IDUwOS40NDEgMjEzLjc0MSA1MTcuMTk2IDIwNC4xNSA1MjEuNTY4QzE4OS43NDYgNTI4LjEgMTc3LjE1MyA1MzguMTUxIDE2Ny40ODQgNTUwLjgyMkwxNjcuNDggNTUwLjgyOEwxNjQuMDEyIDU1NS4zOUwxNjAuNTQ0IDU1MC44MjhMMTYwLjUzNyA1NTAuODE5QzE1MC44NTkgNTM4LjE2IDEzOC4yNzEgNTI4LjExMyAxMjMuODc2IDUyMS41NjlDMTE0LjMyOSA1MTcuMjEgMTA3LjczOCA1MDkuNDUyIDEwMy4yNDMgNTAxLjQ4NkM5OC43NDk2IDQ5My41MjIgOTYuNDk5MiA0ODUuNjA2IDk1LjUzNTYgNDgxLjM4OEw5NC43OTczIDQ3OC4xNTVMOTEuNDg0MiA0NzguMjgxQzg2LjEyNzkgNDc4LjQ4NSA4MC43NjU2IDQ3OC4wOTggNzUuNDkwMSA0NzcuMTI5TDc1LjQ4MjcgNDc3LjEyN0w3NS40NzU0IDQ3Ny4xMjZDNzUuMTI3IDQ3Ny4wNjMgNzQuODMzOSA0NzcuMDAxIDc0LjQ4NDQgNDc2LjkyN0M3NC4yNzY3IDQ3Ni44ODIgNzQuMDQ5IDQ3Ni44MzQgNzMuNzc4IDQ3Ni43NzlMNzIuOTQxNCA0NzYuNjA4TDcyLjEwODEgNDc2Ljc5NEM2OC4yNDQgNDc3LjY1NiA2My45Nzg3IDQ3OS4wOTIgNjAuNTgyMSA0ODEuNDMyQzU5LjA3MzMgNDgyLjQ3MSA1Ny42NTc1IDQ4My43NTIgNTYuNTQxMyA0ODUuMjkxQzU2LjA2NzggNDg0LjQ4NyA1NS42ODYyIDQ4My42MjEgNTUuNDA5NiA0ODIuNzA4QzU0LjU4ODMgNDc5Ljk5NiA1NC43NTM4IDQ3Ny4wNzMgNTUuODcyNSA0NzQuNDc5TDU3LjMwMzIgNDcxLjE2Mkw1NC4xNDg1IDQ2OS40MDJDMzEuMjE4NSA0NTYuNjA4IDE2IDQzMS4zMzEgMTYgNDAyLjY5VjE2MS4zNDZDMTYgMTMyLjUzMSAzMS4zNzcgMTA3LjE3MyA1NC40Nzc5IDk0LjQyNDhMNTcuNTc0NCA5Mi43MTZMNTYuMjU3NyA4OS40MzM1QzUzLjk4NDggODMuNzY3MiA1NS4wOTkzIDgwLjAwNDkgNTYuNTI1NiA3Ny42MzdDNTcuOTg4NiA3OS42NDk3IDU5Ljk2NzUgODEuMjE5OCA2MS45OTYzIDgyLjQwMzhDNjYuMDIyNyA4NC43NTM0IDcwLjk4NjIgODYuMDc0OSA3NS4xOTQ0IDg2Ljc2MzJMNzUuODUwMyA4Ni44NzA1TDc2LjUwNTcgODYuNzU5OUM4MS40NTA1IDg1LjkyNTQgODYuNDY0IDg1LjU5MzEgOTEuNDcyNyA4NS43Njc5TDk0Ljc3MzMgODUuODgzMUw5NS41MTExIDgyLjY2NEM5Ni40ODc5IDc4LjQwMjUgOTguNzI5OSA3MC40OTY3IDEwMy4yMTQgNjIuNTUxQzEwNy42OTkgNTQuNjA1NCAxMTQuMjgyIDQ2Ljg2NjIgMTIzLjg0OCA0Mi40OTMxQzEzOC4yNTUgMzUuOTY0MiAxNTAuODQ5IDI1LjkxMjUgMTYwLjUxNiAxMy4yMzc5TDE2MC41MjIgMTMuMjNMMTYwLjUyOCAxMy4yMjIxTDE2My45ODggOC42MzkwMUwxNjcuNDQ4IDEzLjIyMjFMMTY3LjQ1NSAxMy4yMzE5TDE2Ny40NjMgMTMuMjQxNkMxNzcuMTQgMjUuODk4OCAxODkuNzMyIDM1LjkzOTQgMjA0LjEzIDQyLjQ2OThDMjEzLjY4OSA0Ni44MjUgMjIwLjI3MiA1NC41NTE3IDIyNC43NTggNjIuNDk1NUMyMjkuMjQzIDcwLjQzOTEgMjMxLjQ4OCA3OC4zNTI5IDIzMi40NjQgODIuNjM1MUwyMzMuMTk4IDg1Ljg1NThMMjM2LjUgODUuNzQzN0MyNDEuNTE2IDg1LjU3MzQgMjQ2LjUzNiA4NS45MTM0IDI1MS40ODcgODYuNzU4NkwyNTIuMTQ1IDg2Ljg3MDlMMjUyLjgwNCA4Ni43NjM1QzI1Ny4wMTcgODYuMDc2NSAyNjEuOTkgODQuNzY1NyAyNjYuMDI0IDgyLjQyMUMyNjguMDYxIDgxLjIzNzIgMjcwLjA0NSA3OS42NjYxIDI3MS41MSA3Ny42NDk0QzI3Mi45MzQgODAuMDIzNCAyNzQuMDQzIDgzLjc5NjEgMjcxLjc3NiA4OS40NzZaIiBzdHJva2U9IiNGM0Y0RkMiIHN0cm9rZS13aWR0aD0iOCI+PC9wYXRoPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzM5ODRfMTkwMzEiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMjgiIGhlaWdodD0iNTg0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiPjwvZmVGbG9vZD48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiPjwvZmVDb2xvck1hdHJpeD48ZmVNb3JwaG9sb2d5IHJhZGl1cz0iMiIgb3BlcmF0b3I9ImVyb2RlIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzM5ODRfMTkwMzEiPjwvZmVNb3JwaG9sb2d5PjxmZU9mZnNldCBkeT0iNCI+PC9mZU9mZnNldD48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIj48L2ZlR2F1c3NpYW5CbHVyPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA1IDAiPjwvZmVDb2xvck1hdHJpeD48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zOTg0XzE5MDMxIj48L2ZlQmxlbmQ+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIj48L2ZlQ29sb3JNYXRyaXg+PGZlTW9ycGhvbG9neSByYWRpdXM9IjMiIG9wZXJhdG9yPSJlcm9kZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImVmZmVjdDJfZHJvcFNoYWRvd18zOTg0XzE5MDMxIj48L2ZlTW9ycGhvbG9neT48ZmVPZmZzZXQgZHk9IjEwIj48L2ZlT2Zmc2V0PjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjcuNSI+PC9mZUdhdXNzaWFuQmx1cj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiPjwvZmVDb2xvck1hdHJpeD48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzM5ODRfMTkwMzEiIHJlc3VsdD0iZWZmZWN0Ml9kcm9wU2hhZG93XzM5ODRfMTkwMzEiPjwvZmVCbGVuZD48ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDJfZHJvcFNoYWRvd18zOTg0XzE5MDMxIiByZXN1bHQ9InNoYXBlIj48L2ZlQmxlbmQ+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==");
}

.solve-problem-box .content .title {
    font-weight: 600;
    color: rgb(25, 32, 92);
}

#section-1 .content .title {
    color: rgb(75, 85, 99);
}

#section-1 .content .text {
    font-size: 20px;
    line-height: 27px;
    color: rgb(71, 85, 105);
}


/* #section-1 .content .shapes-2 .shape-1 {
    position: absolute;
    top: 40%;
    right: 0;
}

#section-1 .content .shapes-2 .shape-2 {
    position: absolute;
    top: 40%;
    left: 0;
} */



/* Track */
.headline-box .inner ul::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.headline-box .inner ul::-webkit-scrollbar-thumb {
    background: #CBCFF1;
    border-radius: 5px;
}



.headline-box .inner ul::-webkit-scrollbar {
    width: 5px;
}

.headline-box .inner ul::-webkit-scrollbar-thumb:hover {
    background-color: #172184;
}


.headline-box .inner ul {
    list-style-type: disc !important;
    padding-right: 18px;
    height: 320px;
}

.headline-box .inner ul li {
    margin-bottom: 10px;
    font-size: 18px;
}

#text .content .title span {
    color: rgb(var(--primary));
}

#text .content .text {
    font-size: 1.5rem;
    color: rgb(75, 85, 99);
}


#section-2 .content .title {
    color: rgb(var(--primary));
}

#section-2 .content .text {
    color: rgb(55, 65, 81);
    font-size: 1.25rem;
    font-weight: 500;
}



#section-3 .text-editor p {
    color: rgb(75, 85, 99);
    font-size: 14px;
    line-height: 20px;
}


#about-teacher .teacher-img-box {
    background-repeat: no-repeat;
    background-size: contain;
    width: 256px;
    height: 256px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzOS42NzQgMTM5LjU2MUwyMzkuMDA2IDEzOS43ODZMMjM5LjAwNiAxMTMuNDczTDIzOS42NzYgMTEzLjcwNUMyMzkuNjkgMTEzLjcxMSAyMzkuNzA0IDExMy43MTcgMjM5LjcxOSAxMTMuNzIyQzI0MC4zNzkgMTEzLjk1OCAyNDMuMTY4IDExNS4xNjMgMjQ0LjE4MiAxMTguOTRDMjQ0Ljk4MyAxMjEuOTYyIDI0Ni4yMTggMTI0LjYwNCAyNDcuNzc3IDEyNi42MzFDMjQ2LjIyIDEyOC42NjIgMjQ0Ljk4NSAxMzEuMzA0IDI0NC4xODIgMTM0LjMyM0MyNDMuMTcxIDEzOC4xMDggMjQwLjM4NCAxMzkuMzA1IDIzOS43MTkgMTM5LjU0MkwyMzkuNjc0IDEzOS41NjFaIiBmaWxsPSIjMzM0MEJBIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4yMjkgMTI2LjYyOUgyNTYiIHN0cm9rZT0iIzMzNDBCQSI+PC9wYXRoPjxwYXRoIGQ9Ik0xOC44NTc3IDExMy42OThMMTkuNzM0NCAxMTMuNDczTDE5LjczNDQgMTM5Ljc4NkwxOC44NTU4IDEzOS41NTRDMTguODM3MiAxMzkuNTQ4IDE4LjgxODUgMTM5LjU0MiAxOC43OTk2IDEzOS41MzdDMTcuOTMyMyAxMzkuMzAxIDE0LjI3MTcgMTM4LjA5NiAxMi45NDE2IDEzNC4zMTlDMTEuODkwNCAxMzEuMjk3IDEwLjI2OTIgMTI4LjY1NSA4LjIyMjY2IDEyNi42MjhDMTAuMjY2MyAxMjQuNTk3IDExLjg4NjkgMTIxLjk1NSAxMi45NDE2IDExOC45MzZDMTQuMjY4IDExNS4xNTEgMTcuOTI2NiAxMTMuOTU0IDE4Ljc5OTYgMTEzLjcxN0wxOC44NTc3IDExMy42OThaIiBmaWxsPSIjMzM0MEJBIj48L3BhdGg+PHBhdGggZD0iTTguNzcwODcgMTI2LjYyOUwtMy44MTQ3ZS0wNiAxMjYuNjI5IiBzdHJva2U9IiMzMzQwQkEiPjwvcGF0aD48cGF0aCBkPSJNMTQyLjMwMiAxNi4zMjU1TDE0Mi41MjcgMTYuOTkzNUgxMTYuMjE0TDExNi40NDYgMTYuMzI0MUMxMTYuNDUyIDE2LjMwOTkgMTE2LjQ1OCAxNi4yOTU3IDExNi40NjMgMTYuMjgxM0MxMTYuNjk5IDE1LjYyMDUgMTE3LjkwNCAxMi44MzE1IDEyMS42ODEgMTEuODE4MUMxMjQuNzAzIDExLjAxNzIgMTI3LjM0NSA5Ljc4MTkxIDEyOS4zNzIgOC4yMjI2NkMxMzEuNDAzIDkuNzc5NzEgMTM0LjA0NSAxMS4wMTQ1IDEzNy4wNjQgMTEuODE4MUMxNDAuODQ5IDEyLjgyODYgMTQyLjA0NiAxNS42MTYyIDE0Mi4yODMgMTYuMjgxM0wxNDIuMzAyIDE2LjMyNTVaIiBmaWxsPSIjMzM0MEJBIj48L3BhdGg+PHBhdGggZD0iTTEyOS4zNyAwTDEyOS4zNyA4Ljc3MDg4IiBzdHJva2U9IiMzMzQwQkEiPjwvcGF0aD48cGF0aCBkPSJNMTE2LjQzOSAyMzcuMTQyTDExNi4yMTQgMjM2LjI2NkwxNDIuNTI3IDIzNi4yNjZMMTQyLjI5NSAyMzcuMTQ0QzE0Mi4yODkgMjM3LjE2MyAxNDIuMjgzIDIzNy4xODIgMTQyLjI3OCAyMzcuMkMxNDIuMDQxIDIzOC4wNjggMTQwLjgzNyAyNDEuNzI4IDEzNy4wNiAyNDMuMDU4QzEzNC4wMzggMjQ0LjExIDEzMS4zOTYgMjQ1LjczMSAxMjkuMzY5IDI0Ny43NzdDMTI3LjMzOCAyNDUuNzM0IDEyNC42OTYgMjQ0LjExMyAxMjEuNjc2IDI0My4wNThDMTE3Ljg5MiAyNDEuNzMyIDExNi42OTUgMjM4LjA3MyAxMTYuNDU4IDIzNy4yTDExNi40MzkgMjM3LjE0MloiIGZpbGw9IiMzMzQwQkEiPjwvcGF0aD48cGF0aCBkPSJNMTI5LjM3IDI1NkwxMjkuMzcgMjQ3LjIyOSIgc3Ryb2tlPSIjMzM0MEJBIj48L3BhdGg+PHBhdGggZD0iTTI0LjExOTggMzMuMzc5MkMyNC4xMTk4IDI2Ljc1MTcgMjkuNDkyMyAyMS4zNzkyIDM2LjExOTggMjEuMzc5MkgyMjIuNjIxQzIyOS4yNDggMjEuMzc5MiAyMzQuNjIxIDI2Ljc1MTcgMjM0LjYyMSAzMy4zNzkyVjIxOS44OEMyMzQuNjIxIDIyNi41MDggMjI5LjI0OCAyMzEuODggMjIyLjYyMSAyMzEuODhIMzYuMTE5OEMyOS40OTIzIDIzMS44OCAyNC4xMTk4IDIyNi41MDggMjQuMTE5OCAyMTkuODhWMzMuMzc5MloiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF8yOTk5XzEwMzkzKSI+PC9wYXRoPjxyZWN0IHg9Ii0yIiB5PSIyIiB3aWR0aD0iMjA2LjUwMSIgaGVpZ2h0PSIyMDYuNTAxIiByeD0iMTAiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDIzMC42MjEgMjEuMzc5MikiIHN0cm9rZT0iI0ZGRjdFRCIgc3Ryb2tlLXdpZHRoPSI0Ij48L3JlY3Q+PHJlY3QgeD0iMjEuNjE5OCIgeT0iMTguODc5MiIgd2lkdGg9IjIxNS41MDEiIGhlaWdodD0iMjE1LjUwMSIgcng9IjE0LjUiIHN0cm9rZT0iIzMzNDBCQSIgc3Ryb2tlLXdpZHRoPSI1Ij48L3JlY3Q+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzI5OTlfMTAzOTMiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjM3IDEyNi42Mykgcm90YXRlKDkwKSBzY2FsZSgxMDUuMjUxKSI+PHN0b3Agc3RvcC1jb2xvcj0iI0NCQ0ZGMSI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIwMjg3NCI+PC9zdG9wPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=');
}

#about-teacher .teacher-img-box img {
    width: 174px;
    height: 174px;
}

@media (max-width:992px) {
    .shapes-1 svg {
        width: 140px;
        margin: 5px !important;
    }

    .shapes-1 svg:nth-child(2) {
        width: 29px;
    }

    .title-section-2  svg {
        width: 43px;
        height: 20px;
    }


    .title-section-2 {
        font-size: 25px;
    }
}