@charset "UTF-8";
/*!
 * Elevate Media  v0.0.2
 * COPYRIGHT @ NIIT 2025. All rights reserved
 * Licensed under NIIT
 */
@media screen and (max-width: 350px) {
    .content-overimage p {
        font-size: 30px !important;
        font-weight: 700;
        line-height: 1;
    }

    .content-overimage h1.secondry-color.font-bolder {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .home-primary-tabs .nav-tabs {
        padding: 5px 10px;
        padding-bottom: 0;
    }

    .home-primary-tabs .nav-link {
        flex: 1 1 auto;
        text-align: center;
        font-size: 16px;
        padding: 5px 1rem;
    }

    .brand-logo {
        height: 22px;
    }

    .second-step-tabs {
        gap: 0;
        flex-wrap: nowrap;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .second-step-tabs .nav-item {
        width: 100%;
    }

    .second-step-tabs .nav-link {
        font-size: 12px;
        padding: 10px;
        min-width: auto;
        width: 100%;
    }

    .third-step-tabs .nav-link {
        font-size: 12px;
        padding: 2px 10px;
    }

    .third-step-tabs {
        gap: .8rem;
    }

    .indep-cards {
        padding: 15px 10px;
    }

    .top-menu-left {
        padding: 15px;
        left: 0;
    }

    .nav-light-btns {
        padding: 6px 40px 6px 10px;
        font-size: 14px;
    }

    .top-menu-right {
        gap: 6px;
    }

    .indusandbusiness-section {
        margin-top: -30px;
    }

    .course-card-content .card-know-more {
        margin-right: .2rem;
    }

    .primary-btns {
        padding: 3px 12px;
        font-size: 13px;
    }

    .nc-header {
        font-size: 30px;
    }

    .navigator-course {
        padding: 1rem 0;
        flex-direction: column;
        text-align: center;
    }

    .navigator-course .primary-btns.find-course-cta {
        margin-left: inherit;
    }

    .course-card-slider .card-img {
        width: 30px;
        height: 30px;
    }

    .course-card-slider .card-img svg {
        width: 30px;
    }

    .course-catg-tag {
        font-size: 12px;
    }

    .course-indid {
        font-size: 12px;
    }

    .coursecard .card-title {
        height: 60px;
        font-size: 16px;
        margin-bottom: .5rem;
    }

    .card-sign-img {
        margin-right: 0;
    }

    .city-card-img {
        height: 40px !important;
    }

    .city-name {
        font-size: 14px;
    }

    .main-road {
        font-size: 11px !important;
    }

    .row.cards-city-row {
        --bs-gutter-x: .5rem;
    }

    .y-video-frame {
        height: 169px;
    }

    .advantage-content {
        flex-direction: column;
    }

    .number-cards {
        text-align: center;
        padding: 20px 1rem;
        position: relative;
    }

    .number-cards:not(:last-child)::after {
        width: 100%;
        height: 1px;
        background-image: linear-gradient(115.28deg, #0061AF 4.18%, #FFCB05 67.15%);
        top: unset;
        bottom: 0;
    }

    .testimonial-card-inner {
        padding: .5rem;
    }

    .learner-name-testy {
        font-size: 14px;
    }

    .testimonial-card {
        padding: 0 4px 0.625rem;
    }

    .niit-brand-logo {
        height: 35px !important;
    }

    .footerlist .items h6 {
        font-size: 14px;
    }

    .footerlist {
        font-size: 12px;
    }

    .footer-top-sec {
        --bs-gutter-x: 1.5rem;
    }

    .copyright {
        font-size: 12px;
    }

    .fbottomlink {
        font-size: 12px;
    }

    .third-step-filter {
        margin-bottom: 1rem;
    }


    .course-details-overlay p {
        font-size: 25px !important;
        line-height: 1.2;
        margin-top: 1.5rem;
    }

    .schedular-table {
        margin-right: -12px;
    }

    .highlight-details {
        width: 100%;
        font-size: 14px;
        margin-top: 1rem;
    }

    .how-should-content {
        width: 100%;
        margin: 0 auto;
    }

    .multi-steps>li:before {
        background: #EBF2FB;
        width: 44px;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
    }

    .completed-sec {
        width: 44px;
        height: 44px;
    }

    .multi-steps>li:after {
        width: calc(100% - 44px);
        top: 22px;
        left: calc(50% + 22px);
    }

    .edit-form-field {
        height: 18px;
        width: 18px;
    }

    .scholarship-code-box {
        flex-direction: column;
        gap: 15px;
    }

    .coupon-field .form-control {
        padding-left: 14px;
        padding-right: 73px;
        font-size: 14px;
    }

    .skills-parameter {
        gap: 1rem;
        font-size: 14px;
    }

    .skills-parameter li img.skill-img {
        height: 20px;
    }

    .skills-parameter li {
        gap: .5rem;
        align-items: start;
    }

    .skill-gain-content-inner {
        margin-bottom: 2rem;
    }

    .finance-btns {
        font-size: 13px;
    }

    /* .course-details-scroll-header {
        background: #adadad;
        position: sticky;
        top: 62px;
        z-index: 1054;
    } */
    .course-player {
        height: auto;
        border-radius: 0;
        min-height: 180px;
    }

    .copyright-section {
        padding-bottom: 50px;
    }

    .bottom-fixed-actionbar {
        position: fixed;
        background: #444444;
        width: 100%;
        padding: 0px;
        bottom: 0;
        top: auto;
        z-index: 1056;
        border-radius: 0 30px 0 0;

        & .btm-item span {
            display: block;
        }

        & .btm-item {
            padding: 0.625rem;
        }

        & .inner-fixed-actions .btm-item i {
            width: 1.25rem;
            height: 1.25rem;
        }

        & .inner-fixed-actions {
            grid-gap: 5px;
            grid-auto-flow: column;
        }

        & .inner-fixed-actions a:not(:last-child)::after {
            content: '';
            width: 1px;
            height: 45%;
            position: absolute;
            background-color: var(--white);
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }
    }

    .quicklink-heading {
        font-size: 12px;
    }

    .primary-overlays .modal-content {
        min-height: 100%;
    }

    .inner-fixed-actions .btm-item span {
        font-size: .75rem;
    }

    .btm-item {
        padding: 0.125rem;
        padding-top: 10px;
    }

    .course-details-banner-inner {
        padding: 0rem;
        padding-top: 0px;
    }

    .course-details-banner-inner .col-md-5.offset-md-1 {
        padding-right: 0;
        padding-left: 0;
    }

    .begin-journey {
        padding: 10px 4px;
    }

    .finance-content-details {
        padding: .5rem;
    }

    .options-header {
        font-size: 14px;
    }

    .finance-note {
        margin-top: .5rem;
        font-size: 12px;
        text-align: center;
    }

    .instruction-extra {
        display: block;
    }

    .dynamic-number {
        text-align: right;
    }

    .table.finance-table thead tr th.options-header:last-child {
        text-align: right;
    }

    .highlight-details td {
        padding-bottom: 0.425rem;
    }

    .placement-number {
        font-size: 30px;
        text-align: center;
    }

    .advanc-content-pointer {
        font-size: 14px;
        line-height: 1;
        text-align: center;
    }

    .advanc-content-pointer li {
        position: relative;
        grid-template-columns: 40px auto;
    }

    .build-placement .advanc-content-pointer li:not(:last-child) {
        padding-right: .5rem;
    }

    .build-placement .advanc-content-pointer li:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        background: #56575966;
        top: 0;
        right: 0;
    }

    .advanc-content-head {
        text-align: center;
        font-size: 18px;
    }

    .adv-images {
        width: 35px !important;
    }

    .section-title.left-heading {
        text-align: center;
    }

    .curriculum-cover-bullets {
        font-size: 14px;
    }

    .finance-options {
        text-align: center;
    }


    .search-inner-overlay {
        gap: .2rem;
    }

    .searchbtn {
        height: 22px;
        width: 22px;
        padding: 3px;
    }

    .search-input-section .form-control::placeholder {
        font-size: 14px;
    }

    .navbar-primary-light .container {
        padding-left: 0;
    }

    .homebanner-back {
        height: 470px;
        /* background: url(../images/m-home-banner-new.png) no-repeat top center; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card-img {
        /* object-fit: cover; */
        height: 300px;
        border-radius: 6px;
    }

    .coursecard .card-img-overlay {
        top: 65%;
        border-radius: 0 0 6px 6px;
        padding: 1rem;
    }

    .course-city-navigator .row .course-nav-box {
        padding-right: 0;
        padding-left: 0;
    }

    .book-visit-header-text {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .book-visit-header-text .nc-header {
        margin-bottom: 0;
    }

    .advantage-row-section {
        gap: 1rem;
    }

    .advantage-content h6 {
        font-size: 14px;
    }

    .advantage-content p {
        font-size: 14px;
    }

    .key-factors {
        font-weight: 700;
    }

    .key-points {
        padding: 16px 4px;
    }

    .indu-busi-container {
        padding-right: 0;
        padding-left: 0;
    }

    .footer-top-sec {
        --bs-gutter-x: 1.5rem;
    }


    /* Overlays accordian */
    .primary-overlays .modal-dialog {
        margin: 0;
    }

    .sqycard-desc .ever-card-spec {
        margin-bottom: 5px;
        padding: 5px;
    }

    .secondry-card-items {
        padding: 2px;
    }

    .step-third-cards-spec {
        padding: 5px;
    }

    /* End Overlays accordian */


    /* Course Navigator Overlays */
    .course-nav-overlays .modal-dialog {
        margin: 0;
    }

    .course-nav-overlays .modal-content {
        min-height: 86vh;
    }

    /* End Course Navigator Overlays */

    .inner-fixed-actions .btm-item span {
        font-size: .75rem;
    }

    .partner-slider .company-logos {
        margin: 10px 5px;
        padding: 25px 5px;
    }

    .skill-gain-slider {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .eligible-pointers {
        column-count: auto;
    }
    .eligible-box ul.eligible-pointers {
        font-size: 14px;
    }

    .course-nav-overlays .modal-dialog,
    .book-a-visit-popup .modal-dialog {
        margin: 0;
    }

    .course-nav-overlays .modal-content {
        min-height: 86vh;
    }
    .book-a-visit-popup .modal-content {
        min-height: auto;
    }

    .course-nav-overlays.modal {
        height: calc(100% - 106px);
        top: 50px;
        bottom: 56px;
    }

    .book-a-visit-popup.modal {
        height: calc(100% - 106px);
        top: 50px;
        bottom: 56px;
    }

    .primary-overlays.modal {
        height: calc(100% - 90px);
        top: 50px;
        bottom: 56px;
    }

    .cn-options .box-check .form-check-label .selectroleoptions .cn-options-image {
        height: 100%;
        width: 35px;
    }

    .cn-options .box-check .form-check-label .selectroleoptions p {
        font-size: 12px !important;
    }

    .cn-multi-options {
        padding: 0px 1rem;
    }

    .course-nav-overlays .modal-body {
        padding: 1.5rem 0rem;
    }

    .cn-options .box-check .form-check-label {
        padding: 15px 10px;
    }

    .indu-buss-next-step .cn-options .box-check {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label .selectroleoptions {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 0;
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label .selectroleoptions p img {
        display: none;
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label {
        padding: 8px 10px;
    }

    .cn-heading {
        font-size: 1.5rem;
    }

    .cn-icon {
        height: 30px;
    }

    .user-dropdown .dropdown-item {
        font-size: 14px;
        padding: 10px 7px;
    }

    .user-dropdown .dropdown-menu {
        width: auto;
    }

    .offcanvas.offcanvas-end.nav-contentsec {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .offcanvas.offcanvas-end.nav-contentsec.show {
        right: 0;
    }

    #SwitchPaymentModal {
        .modal-title {
            font-size: 1.5rem;
        }

        .sideways li {
            height: 40px;
        }

        .sideways li a {
            padding: .2rem 1rem;
            font-size: 18px;
        }

        .table.table-bordered {
            font-size: 12px;
            width: 100%;
        }

        .table.table-bordered thead tr th {
            white-space: nowrap;
        }

        .table-responsive {
            max-height: 60vh;
        }
    }

    /* #tncModal .modal-body {
        max-height: 60vh;
    } */
    .advantages-pointer-vertical {
        padding-left: 27px;
    }

    .main-axis-class .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .path-para {
        position: relative;
        bottom: 41px;
        left: 4px;
        max-width: 160px;
        text-align: left;
        font-size: 11px;
        line-height: 16px;
    }

    .application-status-items {
        width: 90%;
    }

    .advantage-niit-section-post {
        flex-direction: row;
    }

    .course-menu-close-btn {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .fee-structure-table .digit-number {
        text-align: right;
        width: 75px;
    }
    .fee-structure-table .finance-header-table {
            font-size: 11px;
    }
    .fee-structure-table .finance-header-table .form-check {
        font-size: 16px;
    }
    .finance-header-items {
        text-align: center;
    }
    .course-details-scroll-header .elementor-icon-list-item span.elementor-icon-list-text {
        font-size: 12px;
    }
    .share-payment-link-modal {
        height: calc(100% - 14vh);
        overflow: auto;
        top: 65px;
    }
    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
        display: none;
    }
}

@media screen and (max-width: 600px) and (min-width: 351px) {
    .content-overimage p {
        font-size: 30px !important;
        font-weight: 700;
        line-height: 1;
    }

    .content-overimage h1.secondry-color.font-bolder {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .home-primary-tabs .nav-tabs {
        padding: 5px 10px;
        padding-bottom: 0;
    }

    .home-primary-tabs .nav-link {
        flex: 1 1 auto;
        text-align: center;
        font-size: 20px;
        padding: 5px 1rem;
    }

    .brand-logo {
        height: 22px;
    }

    .second-step-tabs {
        gap: 0;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .second-step-tabs .nav-item {
        width: 100%;
    }

    .second-step-tabs .nav-link {
        font-size: 12px;
        padding: 10px 20px;
        height: 100%;
        width: 100%;
    }

    .third-step-tabs .nav-link {
        font-size: 12px;
        padding: 5px 20px;
    }

    .third-step-tabs {
        gap: .8rem;
    }

    .indep-cards {
        padding: 15px 10px;
    }

    .top-menu-left {
        padding: 16px;
    }

    .nav-light-btns {
        padding: 8px 40px 9px 20px;
        font-size: 16px;
    }

    .top-menu-right {
        gap: 6px;
    }

    .indusandbusiness-section {
        margin-top: -39px;
    }

    .course-card-content .card-know-more {
        margin-right: .85rem;
    }

    .primary-btns {
        padding: 4px 20px;
        font-size: 14px;
    }

    .nc-header {
        font-size: 30px;
    }

    .navigator-course {
        padding: 1.5rem;
        flex-direction: column;
        text-align: center;
    }

    .navigator-course .primary-btns.find-course-cta {
        margin-left: inherit;
    }

    .course-card-slider .card-img {
        width: 30px;
        height: 30px;
    }

    .course-card-slider .card-img svg {
        width: 30px;
    }

    .course-catg-tag {
        font-size: 14px;
    }

    .course-indid {
        font-size: 14px;
    }

    /* .coursecard .card-title {
        font-size: 18px;
        height: 44px;
        margin-bottom: .5rem;
    } */
    .card-sign-img {
        margin: 0 auto;
    }

    .city-card-img {
        height: 40px !important;
    }

    .main-road {
        font-size: 12px !important;
    }

    .row.cards-city-row {
        --bs-gutter-x: .5rem;
    }

    .y-video-frame {
        height: 212px;
    }

    .advantage-content {
        flex-direction: column;
    }

    .number-cards {
        text-align: center;
        padding: 20px 1rem;
        position: relative;
    }

    .number-cards:not(:last-child)::after {
        width: 100%;
        height: 1px;
        background-image: linear-gradient(115.28deg, #0061AF 4.18%, #FFCB05 67.15%);
        top: unset;
        bottom: 0;
    }

    .testimonial-card-inner {
        padding: .5rem;
    }

    .learner-name-testy {
        font-size: 14px;
    }

    .testimonial-card {
        padding: 0 6px 0.625rem;
    }

    .niit-brand-logo {
        height: 40px !important;
    }

    .footerlist .items h6 {
        font-size: 14px;
    }

    .footerlist {
        font-size: 12px;
    }

    .footer-top-sec {
        --bs-gutter-x: 1.5rem;
    }

    .copyright {
        font-size: 12px;
    }

    .fbottomlink {
        font-size: 12px;
    }

    .third-step-filter {
        margin-bottom: 1rem;
    }

    .course-details-overlay p {
        font-size: 25px !important;
        line-height: 1.2;
        margin-top: 1.5rem;
    }

    .schedular-table {
        margin-right: -12px;
    }

    .highlight-details {
        width: 100%;
        font-size: 14px;
        margin-top: 1rem;
    }

    .how-should-content {
        width: 100%;
        margin: 0 auto;
    }

    .multi-steps>li:before {
        background: #EBF2FB;
        width: 44px;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
    }

    .completed-sec {
        width: 44px;
        height: 44px;
    }

    .multi-steps>li:after {
        width: calc(100% - 44px);
        top: 22px;
        left: calc(50% + 22px);
    }

    .edit-form-field {
        height: 18px;
        width: 18px;
    }

    .scholarship-code-box {
        flex-direction: column;
        gap: 15px;
    }

    .coupon-field .form-control {
        padding-left: 14px;
        padding-right: 73px;
        font-size: 14px;
    }

    .skills-parameter {
        gap: 1rem;
        font-size: 14px;
    }

    .skills-parameter li img.skill-img {
        height: 20px;
    }

    .skills-parameter li {
        gap: .5rem;
        align-items: start;
    }

    .skill-gain-content-inner {
        margin-bottom: 2rem;
    }

    .finance-btns {
        font-size: 14px;
    }

    /* .course-details-scroll-header {
        background: #adadad;
        position: sticky;
        top: 62px;
        z-index: 1054;
    } */
    .course-player {
        height: auto;
        border-radius: 0;
        min-height: 220px;
    }

    .copyright-section {
        padding-bottom: 50px;
    }

    .bottom-fixed-actionbar {
        position: fixed;
        background: #444444;
        width: 100%;
        padding: 0px;
        bottom: 0;
        top: auto;
        z-index: 1056;
        border-radius: 0 30px 0 0;

        & .btm-item span {
            display: block;
        }

        & .btm-item {
            padding: 0.625rem;
        }

        & .inner-fixed-actions .btm-item i {
            width: 1.25rem;
            height: 1.25rem;
        }

        & .inner-fixed-actions {
            grid-gap: 5px;
            grid-auto-flow: column;
        }

        & .inner-fixed-actions a:not(:last-child)::after {
            content: '';
            width: 1px;
            height: 45%;
            position: absolute;
            background-color: var(--white);
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }
    }

    .quicklink-heading {
        font-size: 12px;
    }

    .primary-overlays .modal-content {
        min-height: 100%;
    }

    .inner-fixed-actions .btm-item span {
        font-size: .75rem;
    }

    .btm-item {
        padding: 0.125rem;
        padding-top: 10px;
    }

    .course-details-banner-inner {
        padding: 0rem;
        padding-top: 0px;
    }

    .course-details-banner-inner .col-md-5.offset-md-1 {
        padding-right: 0;
        padding-left: 0;
    }

    .begin-journey {
        padding: 10px 4px;
    }

    .finance-content-details {
        padding: .5rem;
    }

    .options-header {
        font-size: 14px;
    }

    .finance-note {
        margin-top: .5rem;
        font-size: 12px;
        text-align: center;
    }

    .instruction-extra {
        display: block;
    }

    .dynamic-number {
        text-align: right;
    }

    .table.finance-table thead tr th.options-header:last-child {
        text-align: right;
    }

    .highlight-details td {
        padding-bottom: 0.425rem;
    }

    .placement-number {
        font-size: 30px;
        text-align: center;
    }

    .advanc-content-pointer {
        font-size: 14px;
        line-height: 1;
    }

    .advanc-content-pointer li {
        position: relative;
        grid-template-columns: 40px auto;
    }

    .build-placement .advanc-content-pointer li:not(:last-child) {
        padding-right: .5rem;
    }

    .build-placement .advanc-content-pointer li:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        background: #56575966;
        top: 0;
        right: 0;
    }

    .advanc-content-head {
        text-align: center;
        font-size: 18px;
    }

    .adv-images {
        width: 35px !important;
    }

    .section-title.left-heading {
        text-align: center;
    }

    .curriculum-cover-bullets {
        font-size: 14px;
    }

    .finance-options {
        text-align: center;
    }

    .course-nav-overlays .modal-dialog,
    .book-a-visit-popup .modal-dialog {
        margin: 0;
    }

    .course-nav-overlays .modal-content {
        min-height: 86vh;
    }
    .book-a-visit-popup .modal-content {
        min-height: auto;
    }

    .course-nav-overlays.modal {
        height: calc(100% - 121px);
        top: 65px;
        bottom: 56px;
    }

    .book-a-visit-popup.modal {
        height: calc(100% - 121px);
        top: 50px;
        bottom: 56px;
    }

    .primary-overlays.modal {
        height: calc(100% - 104px);
        top: 65px;
        bottom: 56px;
    }

    .cn-options .box-check .form-check-label .selectroleoptions .cn-options-image {
        height: 100%;
        width: 35px;
    }

    .cn-options .box-check .form-check-label .selectroleoptions p {
        font-size: 12px !important;
    }

    .cn-multi-options {
        padding: 0px 1rem;
    }

    .course-nav-overlays .modal-body {
        padding: 1.5rem 0rem;
    }

    .cn-options .box-check .form-check-label {
        padding: 15px 10px;
    }

    .indu-buss-next-step .cn-options .box-check {
        flex: 1 1 calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label .selectroleoptions {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 0;
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label .selectroleoptions p img {
        display: none;
    }

    .indu-buss-next-step .insection-muilti-tab .cn-options .box-check .form-check-label {
        padding: 8px 10px;
    }

    .cn-heading {
        font-size: 1.5rem;
    }

    .cn-icon {
        height: 30px;
    }

    .user-dropdown .dropdown-item {
        font-size: 14px;
        padding: 10px 7px;
    }

    .user-dropdown .dropdown-menu {
        width: auto;
    }

    .offcanvas.offcanvas-end.nav-contentsec {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .offcanvas.offcanvas-end.nav-contentsec.show {
        right: 0;
    }

    #SwitchPaymentModal {
        .modal-title {
            font-size: 1.5rem;
        }

        .sideways li {
            height: 40px;
        }

        .sideways li a {
            padding: .2rem 1rem;
            font-size: 18px;
        }

        .table.table-bordered {
            font-size: 12px;
            width: 100%;
        }

        .table.table-bordered thead tr th {
            white-space: nowrap;
        }

        .table-responsive {
            max-height: 60vh;
        }
    }

    /* #tncModal .modal-body {
        max-height: 60vh;
    } */
    .advantages-pointer-vertical {
        padding-left: 27px;
    }

    .main-axis-class .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .path-para {
        position: relative;
        bottom: 41px;
        left: 4px;
        max-width: 160px;
        text-align: left;
        font-size: 11px;
        line-height: 16px;
    }

    .application-status-items {
        width: 90%;
    }

    .advantage-niit-section-post {
        flex-direction: row;
    }

    .course-menu-close-btn {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .fee-structure-table .digit-number {
        text-align: right;
        width: 75px;
    }
    .fee-structure-table .finance-header-table {
        font-size: 11px;
    }
    .fee-structure-table .finance-header-table .form-check {
        font-size: 16px;
    }
    .finance-header-items {
        text-align: center;
    }
    .course-details-scroll-header .elementor-icon-list-item span.elementor-icon-list-text {
        font-size: 12px;
    }
    .share-payment-link-modal {
        height: calc(100% - 14vh);
        overflow: auto;
        top: 65px;
    }
    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
        display: none;
    }
















    .search-inner-overlay {
        gap: .2rem;
    }

    .searchbtn {
        height: 22px;
        width: 22px;
        padding: 3px;
    }

    .navbar-primary-light .container {
        padding-left: 0;
    }

    .homebanner-back {
        height: 470px;
        /* background: url(../images/m-home-banner-new.png) no-repeat top center; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card-img {
        /* object-fit: cover; */
        height: 300px;
        border-radius: 6px;
    }

    .coursecard .card-img-overlay {
        top: 65%;
        border-radius: 0 0 6px 6px;
        padding: 1rem;
    }

    .course-city-navigator .row .course-nav-box {
        padding-right: 0;
        padding-left: 0;
    }

    .book-visit-header-text {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .book-visit-header-text .nc-header {
        margin-bottom: 0;
    }

    .advantage-row-section {
        gap: 1rem;
    }

    .advantage-content h6 {
        font-size: 14px;
    }

    .advantage-content p {
        font-size: 14px;
    }

    .key-factors {
        font-weight: 700;
    }

    .key-points {
        padding: 16px 4px;
    }

    .indu-busi-container {
        padding-right: 0;
        padding-left: 0;
    }

    .footer-top-sec {
        --bs-gutter-x: 1.5rem;
    }


    /* Overlays accordian */
    .primary-overlays .modal-dialog {
        margin: 0;
    }

    .sqycard-desc .ever-card-spec {
        margin-bottom: 5px;
        padding: 5px;
    }

    .secondry-card-items {
        padding: 2px;
    }

    .step-third-cards-spec {
        padding: 5px;
    }

    /* End Overlays accordian */


    /* Course Navigator Overlays */

    /* End Course Navigator Overlays */

    .inner-fixed-actions .btm-item span {
        font-size: .75rem;
    }

    .partner-slider .company-logos {
        margin: 10px 5px;
        padding: 25px 5px;
    }

    .skill-gain-slider {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .eligible-pointers {
        column-count: auto;
    }
    .eligible-box ul.eligible-pointers {
        font-size: 14px;
    }
    /* Weaddo course page responsive css start here */
    .profile-image-container.d-flex.align-items-center.justify-content-center {
        display: inherit !important;
        text-align: center;
    }

    .profile-img-box {
        margin: auto;
    }

    .profile-edit {
        justify-content: center;
    }

    .course-faq-container {
        margin: 0;
    }

    .course-faq-section .container {
        padding: 0;
    }

    .course-faq-container {
        padding: 35px 5px;
    }

    .profile-name.d-block {
        margin: 12px 0 6px;
    }

    .mycourse-section {
        padding-top: 50px;
    }

    .purchase-table th,
    .purchase-table td {
        padding: 12px 11px 12px 6px !important;
    }

    .purchase-table th {
        font-size: 12px;
        font-weight: 700;
    }

    .border-right-grey {
        border-bottom: 1px solid #D9D9D9;
        border-right: none;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .approval-box {
        min-height: inherit;
    }

    .upload-container {
        padding: 30px 15px;
    }

    .form-label {
        margin-top: 0;
    }

    .contact-info-details {
        text-align: center;
        display: block;
        font-size: 14px;
    }

    .phone-info {
        display: table;
        margin: 8px auto 0;
        font-size: 22px;
    }

    .purchase-table table {
        padding: 0;
    }

    .purchase-table .faq-section-accordion .accordion-button {
        font-size: 16px;
    }

    .purchase-table th:nth-child(2),
    .purchase-table td:nth-child(2) {
        text-align: center;
    }

    nav.home-primary-tabs.home-bg-tab .nav-tabs {
        padding: 0 10px;
    }

    nav.home-primary-tabs.home-bg-tab {
        top: 0;
    }

    .hori-selector .left:before {
        bottom: 0px;
        left: -15px;
    }

    .hori-selector .right:before,
    .hori-selector .left:before {
        width: 37px;
        height: 36px;
        border-radius: 40%;
        background-color: rgb(26 123 206);
    }

    .hori-selector .right,
    .hori-selector .left {
        width: 22px;
        height: 22px
    }

    .hori-selector .left {
        left: -22px;
    }

    .hori-selector .right {
        right: -15px;
    }

    .hori-selector .right:before {
        right: -22px;
    }

    /* Weaddo course page responsive css end here */
}


@media screen and (max-width: 992px) and (min-width: 601px) {
    nav.home-primary-tabs.home-bg-tab {
        top: 0;
    }

    .indusandbusiness-section {
        margin-top: -30px;
    }

    .nav-light-btns {
        font-size: 14px;
        padding: 5px 10px;
    }

    .searchbtn {
        height: 22px;
        width: 22px;
        padding: 3px;
    }

    .home-primary-tabs .nav-link {
        font-size: 14px;
        padding: 5px 1rem;
    }

    .second-step-tabs .nav-link {
        font-size: 14px;
        padding: 4px 16px;
        min-width: auto;
        height: 100%;
    }

    .second-step-tabs {
        gap: 2rem;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }

    .home-primary-tabs .nav-link {
        flex: 1 1 auto;
        text-align: center;
    }

    .third-step-tabs .nav-link {
        font-size: 14px;
        padding: 0px .5rem;
        border-radius: 20px;
    }

    .third-step-filter {
        margin-bottom: 1rem;
    }

    .indep-cards {
        min-height: 300px;
    }

    .card-img {
        object-fit: cover;
        height: 300px;
        border-radius: 6px;
    }

    /* .coursecard .card-title {
        font-size: 14px;
        height: 44px;
        margin-bottom: .5rem;
    } */
    .coursecard .card-img-overlay {
        top: 65%;
        border-radius: 0 0 6px 6px;
        padding: 1rem;
    }

    .card-sign-img {
        display: none;
    }

    .primary-btns {
        font-size: 0.75rem;
    }

    .nc-header {
        font-size: 20px;
    }

    .navigator-course {
        padding: 1.5rem;
    }

    .course-city-navigator .row.cards-city-row {
        flex-wrap: nowrap;
        --bs-gutter-x: 1.5rem;
        gap: 0rem;
    }

    .city-cards {
        padding: .5rem;
        height: 100%;
    }

    .y-video-frame {
        height: 212px;
        border-radius: 20px;
    }

    .section-title h2 {
        font-weight: 700;
        font-size: 24px;
    }

    .advantage-content h6 {
        font-size: 14px;
    }

    .advantage-content p {
        font-size: 14px;
    }

    .key-factors {
        font-weight: 700;
    }

    .key-points {
        padding: 16px 4px;
    }

    .indu-busi-container {
        padding-right: 0;
        padding-left: 0;
    }
}


@media screen and (max-width: 401px) {
    .overlay-yellow-logo {
        display: block;
    }
}

@media screen and (min-width: 768x) and (max-width: 800px) {
    .finance-btns {
        width: auto;
    }
}





@media screen and (max-width: 768px) {
    .rolldate-container .rolldate-mask {
        z-index: 9998 !important;
    }

    .rolldate-container .rolldate-panel {
        z-index: 9999 !important;
    }

    /* Gniit */
    .gniit_title_box h1 {
        font-size: 32px;
        margin: 17px 0 26px;
    }

    .gniit_title_box {
        padding: 130px 15px 10px;
    }
    .banner-pills li img {
        height: 26px;
        width: 26px;
        margin-right: 7px;
    }
    .banner-pills li {
        font-size: 14px;
    }

    .gniit-logo img {
        height: 35px;
    }

    a.course_fee_btn {
        font-size: 18px;
    }

    .apply-btn {
        font-size: 18px;
    }

    .section-title.gniit-section-title h1 {
        font-size: 28px;
    }
    .gniitadvantage-section {
        padding: 0;
    }
    .gniit-card-box.position-relative {
        text-align: center;
        margin-bottom: 25px;
    }
    .stories-content-box .learner-name-testy {
        font-size: 1rem;
    }
    .program-gniit-template .section-title {
        margin-bottom: 0;
    }
    .gniit-skill-gain {
        margin-top: 0;
    }
    .gniitadvantage-section .col-md-8 .row {
        row-gap: 0px;
    }
    .gniitadvantage-section .col-md-8 .row .col-6 img {
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    .gniitadvantage-section .col-md-4 img {
        height: auto;
        object-fit: contain;
        width: 100%;
    }
    .image-caption {
        position: absolute;
        bottom: 10px;
        left: 15px;
        color: #fff;
        font-size: 18px;
        text-align: left;
    }

    .faq-section-inner.skill-gain-section .faq-section-accordion .accordion-button {
        padding: 1rem 2px;
        font-size: 15px;
    }

    .batch-inner-container {
        padding: 30px 15px;
        margin: 0;
    }

    .topics_box {
        width: 46%;
    }

    .batch-heading.upcoming-batch {
        padding-top: 0px;
        margin-bottom: 30px;
    }
    .batch-row {
        margin-top: 75px;
    }
    .batch-heading {
        font-size: 22px;
    }
    .gniit-how-should-apply .gniit-form-with-background .how-should-apply-inner.cd-back-over .container {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .gniit-how-should-apply .gniit-form-with-background .how-should-apply.section-equ {
        margin: 0 20px;
    }
    .gniit-how-should-apply .gniit-form-with-background .how-should-apply-inner.cd-back-over .container .col-md-12 {
        padding: 2rem 1rem;
    }
    .topics_box h4 {
        font-size: 14px;
    }
    .partners-logo-section {
        padding: 0px 0 30px;
    }
    .advantage-section .section-title.gniit-section-title {
        margin-bottom: 0;
    }
    .eligible-container {
        display: inherit;
    }

    .eligible-img-box {
        width: 100%;
    }

    .client_logo_animation .clients-brands2 {
        padding-top: 30px;
    }

    .eligible-box {
        padding: 30px 20px 20px;
        width: 100%;
        position: relative;
        margin-top: -30px;
        border-radius: 20px;
    }

    .how-should-apply.enroll-section.page-section {
        margin: 3rem 0;
    }

    .batch-inner-container.apply-inner-container {

        padding: 30px 0;
    }

    .application-form-header.gniit-form-header {
        text-align: center;
        display: inherit;
    }

    .gniit-form-header .form-step-header {
        margin: 0 0 23px;
    }

    .apply-inner-container .stepsdetails p {
        font-size: 14px;
    }

    .program-fee-section .vertical-center-section {
        margin: 0;
    }

    .programfee-heading {
        font-size: 20px;
    }

    .stories-card-cntr.d-flex {
        display: inherit !important;
        height: auto;
    }

    .stories-content-box .learnar-details-test {
        position: relative;
        bottom: 0;
    }

    .stories-content-box p {
        font-size: 16px;
        line-height: 26px;
    }

    span.quote-icon img {
        height: 37px;
    }

    .stories-content-box {
        padding: 24px 15px 20px;
    }

    .stories-img-box.position-relative img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .program-fee-section .form-select.digital-dropdown.apply-select-dropdown {
        margin-top: 15px;
    }

    .duration-panel.batch-box {
        padding: 12px 0;
    }

    .stories-content-box p.wordings {
        -webkit-line-clamp: 9;
        height: 226px;
    }

    .upcoming-match-box {
        padding-top: 40px;
    }

    .row.gnnit-banner-row {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .banner-pills {
        margin: 30px 30px 0;
        padding: 0;
    }

    .banner-pills li:nth-child(1) {
        margin-bottom: 10px
    }

    /* .banner-pills li {
        position: static;
        transform: inherit !important;
        font-size: 16px;
        width: 100%;
    } */

    .banner-pills li:nth-child(1) {
        top: 32%;
        left: 2px;
        /* transform: translateY(-50%); */
    }
    .banner-pills li:nth-child(2) {
        bottom: 20px;
        right: 8%;
    }
    
    .year-list {
        font-size: 20px;
    }

    .year-list:after {
        background: #D9D9D9;
        width: 22px;
        height: 22px;
        bottom: 4px;
    }

    .slick-achievments-step .slick-prev:before,
    .slick-achievments-step .slick-next:before {
        right: 5px;
        bottom: 15px;
        background-size: 54%;
    }

    .slick-achievments-step button.slick-prev.slick-arrow {
        left: -8px;
    }

    .year-list {
        position: relative;
        padding: 0 0 43px 15px !important;
    }

    .form-select.digital-dropdown {
        top: 84px;
        left: 50%;
        transform: translateX(-50%);
        height: 35px;
    }

    .section-title.gniit-section-title h1:before {
        bottom: -8px;
    }
    .program-stack {                
        font-size: 1rem;
    }
    /* Gniit */

    .faq-section-accordion .accordion-header .accordion-button, .faq-section-accordion .accordion-header .accordion-button p {
        font-size: 14px;
    }
    .faq-section-accordion .accordion-body, .faq-section-accordion .accordion-body p {
        font-size: 14px;
    }
    .section__media__buttons__parent h2 {
        text-align: center;
    }
    #media-dossier-container h2 {
        text-align: center;        
    }
    .section__mediabanner__text {
        top: 20px;
        right: 30px;
        width: 50%;
        font-weight: 400;
    }
    .section__banner h1 {
        left: 20px;
    }

    .paynow-viewsopt .paynow-header-table {
        font-size: 12px;
    }
    .paynow-viewsopt .other-payment-input {
        padding: 2px 2px;
        font-size: 12px;
        width: -webkit-fill-available;
        float: initial;
    }
    .applyprocess-btns-paynow {
        justify-content: end;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .row.gnnit-banner-row {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .gniit_title_box {
        padding-top: 30px;
        padding-right: 0;
        padding-left: 20px;
    }
    .gniit_title_box h1 {
        font-size: 37px;
    }
    .section-title.gniit-section-title h1 {
        font-size: 40px;
    }
}

@media screen and (max-width:767px){  
    .hdfc-main-page  .section-title h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .hdfc-main-page  .advanc-content-head {
        font-size: 20px;
    }
    .hdfc-main-page .skill-gain-content-inner {
        margin-bottom: 0;
    }

    .hdfc-main-page .finance-options-buttons {
        max-width: 100%;
    }
    .hdfc-main-page .finance-option-apply {
        padding-bottom: 50px;
    }

     .hdfc-main-page .faq-section.section-equ {
        margin: 0 0 40px;
    }
     .hdfc-main-page .faq-section .section-title {
        margin-bottom: 0;
    }
    .hdfc-main-page .skill-gain-content-inner {
        margin-bottom: 0;
    }
    .hdfc-main-page .skills-parameter li {
        color: #565759;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
    }
     .hdfc-main-page .faqsection .section-title {
        margin-top: 40px;
    }
    .hdfc-main-page .leanrer-sect .section-title {
        margin-top:0;
    }
    .hdfc-main-page .you-may-like.section-equ.expert-faculty-cou {
        margin: 0;
    }
    .hdfc-main-page .product-details-you-may-also-section .section-title-row {
        margin-bottom: 0;
    }
  
    .hdfc-main-page .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .hdfc-main-page  .skill-gain .section-equ {
        margin-top: 0;
    }
    .hdfc-main-page .skill-gain .section-title {
        margin-bottom: 0;
    }
    .hdfc-main-page  #skill-gain-what {
        margin-bottom: 0;
        gap: 0;
    }
    .hdfc-main-page #taught-what .section-equ {
        margin-top: 0;
    }
    .hdfc-main-page #check-eligible {
        padding: 0;
    }
    .hdfc-main-page #finance-options-link {
        padding: 0;
    }

    .hdfc-main-page .quality-demand-sec .advanc-content-pointer li {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #565759;
    }
 
    .hdfc-main-page .course-details-overlay img.cd-icons {
        position: relative !important;
        width: 20px;
        height: 20px;
        margin-left: -30px !important;
        left: -10px !important;
    }
    .hdfc-main-page .finance-text {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
   
    .hdfc-main-page .section-title.left-heading, .hdfc-main-page .section-title h1 {
        text-align: center;
    }

    .main-bfsi-class.main-icici-class .skills-parameter {
        grid-template-columns: 1fr 1fr;
    }

    .careerpath-axis figcaption.widget-image-caption.wp-caption-text {
        position: absolute;
        bottom: -13px;
        left: -20px;
        max-width: 190px;
        text-align: left;
        font-size: 12px;
    }
}
/*  */
/*-------------------------- Latest News ------------- */
@media (min-width:992px) {
    .article .date-source {
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .article .title {
        font-weight: 500;
        font-size: 1.375rem;
        line-height: 1.75rem;
        margin: 0.625rem 0;
    }
    .article .description {
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .blog-listing .dropdown-container {
        max-width: 18.75rem;
     
    }
    .section__pressrelease {
        max-width: 300px;
    }
    .section__pressrelease .nice-select.open .list {
        max-width: 300px;
        width: 100%;
    }
}

/*--------- End Latest News-------------*/

@media (max-width:1024px) {
    /* Slider Dots */
/* hiding all bullets by default */
.slick-dots li {
    display: none
}
/* only displaying the active bullets and the 2 bullets next to it */
.slick-dots li.slick-active,
.slick-dots li.slick-active + li,
.slick-dots li.slick-active + li + li {
    display: inline-block;
}
/* displaying the last three bullets when slick-active class isn't applied to any li before them  */
.slick-dots li:nth-last-child(1),
.slick-dots li:nth-last-child(2),
.slick-dots li:nth-last-child(3) {
    display: inline-block;
}
/* hiding the last three bullets if slick-active exist before them */
.slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-dots li.slick-active ~ li:nth-last-child(3) {
    display: none;
}
/* specific conditions to always display the last three bullets */
.slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-dots li.slick-active + li:nth-last-child(3),
.slick-dots li.slick-active + li:nth-last-child(2),
.slick-dots li.slick-active + li:nth-last-child(1){
    display: inline-block;
}
/* End Slider Dots */
}

@media screen and (max-width: 480px) {
    .page-id-10753 .navbar-primary-light.e-con {        
        display: flex;
			margin-bottom: 0;
    }
	.page-id-10753 .e-con,  .page-id-10753 .e-con>.e-con-inner {  
			margin-bottom: 0;
    }
}


@media (max-width: 991px) {
    .lead-generation-section {
        min-height: calc(100vh - 65px);
    }
    .lead-container-section .flex-box-view {
        justify-content: center;
        min-height: auto;
        height: auto;
        padding-top: 50px;
        flex-wrap: wrap;
    }
    .left-box-text {
        color: #fff;
        text-align: center;
        width: 100%;
    }
    .left-box-text ul {
        text-align: left;
    }
    .top-menu-left.ndsp-promo-site {
        padding: 24px 16px;
    }
    .right-box-form {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .login-form-section .login-form-wrapper .d-flex .banner-title ul li {
        font-size: 14px;
    }
    .form-footer .d-flex{
        gap: 3px;
        flex-direction: column;
    }
    .form-footer .d-flex .colA{
        flex: 0 1 100%;
        text-align: center;
    }
    .form-footer .d-flex .colB{
        flex: 0 1 100%;
        text-align: center;
    }
    .form-footer{
        background: #0061af;
        color: #000;
        display: block;
        padding: 0;
    }
    .form-footer p,
    .form-footer a
    {
        color: #fff;
        font-size: 14px;
    }

    #forward-forum-modal .modal-dialog-scrollable .modal-body {
        max-height: 100vh;
    }
    /* .lead-generation-section.book-visit-lead-form .left-box-text {
        text-align: left;
    } */
    .book-visit-location-number {
        font-size: 14px;
    }
    .book-visit-lead-form .left-box-text h1 {
        font-size: 26px;
        text-align: left;
    }
    .book-visit-lead-form .left-box-text h3 {
        font-size: 20px;
        text-align: left;
    }
    .top-menu-left .brand-logo {
        height: 22px;
    }
    .top-menu-left.ndsp-promo-site {
        padding: 25px;
    }

    #lead-generation-section .lead-container-section .flex-box-view {
        margin-top: 50px;
    }
    #lead-generation-section .left-box-text h1 {
        font-size: 26px;
        max-width: 245px;
        text-align: left;
    }
    #lead-generation-section .left-box-text h3 {
        font-size: 20px;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #lead-generation-section.lead-generation-section {
        background-size: 720px;
        background-position: top center;
    }
    #lead-generation-section.lead-generation-section-mumbai {
        background-size: 780px;
        background-position: top center;
    }
    #lead-generation-section.lead-generation-section-bengluru {
        background-size: 720px;
        background-position: top center;
    }
}

/* Forworded forum */
@media screen and (max-height: 860px){

    .forward-forum-sec{
        height: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .forward-forum-sec .forward-forum-wrapper{
        height: 100%;
        flex: 1;
    }
    .form-footer.forum-upd-footer{
        position: unset;
    }

    .forward-forum-wrapper.e-con.e-flex>.e-con-inner {
        flex-direction: column;
        flex: 1;
        display: block;
    }
}
@media screen and (max-height: 1200px){
    .forward-forum-sec .forward-forum-wrapper .forum-frwd{
        position: unset;
        translate: none;
        display: block;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width:1440px){
    .forward-forum-sec .forward-forum-wrapper .forum-frwd {
        padding: 33px 57px;
        max-width: 275px;
    }
}

@media screen and (max-width:1366px){
    .forward-forum-sec .container{
        max-width: 1300px;
    }
    .forward-forum-sec .forward-forum-wrapper .forum-frwd {
        padding: 27px 54px;
        max-width: 265px;
    }
}

@media screen and (max-width:1200px){
    .frw-fo-sec .register-slider .swiper-slide .bottom-sec figcaption h4{
        font-size: 20px;
    }
    .frw-fo-sec .register-slider .swiper-slide .bottom-sec figcaption p{
        font-size: 14px;
    }
    .frw-fo-sec .ttl-sec{
        font-size: 28px;
    }
    .frw-fo-sec .register-slider .swiper-slide .upper-sec h5{
        font-size: 22px;
    }
    .frw-fo-sec .btm-info-sec h4{
        font-size: 22px;
    }
    .frw-fo-sec .btm-info-sec p{
        font-size: 18px;
    }
    .frw-fo-sec .register-slider .swiper-slide a{
        margin: 25px 5px;
    }
}


@media screen and (max-width: 1024px) {
    .forward-forum-sec .forward-forum-wrapper .forum-frwd {
        padding: 23px 43px;
        max-width: 215px;
    }
    .frw-fo-sec .register-slider .swiper-slide a{
        padding: 15px;
    }
}


@media screen and (max-width: 767px){

    .forward-forum-sec{
        height: calc(100vh - 61px);
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-top: -25px;
    }
    .forward-forum-sec .forward-forum-wrapper{
        height: 100%;
        flex: 1;
    }

    .forward-forum-sec .forward-forum-wrapper .forum-frwd{
        position: unset;
        translate: none;
        display: block;
        margin: 110px auto 20px;
        max-width: 160px;
        border-radius: 20px;
        padding: 16px 34px;
    }
    .form-footer.forum-upd-footer{
        position: unset;
    }
    .forward-forum-sec .forward-forum-wrapper .navbar-brand{
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 3;
    }
    .forward-forum-sec .container .frw-fo-sec{
        padding-right: 0;
    }
    .frw-fo-sec .ttl-sec{
        max-width: 247px;
        margin: 0 auto;
    }
    .frw-fo-sec .swiper-pagination{
        --swiper-pagination-bullet-size: 10px;
        margin-top: 10px;
    }
    #formPop .form-card{
        margin: 0;
    }
    .multi-filter-course-card button.slick-prev.slick-arrow {
        left: -5px !important;
        z-index: 1 !important;

    }
    
    .multi-filter-course-card button.slick-next.slick-arrow {
        right: 5px !important;
        z-index: 1 !important;

    }
}

@media screen and (max-width: 420px){

    .form-footer p, .form-footer a{
        font-size: 13px;
    }
    .form-footer .d-flex .colA ul li:not(:last-child){
        margin-right: 10px;
    }
    .frw-fo-sec .register-slider .swiper-slide .bottom-sec figcaption h4{
        font-size: 18px;
    }
    .frw-fo-sec .register-slider .swiper-slide .bottom-sec{
        gap: 14px;
    }
}

@media screen and (max-width: 320px){
    #formPop .form-card{
        padding: 20px 10px;
    }

    #formPop .card-body .title-login h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) and (min-width: 351px) {
    #forward-forum-modal.book-a-visit-popup.modal {
        top: 85px;
    }
    #forward-forum-modal.book-a-visit-popup .modal-content {
        border-radius: 10px;
    }
    #forward-forum-modal.book-a-visit-popup .modal-dialog {
        margin: 10px;
    }
}
/* End Forworded forums */