/* For XXL Screen (768p(1366 x 768) above - 1080p , 1920 x 1080) */
@media (min-width: 1399.99px) {
    .home-feature-head.mobile {
        display: none;
    }
}

@media (max-width: 1599.99px) {
    .home-decorate-img-rocket {
        top: 12%;
        left: 10%;
        width: clamp(100px, 12vw, 150px);
    }

    .home-decorate-img-parachute {
        top: 12%;
        left: 32%;
        width: clamp(80px, 12vw, 120px);
    }

    .home-decorate-img-clouds {
        height: clamp(90px, 15vw, 130px);
    }

    .home-decorate-img-bird {
        top: 28%;
    }

    .swiper-nav-button.prev {
        left: -60px;
    }

    .swiper-nav-button.next {
        right: -60px;
    }
}

/* For XL Screen (Laptop - HD Ready Display) */
@media only screen and (min-width: 1199.9px) and (max-width: 1399.98px) {
    .nav-header-link-area ul li .nav-header-link {
        font-size: 16px !important;
    }

    /*  */

    .solution-tab-article p,
    .sqill-button {
        font-size: 16px !important;
    }

    .solution-nav-link h6,
    .sqill-price-menu-article h6 {
        font-size: 18px !important;
    }

    .solution-nav-link p,
    .sqill-price-menu-article p {
        font-size: 15px !important;
    }

    .solution-nav-link img,
    .sqill-price-menu-article img {
        width: 130px !important;
    }

    .solution-tab-article h5 {
        font-size: 23px;
    }

    .solution-content-tab::before {
        width: 60px;
        height: 60px;
        left: 11%;
    }

    /*  */

    .home-decorate-img-tube {
        width: clamp(10px, 6vw, 115px);
        bottom: 18%;
    }

    /* 
    .home--hero-area .home--hero-img {
        padding-top: 250px;
    } */

    .hero-area-title {
        font-size: clamp(22px, 2.8vw, 35px);
    }

    .hero-area--sub-title {
        font-size: clamp(15px, 2vw, 16px);
    }

    .home-decorate-img-clouds {
        top: 15%;
        height: clamp(90px, 12vw, 110px);
    }

    .hero-area-title-area {
        top: 55% !important;
    }

    .home-decorate-img-rocket {
        top: 13% !important;
        left: 12% !important;
        width: clamp(100px, 10.5vw, 170px);
    }

    .home-decorate-img-parachute {
        top: 10%;
        left: 33%;
        width: clamp(80px, 9vw, 120px);
    }

    .home-decorate-img-bird {
        top: 30%;
        right: 30%;
        z-index: 1;
        width: clamp(60px, 10vw, 80px);
    }

    .section-padding {
        padding: 80px 0;
    }

    .home-solution-head,
    .home-feature-head,
    .home-author-head,
    .home-sqill-head,
    .about-sqill-sub-head {
        font-size: clamp(20px, 3vw, 30px);
    }

    .home-sqill-head {
        margin-bottom: 80px;
    }

    .home-solution-card-top-icon img {
        width: 45px;
    }

    .home-solution-card-area {
        margin-top: 100px;
    }

    .home-solution-btn {
        font-size: 16px;
    }

    .solution-secton-oval2 {
        right: 5%;
        top: 10%;
    }

    .home-solution-card-content-area p {
        font-size: 16px;
        height: 80px;
    }

    .solution-secton-oval1 {
        left: 3%;
        bottom: 0%;
    }

    .home-feature-head.mobile {
        display: none;
    }

    .home-feature-collapse-toggle {
        font-size: 20px;
        padding: 20px 0;
    }

    .home-feature-collapse-area {
        font-size: 16px;
    }

    .home-features-img-area::after {
        width: 58px;
        height: 58px;
        right: 19%;
    }

    .home-features-img-area img {
        max-width: 85%;
    }

    .home-sqill-img-area img {
        width: 70px;
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-why-sqill-title {
        font-size: 23px;
    }

    .home-why-sqill-para {
        font-size: 16px;
    }

    .home-sqill-img-area.green .yellow-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-img-area.green .yellow-oval,
    .home-sqill-img-area.green .blue-oval,
    .home-sqill-img-area.green .green-oval {
        width: 70px;
        height: 70px;
    }

    /*  */

    .home-testimonial-slider-area {
        padding-bottom: 10px;
    }

    .swiper-pagination-area .swiper-pagination {
        padding-bottom: 0;
    }

    /*  */

    .home-accreditation-img {
        height: 65px;
    }

    .home-test-prof-about {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .home-testimonial-card .quote-mark {
        font-size: 180px;
    }

    /*  */
    .scrollToTopBtn {
        line-height: 45px;
        width: 45px;
    }

    /*  */

    .about-init-section {
        padding-top: 130px;
        padding-bottom: 0;
    }

    .contact-init-section,
    .career-detail-init-section,
    .faq-init-section,
    .privacy-init-section,
    .blog-init-section,
    .blog-detail-init-section,
    .pricing-init-section {
        padding-top: 150px;
    }

    .ab-course-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ab-course-para {
        font-size: 16px;
    }

    .faq-init-section {
        padding-bottom: 150px;
    }

    .about-sqill-head,
    .contact-head {
        font-size: clamp(20px, 2.6vw, 48px);
    }

    .about-sqill-para {
        font-size: 16px;
    }

    .about-init-image-area div::after,
    .career-init-image-area div::before {
        width: 60px;
        height: 60px;
    }

    /*  */
    .about-sqill-sub-para,
    .about-sqill-sub-list li {
        font-size: 16px;
    }

    .about-sqill-sub-list-head {
        font-size: 22px;
        margin-top: 25px;
    }

    .about-sqill-sub-list li::marker {
        font-size: 20px;
    }

    /*  */
    .about-sqill-achieve-card h4 {
        font-size: 23px;
    }

    .about-sqill-achieve-card p {
        height: 106px;
    }

    .about-sqill-achieve-para,
    .about-sqill-achieve-card p {
        font-size: 16px;
    }

    /*  */
    .contact-form-label,
    .resume-upload-label {
        font-size: 15px;
    }

    .get-in-touch-para,
    .get-in-touch-button {
        font-size: 16px;
    }

    /*  */
    .contact-init-section {
        padding-top: 150px;
    }

    .contact-para,
    .contact-form-input,
    .contact-check-label {
        font-size: 16px;
    }

    .contact-link-area div h6 {
        font-size: 15px;
    }

    .contact-link-area div a {
        font-size: 20px;
    }

    .contact-check-input {
        width: 22px;
        height: 22px;
    }

    .contact-link-area img {
        width: 45px;
    }

    /*  */
    .carrer-role-department,
    .carrer-role-location {
        font-size: 16px;
    }

    .carrer-role-position {
        font-size: 18px;
    }

    .carrer-role-area::before,
    .career-job-form-area::after {
        width: 40px;
        height: 40px;
    }

    .career-job-form-area::before {
        width: 60px;
        height: 60px;
    }

    .carrer-role-area::after {
        width: 55px;
        height: 55px;
        bottom: -8%;
        right: -6%;
    }

    .file-clear-button {
        font-size: 14px;
    }

    /*  */
    .career-detail-head-section,
    .blog-detail-head-section,
    .privacy-head-section {
        padding-bottom: 0;
    }

    .about-career-area h6,
    .about-career-area span {
        font-size: 15px;
    }

    .career-detail-head-section::before {
        width: 40px;
        height: 40px;
        left: 50%;
    }

    .career-detail-head-section::after {
        width: 60px;
        height: 60px;
        bottom: 10%;
        left: 35%;
    }

    /*  */
    .form-search-input {
        font-size: 16px;
    }

    .faq-accordion-body,
    .faq-accordion-button {
        padding: 25px 40px !important;
    }

    .faq-nav-link img {
        height: 50px !important;
    }

    /*  */

    .privacy-head-section::before {
        width: 60px;
        height: 60px;
        top: -7%;
    }

    .privacy-head-section::after {
        width: 40px;
        height: 40px;
        bottom: 0%;
    }

    .privacy-link {
        font-size: 16px;
        padding: 15px 25px;
    }

    .term-content .term-content-head {
        font-size: 18px;
    }

    .term-content p,
    .term-content ul li {
        font-size: 15px;
    }

    .term-content ul li::marker {
        font-size: 18px;
    }

    /*  */

    .blog-head-area:after {
        width: 60px;
        height: 60px;
        top: 15%;
    }

    .blog-nav-link {
        font-size: 18px !important;
    }

    .blog-nav-item {
        padding: 0 35px;
    }

    .blog-article-card {
        padding: 35px 50px;
    }

    .blog-article-card .blog-title {
        font-size: 18px;
    }

    .blog-article-card .blog-date-name {
        font-size: 15px;
    }

    .goto-link-button {
        font-size: 16px;
    }

    .blog-pagination .blog-page-item .blog-page-link {
        font-size: 18px !important;
    }

    .blog-tab-content-area::after {
        width: 55px;
        height: 55px;
        right: -4%;
    }

    /*  */
    .blog-det-date-name {
        font-size: 16px;
    }

    /*  */
    .home-author-img-area img {
        width: 100%;
        height: 160px;
    }

    /*  */
    .pricing-detail-card-header h6 {
        font-size: 18px;
    }

    .pricing-detail-card-header h2,
    .pricing-detail-card-header span {
        font-size: 38px;
    }

    .price-detail-card-container {
        padding: 0 25px;
    }

    .pricing-detail-card-header .price-label::after {
        right: -16px;
    }

    /*  */
    .contact-form-question {
        font-size: 17px;
    }

    .contact-img-area img {
        max-width: 75%;
    }

    /*  */
    .blog-tabs-section {
        padding-top: 60px;
    }

    /*  */
    .grades-card h5 {
        font-size: 18px;
    }

    .grades-card h6 {
        font-size: 16px;
    }

    .grades-card-container .grades-card {
        height: 170px;
    }

    .grades-card::after {
        border-left-width: 35px;
        right: -34px;
        border-bottom: 35px solid transparent;
        border-top: 35px solid transparent;
    }

    .grades-card-container {
        padding: 0 40px;
    }

    /*  */
    .lesson-video-desc {
        font-size: 16px;
        height: 75px;
    }

    .lesson-video-title {
        font-size: 18px;
    }

    .aff-subject-card img {
        height: 65px;
    }

    .aff-subject-para {
        height: 75px;
    }

    .about-init-image-area .bg-circle-img {
        max-width: 72%;
    }

    .examboard-img-container {
        width: 260px;
        height: 70px;
    }

    .examboard-img-container img {
        max-height: 70px;
    }

    /*  */
    .circle-section {
        outline-width: 16px;
    }

    .circle-center-tab-btn {
        border-width: 16px;
    }

    .circle-tab-button.mathematics {
        border-right-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.english {
        border-left-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.non-verbal {
        border-right-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button.verbal {
        border-left-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button .circle-title {
        font-size: 18px;
    }

    .canter-circle-title {
        font-size: 45px;
    }

    /*  */
    .home-subject-card-section::before {
        height: 45px;
        width: 45px;
    }

    .home-subject-card-section::after {
        width: 62px;
        height: 62px;
    }

    .home-hero-image-area {
        margin-top: 230px;
    }

    .home-hero-image-area .home-bg-circle {
        max-width: 87%;
    }

    .home-hero-image-area .hero-img {
        width: 87%;
    }

    .hero-dec-img-2 {
        width: 75px;
    }

    .hero-dec-img-3 {
        width: 76px;
    }

    .hero-dec-img-1 {
        width: 60px;
    }

    .hero-dec-img-4 {
        width: 35px;
    }

    /*  */
    .signin-title {
        font-size: 30px;
    }

    .signin-sub-title {
        font-size: 18px;
    }

    .signin-init-section {
        padding-top: 120px;
    }
}

/* For LG (Large) Screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-header-link-area ul li .nav-header-link {
        font-size: 16px !important;
    }

    .nav-logo-area .nav--logo {
        width: 110px;
    }

    .nav--area {
        padding: 20px 0;
    }

    /* .home--hero-area .home--hero-img {
        padding-top: 220px;
    } */

    /*  */

    .home-decorate-img-clouds {
        height: clamp(90px, 8vw, 100px);
        top: 18%;
    }

    .home-decorate-img-parachute {
        top: 15%;
        left: 33%;
        width: clamp(80px, 12vw, 90px);
    }

    .home-decorate-img-rocket {
        top: 16%;
        left: 10%;
        width: clamp(100px, 10vw, 130px);
    }

    .home-decorate-img-bird {
        top: 30%;
        right: 30%;
        z-index: 1;
        width: clamp(40px, 9vw, 60px);
    }

    .solution-tab-article p,
    .sqill-button {
        font-size: 16px !important;
    }

    .solution-nav-link h6,
    .sqill-price-menu-article h6 {
        font-size: 18px !important;
    }

    .solution-nav-link p,
    .sqill-price-menu-article p {
        font-size: 15px !important;
    }

    .solution-nav-link img,
    .sqill-price-menu-article img {
        width: 130px !important;
    }

    .solution-tab-article h5 {
        font-size: 23px;
    }

    .solution-content-tab::before {
        width: 60px;
        height: 60px;
        left: 11%;
    }

    /*  */
    .hero-area-title-area {
        top: 55% !important;
    }

    .hero-area-title {
        font-size: clamp(22px, 2.8vw, 38px);
    }

    .nav-header-link.has-sub-menu {
        text-wrap: nowrap;
    }

    .home-decorate-img-sun {
        top: 23%;
        width: clamp(50px, 7vw, 144px);
    }

    .nav-header-link-area ul li .nav-header-link {
        font-size: 16px !important;
    }

    .nav-header-link.is-button {
        padding: 8px 28px;
        font-size: 15px !important;
    }

    .section-padding {
        padding: 80px 0;
    }

    .home-solution-head,
    .home-feature-head,
    .home-sqill-head,
    .about-sqill-sub-head {
        font-size: clamp(20px, 2.6vw, 30px);
    }

    .home-sqill-head {
        margin-bottom: 70px;
    }

    .home-author-head {
        font-size: clamp(20px, 3vw, 28px);
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-author-right-area::after {
        top: -10%;
        right: -9%;
        width: 42px;
        height: 42px;
    }

    .home-author-right-area::before {
        width: 32px;
        height: 32px;
        bottom: 15%;
        left: -5%;
    }

    .home-solution-card-top-icon {
        width: 90px;
        height: 90px;
    }

    .home-solution-card-top-icon img {
        width: 40px;
    }

    .home-solution-card-content-area p {
        font-size: 16px;
        height: 80px;
    }

    .home-solution-card-area {
        margin-top: 100px;
    }

    .home-solution-btn {
        font-size: 16px;
        padding: 10px 20px;
    }

    .solution-secton-oval2 {
        right: 5%;
        top: 10%;
        width: 60px;
        height: 60px;
    }

    .solution-secton-oval1 {
        left: 3%;
        bottom: 0%;
        width: 40px;
        height: 40px;
    }

    .home-feature-head.mobile {
        display: none;
    }

    .home-feature-collapse-toggle {
        font-size: 18px;
        padding: 23px 0;
    }

    .home-feature-collapse-area {
        font-size: 16px;
    }

    .home-feature-content-area {
        margin-top: 30px;
    }

    .home-features-img-area::before {
        width: 42px;
        height: 42px;
    }

    .home-features-img-area::after {
        width: 55px;
        height: 55px;
        right: 18%;
    }

    .home-features-img-area img {
        max-width: 88%;
    }

    .home-sqill-img-area img {
        width: 70px;
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-why-sqill-title {
        font-size: 23px;
    }

    .home-why-sqill-para {
        font-size: 16px;
    }

    .home-sqill-img-area.green .yellow-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-img-area.green .yellow-oval,
    .home-sqill-img-area.green .blue-oval,
    .home-sqill-img-area.green .green-oval {
        width: 70px;
        height: 70px;
    }

    /*  */

    .home-testimonial-slider-area {
        padding-bottom: 10px;
    }

    .swiper-pagination-area .swiper-pagination {
        padding-bottom: 0;
    }

    /*  */

    .home-accreditation-img {
        height: 60px;
    }

    .home-test-review {
        font-size: 16px;
    }

    .home-test-prof-about {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .home-testimonial-card .quote-mark {
        font-size: 180px;
    }

    /*  */
    .scrollToTopBtn {
        line-height: 45px;
        width: 45px;
    }

    /*  */

    .about-sqill-head {
        font-size: clamp(20px, 2.8vw, 48px);
    }

    .about-sqill-para {
        font-size: 16px;
    }

    /*  */
    .about-init-section,
    .career-detail-init-section,
    .faq-init-section,
    .privacy-init-section,
    .blog-init-section,
    .blog-detail-init-section,
    .pricing-init-section {
        padding-top: 130px;
    }

    .ab-course-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .course-image-area img {
        max-height: 300px;
        width: 100%;
    }

    .ab-course-para {
        font-size: 16px;
    }

    .ab-course-content-area {
        padding: 20px 10px 10px 10px;
    }

    .about-init-section {
        padding-bottom: 0;
    }

    .head-padding-top {
        padding-top: 60px;
    }

    .faq-init-section {
        padding-bottom: 130px;
    }

    .faq-nav-link {
        padding: 35px 35px 25px 35px !important;
    }

    .about-sqill-sub-para,
    .about-sqill-sub-list li {
        font-size: 16px;
    }

    .about-sqill-sub-list-head {
        font-size: 22px;
        margin-top: 25px;
    }

    .about-sqill-sub-list li::marker {
        font-size: 20px;
    }

    .about-sqill-sub-image-area2 div::after {
        width: 60px;
        height: 60px;
    }

    /*  */
    .about-sqill-achieve-card h4 {
        font-size: 22px;
    }

    .about-sqill-achieve-para,
    .about-sqill-achieve-card p {
        font-size: 16px;
    }

    /*  */
    .get-in-touch-para,
    .get-in-touch-button {
        font-size: 16px;
    }

    /*  */
    .contact-form-label,
    .resume-upload-label {
        font-size: 15px;
    }

    .contact-init-section {
        padding-top: 150px;
    }

    .contact-para,
    .contact-form-input,
    .contact-check-label {
        font-size: 16px;
    }

    .contact-link-area div h6 {
        font-size: 15px;
    }

    .contact-link-area div a {
        font-size: 18px;
    }

    .contact-check-input {
        width: 22px;
        height: 22px;
    }

    .contact-link-area img {
        width: 45px;
    }

    /*  */

    .carrer-role-card {
        padding: 20px;
    }

    .carrer-role-department,
    .carrer-role-location {
        font-size: 15px;
    }

    .carrer-role-position {
        font-size: 18px;
    }

    .carrer-role-area::before,
    .career-job-form-area::after {
        width: 40px;
        height: 40px;
    }

    .career-job-form-area::before {
        width: 60px;
        height: 60px;
    }

    .carrer-role-area::after {
        width: 55px;
        height: 55px;
        bottom: -8%;
        right: -6%;
    }

    .file-clear-button {
        font-size: 14px;
    }

    /*  */

    /*  */
    .career-detail-head-section,
    .privacy-head-section,
    .blog-detail-head-section {
        padding-bottom: 0;
    }

    .about-career-area h6,
    .about-career-area span {
        font-size: 15px;
    }

    .career-detail-head-section::before {
        width: 40px;
        height: 40px;
        left: 60%;
    }

    .career-detail-head-section::after {
        width: 55px;
        height: 55px;
        bottom: 10%;
        left: 38%;
    }

    .career-detail-content-section p,
    .career-detail-content-section ul li {
        font-size: 15px;
    }

    /*  */
    .form-search-input {
        font-size: 16px;
    }

    .faq-accordion-body,
    .faq-accordion-button {
        padding: 25px 40px !important;
    }

    .faq-nav-link img {
        height: 45px !important;
    }

    /*  */

    .privacy-head-section::before {
        width: 55px;
        height: 55px;
        top: -7%;
        left: 2%;
    }

    .privacy-head-section::after {
        width: 40px;
        height: 40px;
        bottom: 0%;
        right: 2%;
    }

    .privacy-link {
        font-size: 16px;
        padding: 15px 25px;
    }

    .term-content .term-content-head {
        font-size: 18px;
    }

    .term-content p,
    .term-content ul li {
        font-size: 15px;
    }

    .term-content ul li::marker {
        font-size: 18px;
    }

    /*  */

    .blog-head-area:after {
        width: 60px;
        height: 60px;
        top: 15%;
    }

    .blog-nav-link {
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    .blog-nav-item {
        padding: 0 30px;
    }

    .blog-article-card {
        padding: 35px 50px;
    }

    .blog-article-card .blog-title {
        font-size: 17px;
    }

    .blog-article-card .blog-date-name,
    .blog-article-card .blog-content {
        font-size: 15px;
    }

    .goto-link-button {
        font-size: 16px;
    }

    .blog-pagination .blog-page-item .blog-page-link {
        font-size: 18px !important;
    }

    /*  */
    .blog-det-date-name {
        font-size: 16px;
    }

    .blog-det-para {
        font-size: 15px;
    }

    /*  */
    .number-icon-area {
        width: 82px;
        height: 82px;
    }

    .number-icon-area img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .sqillup-number-container .sqillup-num {
        font-size: 38px;
    }

    /*  */
    .home-subject-card-header {
        height: 70px;
        padding: 0 35px;
    }

    .home-subject-card-header .subject-card-title {
        font-size: 18px;
    }

    .home-subject-card-body {
        padding: 30px;
    }

    .home-subject-para,
    .home-subject-list-area .home-subject-list,
    .know-more-btn {
        font-size: 16px;
    }

    .home-subject-para-area {
        height: 110px;
        margin-bottom: 25px;
    }

    .home-subject-list-area .home-subject-list::before {
        width: 18px;
        height: 18px;
    }

    .subject-btn-area {
        margin-top: 30px;
    }

    .swiper-nav-button i {
        font-size: 25px;
    }

    .swiper-nav-button.next {
        right: -60px;
    }

    .swiper-nav-button.prev {
        left: -60px;
    }

    /*  */

    .home-author-img-area img {
        width: 100%;
        height: 160px;
    }

    /*  */
    .pricing-detail-card-header h6 {
        font-size: 18px;
    }

    .pricing-detail-card-header h2,
    .pricing-detail-card-header span {
        font-size: 35px;
    }

    .price-detail-card-container {
        padding: 0 20px;
    }

    .pricing-detail-card-header {
        height: 135px;
    }

    .pricing-detail-card-header .price-label::after {
        right: -16px;
    }

    .price-offer-container {
        width: 60px;
        height: 60px;
    }

    .price-offer-container span {
        font-size: 14px;
    }

    .pricing-detail-card-section {
        padding-top: 80px;
    }

    .pricing-detail-section .container-xl {
        padding: 0 30px;
    }

    /*  */

    .contact-form-question {
        font-size: 17px;
    }

    .contact-img-area {
        padding-top: 100px;
    }

    .contact-img-area img {
        max-width: 80%;
    }

    /*  */
    .blog-tabs-section {
        padding-top: 60px;
    }

    /*  */
    .grades-card h5 {
        font-size: 18px;
    }

    .grades-card h6 {
        font-size: 16px;
    }

    .grades-card-container .grades-card {
        height: 160px;
    }

    .grades-card::after {
        border-left-width: 30px;
        right: -29px;
        border-bottom: 30px solid transparent;
        border-top: 30px solid transparent;
    }

    .grades-card-container {
        padding: 0px;
    }

    /*  */
    .lesson-video-desc {
        font-size: 16px;
        height: 75px;
    }

    .lesson-video-title {
        font-size: 18px;
    }

    .about-learn-section {
        background-size: 50%;
    }

    .aff-subject-card img {
        height: 60px;
    }

    .aff-subject-para {
        height: 75px;
    }

    .about-init-image-area .bg-circle-img {
        max-width: 78%;
        left: 2%;
    }

    .about-init-image-area .ab-img {
        max-width: 80%;
    }

    .examboard-img-container {
        width: 260px;
        height: 70px;
    }

    .examboard-img-container img {
        max-height: 70px;
    }

    /*  */
    .circle-section {
        outline-width: 16px;
    }

    .circle-center-tab-btn {
        border-width: 16px;
    }

    .circle-tab-button.mathematics {
        border-right-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.english {
        border-left-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.non-verbal {
        border-right-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button.verbal {
        border-left-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button .circle-title {
        font-size: 18px;
    }

    .canter-circle-title {
        font-size: 45px;
    }

    .circle-tab-button,
    .circle-center-tab-btn {
        width: 28vh;
        height: 28vh;
    }

    .circle-section {
        width: 56vh;
        height: 56vh;
    }

    /*  */
    .home-subject-card-section::before {
        height: 45px;
        width: 45px;
    }

    .home-subject-card-section::after {
        width: 62px;
        height: 62px;
    }

    /*  */
    .home-hero-image-area {
        margin-top: 200px;
    }

    .home-hero-image-area .home-bg-circle {
        max-width: 90%;
    }

    .home-hero-image-area .hero-img {
        width: 95%;
    }

    .hero-dec-img-2 {
        width: 70px;
    }

    .hero-dec-img-3 {
        width: 70px;
    }

    .hero-dec-img-1 {
        width: 60px;
    }

    .hero-dec-img-4 {
        width: 32px;
    }

    /*  */
    .signin-title {
        font-size: 28px;
    }

    .signin-sub-title {
        font-size: 16px;
    }

    .signin-init-section {
        padding-top: 120px;
    }
}

/* For MD (Medium) Screen (ipad) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav--area {
        padding: 20px !important;
    }

    .home--hero-area .home--hero-img {
        /* padding-top: 230px; */
        margin-right: 0;
    }

    .home--hero-area .home--hero-img {
        object-fit: cover !important;
        height: 550px !important;
        object-position: left;
        margin-right: 0;
        max-width: 100%;
    }

    .hero-area-title-area {
        top: 35% !important;
        left: unset !important;
        transform: none !important;
        right: 5% !important;
    }

    .home-decorate-img-clouds {
        left: 65%;
        transform: translateX(-35%);
    }

    .home-decorate-img-parachute {
        top: 11%;
        left: 48%;
        width: clamp(80px, 12vw, 130px);
    }

    .home-decorate-img-bird {
        display: none;
    }

    .hero-area-title,
    .hero-area--sub-title {
        text-align: center !important;
    }

    .hero-area--sub-title {
        margin-right: 0 !important;
    }

    .home-decorate-img-think {
        display: none !important;
    }

    .hero-area-title {
        padding-top: 135px;
        font-size: clamp(30px, 2.8vw, 38px) !important;
        margin-right: auto;
        margin-left: auto;
    }

    .hero-area--sub-title {
        font-size: clamp(17px, 1.8vw, 28px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 70%;
        padding-top: 15px;
    }

    .home-decorate-img-sun {
        left: 14% !important;
        width: clamp(60px, 11.5vw, 144px);
    }

    .home-decorate-img-rocket {
        width: clamp(120px, 10vw, 150px) !important;
        left: 8% !important;
    }

    .home-decorate-img-tube {
        left: unset !important;
        right: 37% !important;
        width: clamp(70px, 6vw, 115px);
    }

    .section-padding {
        padding: 80px 0;
    }

    .home-solution-head,
    .home-feature-head,
    .home-sqill-head,
    .about-sqill-sub-head {
        font-size: clamp(28px, 3vw, 30px);
    }

    .home-author-head {
        font-size: clamp(28px, 3vw, 30px);
        text-align: center;
    }

    .home-author-para {
        text-align: center;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .home-author-right-area::after,
    .home-author-right-area::before {
        display: none;
    }

    .home-solution-card-top-icon {
        width: 90px;
        height: 90px;
    }

    .home-solution-card-top-icon img {
        width: 40px;
    }

    .home-solution-card-area {
        margin-top: 100px;
    }

    .home-solution-btn {
        font-size: 16px;
        padding: 10px 20px;
    }

    .solution-secton-oval2,
    .solution-secton-oval1 {
        display: none;
    }

    .home-solution-card-content-area h3 {
        font-size: 20px;
    }

    .home-solution-card-content-area p {
        font-size: 16px;
        height: 55px;
    }

    .home-solution-card {
        margin-bottom: 70px;
    }

    .home-feature-content-section .home-feature-head {
        display: none;
    }

    .home-feature-collapse-toggle {
        font-size: 18px;
        padding: 25px 0;
    }

    .home-feature-collapse-area {
        font-size: 16px;
    }

    .home-feature-content-area {
        margin-top: 40px;
    }

    .home-features-img-area::before {
        left: 12%;
        bottom: 27%;
        width: 45px;
        height: 45px;
    }

    .home-features-img-area::after {
        right: 18%;
        top: 29%;
    }

    .home-features-img-area img {
        max-width: 70%;
    }

    .home-feature-head.mobile {
        text-align: center;
        margin-bottom: 60px;
    }

    .home-features-img-area {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .home-sqill-head {
        margin-bottom: 70px;
    }

    .home-sqill-img-area img {
        width: 70px;
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-why-sqill-title {
        font-size: 23px;
    }

    .home-why-sqill-para {
        font-size: 16px;
    }

    .home-sqill-img-area.green .yellow-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-img-area.green .yellow-oval,
    .home-sqill-img-area.green .blue-oval,
    .home-sqill-img-area.green .green-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-area {
        margin-bottom: 40px;
    }

    /*  */

    .home-testimonial-slider-area {
        padding-bottom: 10px;
    }

    .swiper-pagination-area .swiper-pagination {
        padding-bottom: 0;
    }

    .home-testimonial-card .quote-mark {
        font-size: 180px;
    }

    /*  */
    .home-accreditation-img {
        height: 65px;
    }

    /*  */
    .scrollToTopBtn {
        line-height: 45px;
        width: 45px;
    }

    .about-init-section,
    .contact-init-section,
    .faq-init-section,
    .privacy-init-section,
    .blog-init-section,
    .blog-detail-init-section,
    .career-detail-init-section,
    .pricing-init-section {
        padding-top: 120px !important;
    }

    .about-init-section {
        padding-bottom: 0;
    }

    .ab-course-title {
        font-size: 22px;
    }

    .ab-course-para {
        font-size: 16px;
    }

    .course-image-area img {
        width: 100%;
        max-height: 250px;
    }

    .about-init-image-area .ab-img {
        max-width: 100%;
    }

    .faq-init-section {
        padding-bottom: 120px;
    }

    .head-padding-top {
        padding-top: 40px;
    }

    .about-init-image-area .ab-dec-img {
        margin-bottom: -10px;
        max-width: 25%;
    }

    /*  */
    .about-sqill-head {
        font-size: clamp(30px, 3vw, 48px);
    }

    .contact-head {
        font-size: clamp(30px, 3vw, 48px);
    }

    .about-sqill-para {
        font-size: 16px;
    }

    .about-init-image-area div::after,
    .career-init-image-area div::before {
        width: 60px;
        height: 60px;
    }

    .about-init-image-area div::before,
    .career-init-image-area div::after {
        width: 40px;
        height: 40px;
    }

    /*  */
    .about-sqill-sub-para,
    .about-sqill-sub-list li {
        font-size: 16px;
    }

    .about-sqill-sub-image-area2 img {
        width: 70%;
        height: 330px;
    }

    .about-sqill-sub-list-head {
        font-size: 22px;
        margin-top: 40px;
    }

    .about-sqill-sub-list li::marker {
        font-size: 20px;
    }

    .about-sqill-sub-image-area2 div::after {
        width: 60px;
        height: 60px;
    }

    .custom-col-reverse {
        flex-direction: column-reverse;
    }

    .about-sqill-sub-image-area,
    .about-sqill-sub-image-area2 {
        padding-bottom: 30px;
    }

    .section-padding-bottom {
        padding-bottom: 0;
    }

    .about-sqill-sub-content-area {
        padding: 20px 0 0 0;
    }

    /*  */

    .about-sqill-achieve-card h4 {
        font-size: 22px;
    }

    .about-sqill-achieve-para,
    .about-sqill-achieve-card p {
        font-size: 16px;
    }

    .about-sqill-achieve-card p {
        height: 55px;
    }

    /*  */
    .get-in-touch-para,
    .get-in-touch-button {
        font-size: 16px;
    }

    /*  */
    .contact-form-label,
    .resume-upload-label {
        font-size: 15px;
    }

    .contact-init-section {
        padding-top: 150px;
    }

    .contact-para,
    .contact-form-input,
    .contact-check-label {
        font-size: 16px;
    }

    .contact-link-area div h6 {
        font-size: 15px;
    }

    .contact-link-area div a {
        font-size: 18px;
    }

    .contact-check-input {
        width: 22px;
        height: 22px;
    }

    .contact-link-area img {
        width: 45px;
    }

    .contact-link-section {
        margin-top: 60px;
    }

    /*  */
    .carrer-role-card {
        padding: 20px;
    }

    .carrer-role-department,
    .carrer-role-location {
        font-size: 15px;
    }

    .carrer-role-position {
        font-size: 18px;
    }

    .carrer-role-area::before {
        width: 40px;
        height: 40px;
    }

    .carrer-role-area::before {
        top: -19%;
        left: 4%;
    }

    .career-job-form-area::before,
    .career-job-form-area::after {
        display: none;
    }

    .carrer-role-area::after {
        width: 40px;
        height: 40px;
        bottom: -5%;
        right: 2%;
    }

    .file-clear-button {
        font-size: 14px;
    }

    /*  */
    .career-detail-head-section,
    .privacy-head-section,
    .blog-detail-head-section {
        padding-bottom: 60px;
    }

    .about-career-area h6,
    .about-career-area span {
        font-size: 15px;
    }

    .career-detail-head-section::before {
        width: 40px;
        height: 40px;
        left: 70%;
    }

    .career-detail-head-section::after {
        width: 55px;
        height: 55px;
        bottom: 16%;
        left: 49%;
    }

    .career-detail-content-section p,
    .career-detail-content-section ul li {
        font-size: 15px;
    }

    .career-detail-init-section {
        background-position: bottom;
    }

    /*  */
    .form-search-input {
        font-size: 16px;
    }

    .faq-accordion-body,
    .faq-accordion-button {
        padding: 25px 40px !important;
    }

    .faq-nav-link img {
        height: 50px !important;
    }

    .faq-nav-link {
        padding: 35px 25px 25px 25px !important;
    }

    .faq-nav-tab-content-section {
        margin-top: 80px;
    }

    /*  */
    .privacy-head-section::before,
    .privacy-head-section::after {
        display: none;
    }

    .privacy-link {
        font-size: 16px;
        padding: 15px 25px;
    }

    .term-content .term-content-head {
        font-size: 18px;
    }

    .term-content p,
    .term-content ul li {
        font-size: 15px;
    }

    .term-content ul li::marker {
        font-size: 18px;
    }

    .privacy-list-area {
        margin-bottom: 60px;
    }

    /*  */

    .blog-head-area:after {
        width: 60px;
        height: 60px;
        top: 15%;
        right: 15%;
    }

    .blog-nav-link {
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    .blog-nav-item {
        padding: 0 30px;
    }

    .blog-article-card {
        padding: 35px 50px;
    }

    .blog-article-card .blog-title {
        font-size: 17px;
    }

    .blog-article-card .blog-date-name,
    .blog-article-card .blog-content {
        font-size: 15px;
    }

    .goto-link-button {
        font-size: 16px;
    }

    .blog-pagination .blog-page-item .blog-page-link {
        font-size: 18px !important;
    }

    .blog-article-card .blog-img-area {
        height: 380px;
    }

    /*  */
    .blog-det-date-name {
        font-size: 16px;
    }

    .blog-det-para {
        font-size: 15px;
    }

    /*  */
    .number-icon-area {
        width: 82px;
        height: 82px;
    }

    .number-icon-area img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .sqillup-number-container .sqillup-num {
        font-size: 38px;
    }

    /*  */
    .home-subject-card-header {
        height: 70px;
        padding: 0 35px;
    }

    .home-subject-card-header .subject-card-title {
        font-size: 18px;
    }

    .home-subject-card-body {
        padding: 30px;
    }

    .home-subject-para,
    .home-subject-list-area .home-subject-list {
        font-size: 16px;
    }

    .know-more-btn {
        font-size: 15px;
    }

    .home-subject-para-area {
        height: 110px;
        margin-bottom: 25px;
    }

    .home-subject-list-area .home-subject-list::before {
        width: 18px;
        height: 18px;
    }

    .subject-btn-area {
        margin-top: 30px;
    }

    .swiper-nav-button {
        background-color: #FFF;
        border-radius: 50%;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .swiper-nav-button i {
        font-size: 22px;
    }

    .swiper-nav-button.next {
        right: -18px;
    }

    .swiper-nav-button.prev {
        left: -18px;
    }

    /*  */
    .home-lession-head,
    .home-lession-para {
        text-align: center;
    }

    .home-author-img-area img {
        width: 100%;
        height: 200px;
    }

    /*  */

    .pricing-detail-card-header h2,
    .pricing-detail-card-header span {
        font-size: 38px;
    }

    .price-detail-card-container {
        padding: 0 120px;
        margin-bottom: 60px;
    }

    .pricing-detail-card-header .price-label::after {
        right: -16px;
    }

    .price-offer-container {
        width: 65px;
        height: 65px;
    }

    .price-offer-container span {
        font-size: 15px;
    }

    .pricing-detail-card-section {
        padding-top: 80px;
    }

    .pricing-detail-section .container-xl {
        padding: 0 30px;
    }

    /*  */

    .footer-section .nav-logo-area {
        text-align: center;
    }

    .footer-section .footer-para {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .sqillup-mobile-app-link-area {
        justify-content: center;
        padding: 10px 0 40px 0;
    }


    /*  */

    .contact-form-question {
        font-size: 17px;
    }

    .contact-img-area {
        padding-top: 100px;
    }

    .contact-img-area img {
        max-width: 90%;
    }

    /*  */
    .blog-tabs-section {
        padding-top: 60px;
    }

    /*  */
    .grades-card h5 {
        font-size: 18px;
    }

    .grades-card h6 {
        font-size: 16px;
    }

    .grades-card-container .grades-card {
        height: 160px;
        flex-basis: 33.33333333%;
    }

    .grades-card::after {
        border-left-width: 30px;
        right: -29px;
        border-bottom: 30px solid transparent;
        border-top: 30px solid transparent;
    }

    .grades-card-container {
        padding: 0px 60px;
        flex-wrap: wrap;
    }

    .grades-card-container .grades-card:nth-child(4) {
        order: 6;
    }

    .grades-card-container .grades-card:nth-child(5) {
        order: 5;
    }

    .grades-card-container .grades-card:nth-child(6) {
        order: 4;
    }

    .grades-card.three::after {
        right: unset !important;
        bottom: -59px !important;
        top: unset !important;
        border-top: 30px solid #CDE2E8 !important;
        border-right: 30px solid transparent !important;
        border-left: 30px solid transparent !important;
        filter: drop-shadow(0px 10px 6px #0000000f) !important;
    }

    .grades-card-container .grades-card.three {
        box-shadow: inset 8px 8px 10px 0px #0000000c !important;
    }

    .grades-card.four::after,
    .grades-card.five::after,
    .grades-card.six::after {
        left: -29px !important;
        right: unset !important;
        border-left: none;
        filter: drop-shadow(-10px 0px 6px #0000000f) !important;
    }

    .grades-card.four::after {
        border-right: 30px solid #FCD9CE !important;
    }

    .grades-card.five::after {
        border-right: 30px solid #FDFBDF !important;
    }

    .grades-card.six::after {
        border-right: 30px solid #FFDFAE !important;
    }


    .grades-card-container .grades-card.five,
    .grades-card-container .grades-card.six {
        box-shadow: inset -10px 0px 10px #0000000c !important;
    }

    .grades-card-container .grades-card.four {
        box-shadow: inset -10px 10px 10px #0000000c !important;
    }

    /* / */
    .lesson-video-desc {
        font-size: 16px;
        height: 75px;
    }

    .lesson-video-title {
        font-size: 18px;
    }

    .lesson-video {
        max-height: 335px;
    }

    .about-learn-section {
        background-size: 100%;
        /* border-image: fill 0 linear-gradient(#00172372, #00172372); */
    }

    .about-learn-section::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #0017237a;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 1;
    }

    .custom-text-white {
        color: #FFF !important;
    }

    .aff-subject-card img {
        height: 65px;
    }

    .aff-subject-para {
        height: 48px;
    }

    .aff-subject-card {
        margin-bottom: 30px;
    }

    .about-init-image-area .bg-circle-img {
        max-width: 88%;
        left: -5%;
    }

    .about-init-image-area .ab-img {
        max-width: 90%;
    }

    .examboard-img-container {
        width: 260px;
        height: 70px;
    }

    .examboard-img-container img {
        max-height: 70px;
    }

    .examboards-container {
        gap: 50px;
    }

    /*  */
    .circle-section {
        outline-width: 16px;
    }

    .circle-center-tab-btn {
        border-width: 16px;
    }

    .circle-tab-button.mathematics {
        border-right-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.english {
        border-left-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.non-verbal {
        border-right-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button.verbal {
        border-left-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button .circle-title {
        font-size: 18px;
    }

    .canter-circle-title {
        font-size: 45px;
    }

    .circle-tab-button,
    .circle-center-tab-btn {
        width: 20vh;
        height: 20vh;
    }

    .circle-section {
        width: 40vh;
        height: 40vh;
    }

    .circle-tab-container {
        display: flex;
        justify-content: center;
    }

    .subject-tab-content {
        padding-top: 40px;
    }

    .subject-tab-content .about-sqill-sub-head,
    .subject-tab-content .about-sqill-sub-para {
        text-align: center;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-hero-image-area {
        margin-top: 160px !important;
    }

    .home-hero-image-area .hero-img {
        width: 70%;
    }

    .home-hero-image-area .home-bg-circle {
        display: block;
        margin: auto;
        max-width: 70% !important;
        left: -10% !important;
        bottom: 0 !important;
    }

    .hero-dec-img-1 {
        left: 12% !important;
    }

    .hero-dec-img-4 {
        right: 13% !important;
    }

    .hero-dec-img-2 {
        left: 29% !important;
        top: -24% !important;
    }

    .hero-dec-img-3 {
        right: 29% !important;
        top: -22% !important;
    }

    /*  */
    .signin-title {
        font-size: 28px;
    }

    .signin-sub-title {
        font-size: 16px;
    }

    .signin-init-section {
        padding-top: 120px;
    }

    .sign-in-form-area {
        margin-top: 20px;
    }
}

/* For SM (Small) Screen (Tab) */
@media (min-width: 576px) and (max-width: 767px) {
    .nav--area {
        padding: 20px !important;
    }

    .home--hero-area .home--hero-img {
        object-fit: cover !important;
        height: 550px !important;
        object-position: left;
    }

    .hero-area-title-area {
        top: 37% !important;
        left: unset !important;
        transform: none !important;
        right: 5% !important;
    }

    .home--hero-area .home--hero-img {
        /* padding-top: 230px; */
        margin-right: 0;
        max-width: 100%;
    }

    .hero-area-title,
    .hero-area--sub-title {
        text-align: center !important;
    }

    .hero-area--sub-title {
        margin-right: 0 !important;
    }

    .home-decorate-img-think {
        display: none !important;
    }

    .hero-area-title {
        padding-top: 130px;
        font-size: clamp(25px, 2.8vw, 38px) !important;
        max-width: 80%;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .hero-area--sub-title {
        font-size: clamp(16px, 1.8vw, 18px) !important;
        max-width: 70%;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .home-decorate-img-sun {
        left: 14% !important;
        width: clamp(60px, 11.5vw, 144px);
    }

    .home-decorate-img-rocket {
        width: clamp(130px, 10vw, 15px) !important;
        left: 7% !important;
    }

    .home-decorate-img-parachute {
        top: 11%;
        left: 45%;
        width: clamp(80px, 12vw, 130px);
    }

    .home-decorate-img-bird {
        display: none;
    }

    .home-decorate-img-clouds {
        left: 62%;
        transform: translateX(-38%);
    }

    .home-decorate-img-tube {
        left: unset !important;
        right: 32% !important;
        width: clamp(70px, 6vw, 115px);
    }

    .section-padding {
        padding: 80px 0;
    }

    .home-solution-head,
    .home-feature-head,
    .home-sqill-head,
    .about-sqill-sub-head {
        font-size: clamp(28px, 3vw, 30px);
    }

    .home-solution-card-top-icon {
        width: 90px;
        height: 90px;
    }

    .home-solution-card-top-icon img {
        width: 40px;
    }

    .home-solution-card-area {
        margin-top: 100px;
    }

    .home-solution-btn {
        font-size: 16px;
        padding: 10px 20px;
    }

    .solution-secton-oval2,
    .solution-secton-oval1 {
        display: none;
    }

    .home-solution-card-content-area h3 {
        font-size: 20px;
    }

    .home-solution-card-content-area p {
        font-size: 16px;
        height: 55px;
    }

    .home-solution-card {
        margin-bottom: 70px;
    }

    .home-feature-content-section .home-feature-head {
        display: none;
    }

    .home-feature-collapse-toggle {
        font-size: 18px;
        padding: 25px 0;
    }

    .home-feature-collapse-area {
        font-size: 16px;
    }

    .home-feature-content-area {
        margin-top: 40px;
    }

    .home-features-img-area::before {
        left: 2%;
        bottom: 27%;
        width: 45px;
        height: 45px;
    }

    .home-features-img-area::after {
        right: 12%;
        top: 29%;
    }

    .home-features-img-area img {
        max-width: 88%;
    }

    .home-feature-head.mobile {
        text-align: center;
        margin-bottom: 60px;
    }

    .home-features-img-area {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .home-author-head {
        font-size: clamp(28px, 3vw, 30px);
        text-align: center;
    }

    .home-author-para {
        text-align: center;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .home-author-right-area::after,
    .home-author-right-area::before {
        display: none;
    }

    .home-sqill-head {
        margin-bottom: 70px;
    }

    .home-sqill-img-area img {
        width: 70px;
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-why-sqill-title {
        font-size: 23px;
    }

    .home-why-sqill-para {
        font-size: 16px;
    }

    .home-sqill-img-area.green .yellow-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-img-area.green .yellow-oval,
    .home-sqill-img-area.green .blue-oval,
    .home-sqill-img-area.green .green-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-area {
        margin-bottom: 40px;
    }

    /*  */

    .home-testimonial-card .quote-mark {
        font-size: 180px;
    }

    .home-testimonial-slider-area {
        padding-bottom: 10px;
    }

    .swiper-pagination-area .swiper-pagination {
        padding-bottom: 0;
    }

    /*  */
    .home-accreditation-img {
        height: 60px;
    }

    /*  */
    .nav-logo-area {
        display: flex;
        justify-content: center;
    }

    .footer-para {
        text-align: center;
        line-height: 1.7em;
        padding-bottom: 20px;
    }

    /*  */
    .scrollToTopBtn {
        line-height: 45px;
        width: 45px;
    }

    .about-init-section,
    .contact-init-section,
    .faq-init-section,
    .privacy-init-section,
    .blog-init-section,
    .blog-detail-init-section,
    .career-detail-init-section,
    .pricing-init-section {
        padding-top: 110px;
    }

    .ab-course-content-area {
        padding: 20px 10px 10px 10px;
    }

    .ab-course-title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .ab-course-para {
        font-size: 16px;
    }

    .course-image-area img {
        width: 100%;
        max-height: 280px;
    }

    .about-init-section {
        padding-bottom: 0;
    }

    .about-init-image-area .ab-img {
        max-width: 90%;
    }

    .about-init-image-area .ab-dec-img {
        transform: rotateY(179deg) rotate(267deg) !important;
        margin-bottom: 0;
    }

    .head-padding-top {
        padding-top: 0px;
    }

    .custom-column-reverse {
        flex-direction: column-reverse !important;
    }

    .faq-init-section {
        padding-bottom: 130px;
    }

    /*  */
    .about-sqill-head {
        font-size: clamp(30px, 3vw, 48px);
        text-align: center;
    }

    .contact-head {
        font-size: clamp(30px, 3vw, 48px);
    }

    .about-sqill-para {
        text-align: center;
        font-size: 16px;
        padding-bottom: 60px;
    }

    .about-init-image-area div::after,
    .career-init-image-area div::before {
        width: 60px;
        height: 60px;
    }

    .about-init-image-area div::before,
    .career-init-image-area div::after {
        width: 40px;
        height: 40px;
    }

    /*  */
    .about-sqill-sub-para,
    .about-sqill-sub-list li {
        font-size: 16px;
    }

    .about-sqill-sub-list-head {
        font-size: 22px;
        margin-top: 40px;
    }

    .about-sqill-sub-list li::marker {
        font-size: 20px;
    }

    .about-sqill-sub-image-area2 div::after {
        width: 60px;
        height: 60px;
    }

    .custom-col-reverse {
        flex-direction: column-reverse;
    }

    .about-sqill-sub-image-area2 img {
        width: 100%;
        height: 330px;
    }

    .about-sqill-sub-image-area,
    .about-sqill-sub-image-area2 {
        padding-bottom: 30px;
    }

    .section-padding-bottom {
        padding-bottom: 0;
    }

    .about-sqill-sub-content-area {
        padding: 20px 0 0 0;
    }

    /*  */
    .about-sqill-achieve-card h4 {
        font-size: 22px;
    }

    .about-sqill-achieve-para,
    .about-sqill-achieve-card p {
        font-size: 16px;
    }

    .about-sqill-achieve-card p {
        height: 55px;
    }

    /*  */
    .get-in-touch-para,
    .get-in-touch-button {
        font-size: 16px;
    }

    /*  */
    .contact-form-label,
    .resume-upload-label {
        font-size: 15px;
    }

    .contact-init-section {
        padding-top: 120px;
    }

    .contact-para,
    .contact-form-input,
    .contact-check-label {
        font-size: 16px;
    }

    .contact-link-area div h6 {
        font-size: 15px;
    }

    .contact-link-area div a {
        font-size: 18px;
    }

    .contact-check-input {
        width: 22px;
        height: 22px;
    }

    .contact-link-area img {
        width: 45px;
    }

    .contact-link-section {
        margin-top: 60px;
    }

    /*  */

    .carrer-role-card {
        padding: 20px;
    }

    .carrer-role-department,
    .carrer-role-location {
        font-size: 15px;
    }

    .carrer-role-position {
        font-size: 18px;
    }

    .carrer-role-area::before {
        width: 40px;
        height: 40px;
    }

    .carrer-role-area::before {
        top: -17%;
        left: -5%;
    }

    .career-job-form-area::before,
    .career-job-form-area::after {
        display: none;
    }

    .carrer-role-area::after {
        width: 45px;
        height: 45px;
        bottom: -5%;
        right: -5%;
    }

    .file-clear-button {
        font-size: 14px;
    }

    /*  */
    .career-detail-head-section,
    .privacy-head-section,
    .blog-detail-head-section {
        padding-bottom: 60px;
    }

    .about-career-area h6,
    .about-career-area span {
        font-size: 15px;
    }

    .career-detail-head-section::before {
        width: 40px;
        height: 40px;
        left: 80%;
    }

    .career-detail-head-section::after {
        width: 55px;
        height: 55px;
        bottom: 16%;
        left: 55%;
    }

    .career-detail-content-section p,
    .career-detail-content-section ul li {
        font-size: 15px;
    }

    .career-detail-init-section {
        background-position: bottom;
    }

    .career-detail-content-section h4 {
        font-size: 18px;
    }

    /*  */
    .form-search-input {
        font-size: 16px;
    }

    .faq-accordion-body,
    .faq-accordion-button {
        padding: 25px 40px !important;
    }

    .faq-nav-link img {
        height: 50px !important;
    }

    .faq-nav-link {
        padding: 35px 25px 25px 25px !important;
    }

    .faq-nav-tab-content-section {
        margin-top: 80px;
    }

    /*  */
    .privacy-head-section::before,
    .privacy-head-section::after {
        display: none;
    }

    .privacy-link {
        font-size: 16px;
        padding: 15px 25px;
    }

    .term-content .term-content-head {
        font-size: 18px;
    }

    .term-content p,
    .term-content ul li {
        font-size: 15px;
    }

    .term-content ul li::marker {
        font-size: 18px;
    }

    .privacy-list-area {
        margin-bottom: 60px;
        padding: 0 10px !important;
    }

    .term-content-section {
        padding: 0 10px;
    }

    /*  */


    .blog-head-area:after {
        width: 55px;
        height: 55px;
        top: 15%;
        right: 10%;
    }

    .blog-nav-link {
        font-size: 16px !important;
        padding: 15px 20px !important;
    }

    .blog-nav-item {
        padding: 0 30px;
    }

    .blog-article-card {
        padding: 35px 50px;
    }

    .blog-article-card .blog-title {
        font-size: 17px;
    }

    .blog-article-card .blog-date-name,
    .blog-article-card .blog-content {
        font-size: 15px;
    }

    .goto-link-button {
        font-size: 16px;
    }

    .blog-pagination .blog-page-item .blog-page-link {
        font-size: 18px !important;
    }

    .blog-article-card .blog-img-area {
        height: 360px;
    }

    .about-sqill-achieve-para {
        padding: 0 10px;
    }

    /*  */
    .blog-det-date-name {
        font-size: 16px;
    }

    .blog-det-para {
        font-size: 15px;
    }

    .blog-content-section .container-md,
    .blog-detail-init-section .container-md {
        padding: 0 30px;
    }

    /*  */
    .number-icon-area {
        width: 82px;
        height: 82px;
    }

    .number-icon-area img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .sqillup-number-container .sqillup-num {
        font-size: 38px;
    }

    .sqillup-number-container .sqillup-num-title {
        font-size: 18px;
    }

    /*  */
    .home-subject-card-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-subject-card-header {
        height: 70px;
        padding: 0 35px;
    }

    .home-subject-card-header .subject-card-title {
        font-size: 18px;
    }

    .home-subject-card-header img {
        width: 35px;
    }

    .home-subject-card-body {
        padding: 30px;
    }

    .home-subject-para,
    .home-subject-list-area .home-subject-list {
        font-size: 16px;
    }

    .know-more-btn {
        font-size: 15px;
    }

    .home-subject-para-area {
        height: 110px;
        margin-bottom: 25px;
    }

    .home-subject-list-area .home-subject-list::before {
        width: 18px;
        height: 18px;
    }

    .subject-btn-area {
        margin-top: 30px;
    }

    .swiper-nav-button {
        background-color: #FFF;
        border-radius: 50%;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .swiper-nav-button i {
        font-size: 22px;
    }

    .swiper-nav-button.next {
        right: -2px;
    }

    .swiper-nav-button.prev {
        left: -2px;
    }

    /*  */
    .home-lession-head,
    .home-lession-para {
        text-align: center;
    }

    .home-lesson-section .container-md {
        padding: 0 25px;
    }

    .home-author-img-area img {
        width: 100%;
        height: 250px;
    }

    /*  */

    .pricing-detail-card-header h2,
    .pricing-detail-card-header span {
        font-size: 38px;
    }

    .price-detail-card-container {
        padding: 0 120px;
        margin-bottom: 60px;
    }

    .pricing-detail-card-header .price-label::after {
        right: -16px;
    }

    .price-offer-container {
        width: 65px;
        height: 65px;
    }

    .price-offer-container span {
        font-size: 15px;
    }

    .pricing-detail-card-section {
        padding-top: 80px;
    }

    .pricing-detail-section .container-xl {
        padding: 0 30px;
    }

    /*  */
    .footer-section .nav-logo-area {
        text-align: center;
    }

    .footer-section .footer-para {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .sqillup-mobile-app-link-area {
        justify-content: center;
        padding: 10px 0 40px 0;
    }

    /*  */

    .contact-area {
        flex-direction: column-reverse;
    }

    .contact-form-question {
        font-size: 17px;
    }

    .contact-img-area {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .contact-img-area img {
        max-width: 60%;
    }

    /*  */
    .blog-tabs-section {
        padding-top: 60px;
    }

    /*  */
    .grades-card h5 {
        font-size: 18px;
    }

    .grades-card h6 {
        font-size: 16px;
    }

    .grades-card-container .grades-card {
        height: 160px;
        flex-basis: 33.33333333%;
    }

    .grades-card::after {
        border-left-width: 30px;
        right: -29px;
        border-bottom: 30px solid transparent;
        border-top: 30px solid transparent;
    }

    .grades-card-container {
        padding: 0px;
        flex-wrap: wrap;
    }

    .grades-card-container .grades-card:nth-child(4) {
        order: 6;
    }

    .grades-card-container .grades-card:nth-child(5) {
        order: 5;
    }

    .grades-card-container .grades-card:nth-child(6) {
        order: 4;
    }

    .grades-card.three::after {
        right: unset !important;
        bottom: -59px !important;
        top: unset !important;
        border-top: 30px solid #CDE2E8 !important;
        border-right: 30px solid transparent !important;
        border-left: 30px solid transparent !important;
        filter: drop-shadow(0px 10px 6px #0000000f) !important;
    }

    .grades-card-container .grades-card.three {
        box-shadow: inset 8px 8px 10px 0px #0000000c !important;
    }

    .grades-card.four::after,
    .grades-card.five::after,
    .grades-card.six::after {
        left: -29px !important;
        right: unset !important;
        border-left: none;
        filter: drop-shadow(-10px 0px 6px #0000000f) !important;
    }

    .grades-card.four::after {
        border-right: 30px solid #FCD9CE !important;
    }

    .grades-card.five::after {
        border-right: 30px solid #FDFBDF !important;
    }

    .grades-card.six::after {
        border-right: 30px solid #FFDFAE !important;
    }


    .grades-card-container .grades-card.five,
    .grades-card-container .grades-card.six {
        box-shadow: inset -10px 0px 10px #0000000c !important;
    }

    .grades-card-container .grades-card.four {
        box-shadow: inset -10px 10px 10px #0000000c !important;
    }

    /*  */
    .lesson-video-desc {
        font-size: 16px;
        height: 75px;
    }

    .lesson-video-title {
        font-size: 18px;
    }

    .lesson-video {
        max-height: 335px;
    }

    .home-subject-card-head-title {
        font-size: 20px;
    }

    .about-learn-section {
        background-size: 100%;
        /* border-image: fill 0 linear-gradient(#00172372, #00172372); */
    }

    .about-learn-section::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #0017237a;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 1;
    }

    .custom-text-white {
        color: #FFF !important;
    }


    .aff-subject-card img {
        height: 65px;
    }

    .aff-subject-para {
        height: 48px;
    }

    .aff-subject-card {
        margin-bottom: 30px;
    }

    .about-init-image-area .bg-circle-img {
        max-width: 70%;
        left: 6%;
    }

    .about-init-image-area .ab-img {
        max-width: 72%;
    }

    .examboard-img-container {
        width: 260px;
        height: 70px;
    }

    .examboard-img-container img {
        max-height: 70px;
    }

    .examboards-container {
        gap: 50px;
    }

    /*  */
    .circle-section {
        outline-width: 16px;
    }

    .circle-center-tab-btn {
        border-width: 16px;
    }

    .circle-tab-button.mathematics {
        border-right-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.english {
        border-left-width: 8px;
        border-bottom-width: 8px;
    }

    .circle-tab-button.non-verbal {
        border-right-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button.verbal {
        border-left-width: 8px;
        border-top-width: 8px;
    }

    .circle-tab-button .circle-title {
        font-size: 18px;
    }

    .canter-circle-title {
        font-size: 45px;
    }

    .circle-tab-button,
    .circle-center-tab-btn {
        width: 20vh;
        height: 20vh;
    }

    .circle-section {
        width: 40vh;
        height: 40vh;
    }

    .circle-tab-container {
        display: flex;
        justify-content: center;
    }

    .subject-tab-content {
        padding-top: 40px;
    }

    .subject-tab-content .about-sqill-sub-head,
    .subject-tab-content .about-sqill-sub-para {
        text-align: center;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-hero-image-area {
        margin-top: 150px !important;
    }

    .home-hero-image-area .hero-img {
        width: 70%;
    }

    .home-hero-image-area .home-bg-circle {
        display: block;
        margin: auto;
        max-width: 70% !important;
        left: -10% !important;
        bottom: 0 !important;
    }

    .hero-dec-img-1 {
        left: 12% !important;
    }

    .hero-dec-img-4 {
        right: 13% !important;
    }

    .hero-dec-img-2 {
        left: 29% !important;
        top: -24% !important;
    }

    .hero-dec-img-3 {
        right: 29% !important;
        top: -22% !important;
    }

    /*  */
    .signin-title {
        font-size: 28px;
    }

    .signin-sub-title {
        font-size: 16px;
    }

    .signin-init-section {
        padding-top: 120px;
    }

    .sign-in-form-area {
        margin-top: 20px;
    }
}

/* For Mobile Screen */
@media (max-width: 575px) {
    .mobile-sub-menu-article {
        margin-bottom: 15px;
    }

    .nav-logo-area .nav--logo {
        width: 100px;
    }

    .mobile-sub-menu-section.active {
        margin-top: 15px !important;
        max-height: 800px !important;
    }

    .mobile-sub-menu-article h6 {
        height: 25px !important;
    }

    .nav-mobile-menu {
        padding-top: 30px !important;
    }

    .nav-mobile-menu-list {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }

    .nav--area {
        padding: 15px 10px !important;
    }

    .mobil-nav-area {
        gap: 15px !important;
    }

    .nav-mobile-menu-link {
        font-size: 16px !important;
    }

    .home--hero-area .home--hero-img {
        display: none !important;
    }

    .hero-area-title-area {
        top: 40% !important;
        width: 90%;
    }

    .hero-area-title {
        padding-top: 160px;
        font-size: clamp(20px, 3vw, 48px) !important;
        line-height: 1.6em !important;
        text-align: center !important;
    }

    .hero-area--sub-title {
        font-size: clamp(15px, 1.8vw, 28px) !important;
        max-width: 90%;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .home-decorate-img-tube,
    .home-decorate-img-think {
        display: none !important;
    }

    .home-decorate-img-rocket {
        top: 14%;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: clamp(145px, 12vw, 180px);
    }

    .home-decorate-img-clouds,
    .home-decorate-img-bird,
    .home-decorate-img-parachute {
        display: none;
    }

    .nav-toggle-btn i {
        font-size: 30px;
    }

    .mobile-hero-image-area {
        background-color: #dcffff !important;
        /* height: calc(100vh - 80px); */
        height: 100vh;
    }

    .mobile-hero-image-area img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        max-width: 90%;
    }

    .home-decorate-img-sun {
        top: 55%;
        left: 15%;
        width: clamp(70px, 8vw, 144px);
        display: none;
    }

    .nav-section {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

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

    .home-solution-head,
    .home-feature-head,
    .home-sqill-head,
    .about-sqill-sub-head,
    .get-in-touch-head {
        font-size: clamp(23px, 3vw, 30px);
    }

    .home-solution-card-top-icon {
        width: 85px;
        height: 85px;
    }

    .home-solution-card-top-icon img {
        width: 35px;
    }

    .home-solution-card-area {
        margin-top: 90px;
    }

    .home-solution-btn {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 25px;
    }

    .solution-secton-oval2,
    .solution-secton-oval1 {
        display: none;
    }

    .home-solution-card-content-area h3 {
        font-size: 20px;
    }

    .home-solution-card-content-area p {
        height: 55px;
        font-size: 15px;
    }

    .home-solution-card {
        margin-bottom: 70px;
    }

    .home-feature-content-section .home-feature-head {
        display: none;
    }

    .home-feature-collapse-toggle {
        font-size: 18px;
        padding: 25px 0;
        gap: 30px !important;
    }

    .home-feature-content-dropdown {
        gap: 25px !important;
    }

    .home-feature-collapse-area {
        font-size: 16px;
    }

    .home-feature-content-area {
        margin-top: 40px;
    }

    .home-features-img-area::before {
        left: 1%;
        bottom: 26%;
        width: 35px;
        height: 35px;
    }

    .home-features-img-area::after {
        right: 12%;
        top: 32%;
        width: 52px;
        height: 52px;
    }

    .home-features-img-area img {
        max-width: 88%;
    }

    .home-feature-head.mobile {
        text-align: center;
        margin-bottom: 60px;
    }

    .home-features-img-area {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .home-author-head {
        font-size: clamp(25px, 3vw, 30px);
        text-align: center;
    }

    .home-author-para {
        text-align: center;
        font-size: 16px;
        padding-bottom: 20px;
    }

    .home-author-right-area::after,
    .home-author-right-area::before {
        display: none;
    }

    .home-author-card {
        margin-bottom: 25px;
    }

    .home-author-img-area img {
        width: 100%;
        height: 220px;
    }

    .home-sqill-head {
        margin-bottom: 60px;
    }

    .home-sqill-img-area img {
        width: 70px;
    }

    .home-author-para {
        font-size: 16px;
    }

    .home-why-sqill-title {
        font-size: 20px;
    }

    .home-why-sqill-para {
        font-size: 16px;
    }

    .home-sqill-img-area.green .yellow-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-img-area.green .yellow-oval,
    .home-sqill-img-area.green .blue-oval,
    .home-sqill-img-area.green .green-oval {
        width: 70px;
        height: 70px;
    }

    .home-sqill-area {
        margin-bottom: 40px;
    }

    /*  */

    .home-test-review {
        font-size: 16px;
        text-align: center;
    }

    .home-test-prof-name {
        font-size: 18px;
        text-align: center;
        margin-bottom: 5px;
    }

    .home-testimonial-slider-area {
        padding-bottom: 10px;
    }

    .home-testimonial-card .quote-mark {
        font-size: 120px;
        right: 15px;
    }

    .swiper-pagination-area .swiper-pagination {
        padding-bottom: 0;
    }

    .home-test-prof-about {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .home-testimonial-card {
        padding: 20px;
    }

    /*  */
    .home-accreditation-img {
        height: 60px;
    }

    /*  */
    .nav-logo-area {
        display: flex;
        justify-content: center;
    }

    .footer-para {
        text-align: center;
        line-height: 1.7em;
        padding: 0 20px 10px 20px;
    }

    .footer-link-section {
        padding: 10px 20px;
    }

    .footer-bottom-area {
        justify-content: center;
    }

    .scrollToTopBtn {
        line-height: 40px;
        width: 40px;
        bottom: 30px;
        right: 20px;
    }

    .sub-footer {
        text-align: center;
    }

    /*  */

    .about-init-section,
    .contact-init-section,
    .faq-init-section,
    .privacy-init-section,
    .blog-init-section,
    .blog-detail-init-section,
    .career-detail-init-section,
    .pricing-init-section {
        padding-top: 110px;
    }

    .about-course-card-section {
        margin-top: 50px;
    }

    .grades-content-section {
        margin-top: 50px;
    }

    .ab-course-content-area {
        padding: 20px 10px 10px 10px;
    }

    .ab-course-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ab-course-para {
        font-size: 16px;
    }

    .course-image-area img {
        width: 100%;
        max-height: 280px;
    }

    .faq-init-section {
        padding-bottom: 200px;
    }

    /*  */
    .about-sqill-head,
    .contact-head {
        font-size: clamp(25px, 3vw, 48px);
        text-align: center;
    }

    .about-init-section {
        padding-bottom: 0;
    }

    .about-init-image-area .ab-img {
        max-width: 95%;
    }

    .about-init-image-area .ab-dec-img {
        transform: rotateY(179deg) rotate(267deg) !important;
        margin-bottom: 0;
        margin-right: 0;
    }

    .head-padding-top {
        padding-top: 0px;
    }

    .custom-column-reverse {
        flex-direction: column-reverse;
    }

    .about-sqill-para {
        text-align: center;
        font-size: 16px;
        padding-bottom: 40px;
    }

    .about-init-image-area div,
    .about-sqill-sub-image-area div,
    .about-sqill-sub-image-area2 div,
    .career-init-image-area div {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /*  */
    .about-sqill-sub-para,
    .about-sqill-sub-list li {
        font-size: 16px;
    }

    .about-sqill-sub-list-head {
        font-size: 22px;
        margin-top: 40px;
    }

    .about-sqill-sub-list li::marker {
        font-size: 20px;
    }

    .about-sqill-sub-image-area div::before,
    .about-sqill-sub-image-area2 div::before,
    .about-sqill-sub-image-area2 div::after {
        display: none;
    }

    .custom-col-reverse {
        flex-direction: column-reverse;
    }

    .about-sqill-sub-image-area,
    .about-sqill-sub-image-area2 {
        padding-bottom: 10px;
    }

    .about-sqill-sub-image-area2 img {
        width: 90%;
        height: 260px;
    }

    .section-padding-bottom {
        padding-bottom: 0;
    }

    .about-sqill-sub-content-area {
        padding: 20px 5px 0 5px;
    }

    .about-sqill-achieve-card h4 {
        font-size: 22px;
    }

    .about-sqill-achieve-para,
    .about-sqill-achieve-card p {
        font-size: 16px;
    }

    .about-sqill-achieve-card p {
        height: 80px;
    }

    /*  */
    .get-in-touch-section {
        background-position: center;
    }

    .get-in-touch-para,
    .get-in-touch-button {
        font-size: 16px;
    }

    /*  */
    .contact-form-label,
    .resume-upload-label,
    .contact-form-file-label {
        font-size: 15px;
    }

    .contact-init-section {
        padding-top: 100px;
    }


    .contact-para {
        text-align: center;
        padding: 0 10px;
    }

    .contact-para,
    .contact-form-input,
    .contact-check-label {
        font-size: 16px;
    }

    .contact-link-area div h6 {
        font-size: 14px;
    }

    .send-button {
        width: 100%;
    }

    .contact-link-area div a {
        font-size: 18px;
    }

    .contact-link-area {
        padding: 20px 30px;
    }

    .contact-check-input {
        width: 22px;
        height: 22px;
    }

    .contact-link-area img {
        width: 40px;
    }

    .contact-form,
    .contact-link-section {
        padding: 0 10px;
    }

    .contact-link-section {
        margin-top: 60px;
    }

    /*  */
    .carrer-role-card {
        padding: 20px;
    }

    .carrer-role-department,
    .carrer-role-location {
        font-size: 15px;
    }

    .carrer-role-position {
        font-size: 18px;
    }

    .career-job-form-area::before,
    .career-job-form-area::after,
    .carrer-role-area::before,
    .carrer-role-area::after {
        display: none;
    }


    .file-clear-button {
        font-size: 14px;
    }

    .carrer-role-area {
        padding: 0 10px;
        margin-top: 40px;
    }

    /*  */
    .career-detail-head-section,
    .privacy-head-section,
    .blog-detail-head-section {
        padding-bottom: 60px;
    }

    .about-career-area h6,
    .about-career-area span {
        font-size: 15px;
    }

    .career-detail-head-section::before,
    .career-detail-head-section::after {
        display: none;
    }

    .career-detail-content-section p,
    .career-detail-content-section ul li {
        font-size: 15px;
    }

    .career-detail-init-section {
        background-position: bottom;
    }

    .career-detail-content-section h4 {
        font-size: 18px;
    }

    .career-detail-content-section {
        padding: 30px;
    }

    /*  */
    .form-search-input {
        font-size: 16px;
    }

    .faq-accordion-body,
    .faq-accordion-button {
        padding: 20px !important;
    }

    .faq-accordion-button {
        font-size: 16px !important;
        line-height: 1.7em;
    }

    .faq-nav-link img {
        height: 45px !important;
    }

    .faq-nav-link {
        padding: 20px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    .faq-nav-tab-content-section {
        margin-top: 60px;
    }

    .faq-container {
        margin-top: -140px;
    }

    .faq-accordion-button:after {
        font-size: 20px !important;
    }

    .faq-accordion-item {
        margin-bottom: 20px;
    }

    .faq-nav-tabs {
        gap: 10px !important;
    }

    .faq-nav-link.active {
        border-bottom: none !important;
        background-color: #ebf8ff !important;
    }

    .faq-nav-tab-container {
        padding: 15px;
    }

    /*  */
    .privacy-head-section::before,
    .privacy-head-section::after {
        display: none;
    }

    .privacy-link {
        font-size: 16px;
        padding: 15px 25px;
    }

    .term-content .term-content-head {
        font-size: 18px;
    }

    .term-content p,
    .term-content ul li {
        font-size: 15px;
    }

    .term-content ul li::marker {
        font-size: 18px;
    }

    .privacy-list-area {
        margin-bottom: 60px;
        padding: 0 10px !important;
    }

    .term-content-section {
        padding: 0 10px;
    }

    /*  */

    .blog-head-area:after {
        display: none;
    }

    .blog-nav-link {
        font-size: 16px !important;
        padding: 15px 20px !important;
        width: 100%;
        text-align: center;
        border-radius: 10px !important;
    }

    .blog-nav-item {
        padding: 0;
        width: 100%;
    }

    .blog-article-card {
        padding: 35px 20px;
    }

    .blog-nav-link.active {
        border-bottom: none !important;
        background-color: #ebf8ff !important;
    }

    .blog-article-card .blog-title {
        font-size: 17px;
    }

    .blog-article-card .blog-date-name,
    .blog-article-card .blog-content {
        font-size: 15px;
    }

    .goto-link-button {
        font-size: 16px;
    }

    .blog-pagination .blog-page-item .blog-page-link {
        font-size: 18px !important;
    }

    .blog-article-card .blog-img-area {
        height: 300px;
    }

    .about-sqill-achieve-para {
        padding: 0 10px;
    }

    .blog-tabs-container {
        flex-direction: column;
        row-gap: 5px;
        background-color: #FFFFFF;
        border-radius: 10px;
        border: 1px solid #58C3FB;
        padding: 15px;
        margin-bottom: 0 !important;
    }

    .tab-divide-line {
        display: none;
    }

    .blog-tab-content-area {
        margin-top: 35px;
    }

    /*  */
    .blog-det-date-name {
        font-size: 16px;
    }

    .blog-det-para {
        font-size: 15px;
    }

    .blog-content-section .container-md,
    .blog-detail-init-section .container-md,
    .career-detail-init-section .container {
        padding: 0 20px;
    }

    .blog-share-area h6 {
        font-size: 16px;
    }

    /*  */
    .home-accreditation-img {
        width: 200px;
    }

    .number-icon-area {
        width: 82px;
        height: 82px;
        margin-bottom: 20px;
    }

    .number-icon-area img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .sqillup-number-container .sqillup-num {
        font-size: 35px;
    }

    .sqillup-number-container .sqillup-num-title {
        font-size: 16px;
    }

    .sqillup-number-container {
        border-radius: 10px;
        border: 1px solid;
        padding: 20px 0;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }

    .sqillup-number-container.blue {
        border-color: #CAE7F9;
    }

    .sqillup-number-container.pink {
        border-color: #FCD9CE;
    }

    .sqillup-number-container.green {
        border-color: #EAF5E2;
    }

    .sqillup-number-container.yellow {
        border-color: #FEF2C8;
    }

    /*  */
    .home-subject-card-section {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-subject-card-header {
        height: 70px;
        padding: 0 35px;
    }

    .home-subject-card-header .subject-card-title {
        font-size: 18px;
    }

    .home-subject-card-header img {
        width: 35px;
    }

    .home-subject-card-body {
        padding: 30px;
    }

    .home-subject-para,
    .home-subject-list-area .home-subject-list {
        font-size: 16px;
    }

    .know-more-btn {
        font-size: 15px;
    }

    .home-subject-para-area {
        height: 110px;
        margin-bottom: 25px;
    }

    .home-subject-list-area .home-subject-list::before {
        width: 18px;
        height: 18px;
    }

    .subject-btn-area {
        margin-top: 30px;
    }

    .swiper-nav-button {
        background-color: #FFF;
        border-radius: 50%;
        flex-shrink: 0;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

        display: none;
    }

    .swiper-nav-button i {
        font-size: 20px;
    }

    .swiper-nav-button.next {
        right: 1px;
    }

    .swiper-nav-button.prev {
        left: 1px;
    }

    .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
    }

    /*  */
    .home-lession-head,
    .home-lession-para {
        text-align: center;
    }

    /*  */

    .pricing-detail-card-header h2,
    .pricing-detail-card-header span {
        font-size: 35px;
    }

    .pricing-detail-card-header h6 {
        font-size: 18px;
    }

    .pricing-detail-card-body {
        padding: 35px 30px 40px 30px;
    }

    .pricing-quantity-btn {
        padding: 0 35px;
    }

    .pricing-quantity-input {
        width: 110px;
    }

    .pricing-quantity-btn,
    .pricing-quantity-input {
        height: 45px;
    }

    .pricing-quantity-input {
        font-size: 18px;
    }

    .pricing-detail-list li {
        font-size: 16px;
    }

    .pricing-detail-list li::before {
        font-size: 18px;
    }

    .pricing-detail-card-header {
        height: 135px;
    }

    .price-detail-card-container {
        margin-bottom: 50px;
    }

    .pricing-detail-card-header .price-label::after {
        right: -16px;
    }

    .price-offer-container {
        width: 65px;
        height: 65px;
    }

    .price-offer-container span {
        font-size: 15px;
    }

    .pricing-detail-card-section {
        padding-top: 60px;
    }

    .pricing-detail-section .container-xl {
        padding: 0 15px;
    }

    /*  */
    .footer-section .nav-logo-area {
        text-align: center;
    }

    .footer-section .footer-para {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    .sqillup-mobile-app-link-area {
        justify-content: center;
        padding: 10px 0 40px 0;
    }

    /*  */
    .contact-area {
        flex-direction: column-reverse;
    }

    .contact-form-question {
        font-size: 16px;
    }

    .contact-img-area {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .contact-img-area img {
        max-width: 60%;
    }

    .contact-form-question-group .contact-form-group {
        padding-left: 0px;
    }

    /*  */
    .blog-tabs-section {
        padding-top: 40px;
    }

    /*  */

    .grades-card h5 {
        font-size: 18px;
    }

    .grades-card h6 {
        font-size: 16px;
    }

    .grades-card-container {
        padding: 0px 60px;
        flex-wrap: wrap;
        gap: 5px !important;
    }

    .grades-card-container .grades-card {
        height: 160px;
        flex-basis: 100%;
        border-radius: 12px;
    }

    .grades-card-container .grades-card {
        box-shadow: inset 0px 10px 10px #0000000c !important;
    }

    .grades-card::after {
        right: unset !important;
        bottom: -74px !important;
        top: unset !important;
        border-top-width: 35px !important;
        border-top-style: solid !important;
        border-right: 35px solid transparent !important;
        border-left: 35px solid transparent !important;
        filter: drop-shadow(0px 10px 6px #0000000f) !important;
    }

    .grades-card.one::after {
        border-top-color: #DBE8DD;
    }

    .grades-card.two::after {
        border-top-color: #E5E4AE;
    }

    .grades-card.three::after {
        border-top-color: #CDE2E8;
    }

    .grades-card.four::after {
        border-top-color: #FCD9CE;
    }

    .grades-card.five::after {
        border-top-color: #FDFBDF;
    }

    .grades-card.six::after {
        border-top-color: #FFDFAE;
    }

    /*  */
    .lesson-video-desc {
        font-size: 16px;
        height: 75px;
    }

    .lesson-video-title {
        font-size: 18px;
    }

    .home-lession-slider-area {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /*  */
    .home-feature-content-area {
        margin-top: 40px;
        padding: 0 10px;
    }

    .lesson-video-modal-header {
        padding: 10px;
    }

    .lesson-video {
        max-height: 285px;
    }

    .home-subject-card-head-title {
        font-size: 20px;
    }

    .about-learn-section {
        background-size: cover;
        background-position: center;
        /* border-image: fill 0 linear-gradient(#00172372, #00172372); */
    }

    .about-learn-section::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #0017237a;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 1;
    }

    .custom-text-white {
        color: #FFF !important;
    }

    .aff-subject-card img {
        height: 65px;
    }

    .aff-subject-para {
        height: 75px;
    }

    .aff-subject-card {
        margin-bottom: 20px;
    }

    .about-init-image-area .bg-circle-img {
        max-width: 73%;
    }

    .about-init-image-area .ab-img {
        max-width: 76%;
    }

    .examboard-img-container {
        width: 260px;
        height: 70px;
    }

    .examboard-img-container img {
        max-height: 65px;
        max-width: 80%;
    }

    .examboards-container {
        flex-direction: column;
        gap: 30px;
    }

    /*  */
    .circle-section {
        outline-width: 10px;
    }

    .circle-center-tab-btn {
        border-width: 10px;
    }

    .circle-tab-button.mathematics {
        border-right-width: 5px;
        border-bottom-width: 5px;
    }

    .circle-tab-button.english {
        border-left-width: 5px;
        border-bottom-width: 5px;
    }

    .circle-tab-button.non-verbal {
        border-right-width: 5px;
        border-top-width: 5px;
    }

    .circle-tab-button.verbal {
        border-left-width: 5px;
        border-top-width: 5px;
    }

    .circle-tab-button .circle-title {
        font-size: 15px;
    }

    .canter-circle-title {
        font-size: 40px;
    }

    .circle-tab-button,
    .circle-center-tab-btn {
        width: 19vh;
        height: 19vh;
    }

    .circle-section {
        width: 38vh;
        height: 38vh;
    }

    .circle-tab-container {
        display: flex;
        justify-content: center;
    }

    .subject-tab-content {
        padding-top: 30px;
    }

    .subject-tab-content .about-sqill-sub-head,
    .subject-tab-content .about-sqill-sub-para {
        text-align: center;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-subject-card-section::before,
    .home-subject-card-section::after {
        display: none;
    }

    /*  */
    .home-hero-image-area {
        margin-top: 150px !important;
    }

    .home-hero-image-area .hero-img {
        width: 90%;
    }

    .home-hero-image-area .home-bg-circle {
        display: block;
        margin: auto;
        max-width: 90% !important;
        left: -10% !important;
        bottom: 0 !important;
    }

    .hero-dec-img-1 {
        left: 2% !important;
        width: 52px;
    }

    .hero-dec-img-4 {
        right: 2% !important;
        width: 29px !important;
    }

    .hero-dec-img-2 {
        left: 26% !important;
        top: -24% !important;
        width: 60px !important;
    }

    .hero-dec-img-3 {
        right: 26% !important;
        top: -25% !important;
        width: 60px;
    }

    /*  */

    .signin-title {
        font-size: 22px;
        text-align: center;
    }

    .signin-sub-title {
        font-size: 15px;
        text-align: center;
    }

    .signin-info {
        text-align: center;
    }

    .signin-init-section {
        padding-top: 100px;
    }

    .signin-form {
        margin-top: 20px;
    }

    .sign-in-form-area {
        margin-top: 0px;
    }

    /*  */
    .profile-dropdown-menu a {
        font-size: 14px !important;
    }

    .profile-name-area {
        display: none !important;
    }

    .menu-profile-name-area {
        display: block !important;
    }

    /*  */
    .otp-input-container {
        gap: 20px;
    }

    .custom-form-input.otp-input {
        width: 54px;
        height: 54px;
    }

    .login-img.is-otp {
        margin-bottom: 15px;
    }

    .sub-menu-nav-link {
        font-size: 16px !important;
    }
}

@media (min-width: 576px) {
    .mobile-hero-image-area {
        display: none;
    }
}


/*  */
@media (max-width: 991.98px) {
    .nav-header-link-area {
        display: none;
    }

    .custom-col-border {
        border-right: none;
    }

    .footer-bottom-area {
        justify-content: center;
    }

    .blog-detail-init-section,
    .privacy-init-section,
    .career-detail-init-section {
        padding-bottom: 0;
    }

    .profile-dropdown-mobile {
        display: inline-block !important;
    }
}

@media (min-width: 991.99px) {

    .nav-mobile-menu,
    .mobil-nav-area {
        display: none !important;
    }
}