@media (max-width: 991px) {
    /* Index page Responsive Code start*/
    .space {
        padding-top: 100px;
        padding-bottom: 90px;
    }

    .hero-section {
        height: auto;
        padding-top: 250px;
        padding-bottom: 70px;
    }

    .hero-section .hero-content {
        gap: 15px;
    }
    .hero-section .hero-content {
        gap: 15px;
    }

    .hero-section {
        margin-top: 0;
    }
    .font-48 {
        font-weight: 700;
        font-size: 32px;
    }
    .warum-image-list {
        margin-top: 10px;
    }

    .driving-lesson-section {
        height: 275px;
    }

    .driving-lesson-section h2 {
        font-family: "Railway", sans-serif;
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -3%;
    }

    .driving-lesson-section p {
        font-family: "Raleway", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 1%;
    }

    /* Index page Responsive Code end*/
}

@media (max-width: 768px) {
    .nav-link {
        color: #000 !important;
    }

    table.table * {
        font-size: 14px;
    }
    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: "";
        position: absolute;
        height: 3px;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: "";
        position: absolute;
        background-color: #000;
        height: 3px;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-brand,
    .menu-link {
        color: #000;
        font-size: 15px;
        font-weight: 600;
    }

    .navbar {
        background-color: white !important;
    }

    .navbar .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-collapse {
        margin-top: 10px;
    }

    /* Index page Responsive Code start*/
    .space {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .hero-section .hero-content {
        gap: 10px;
    }
    .warum-image img {
        width: 100%;
        height: auto;
    }
    .font-48 {
        font-weight: 700;
        font-size: 35px;
    }
    .warum-image-list {
        margin-top: 10px;
    }

    .feature-list li {
        padding: 10px 0;
        display: flex;
        flex-direction: column;
    }

    .feature-list li::after {
        content: "";
        display: block;
        width: 90% !important;
        border-bottom: 1px solid #ddd;
        padding: 12px 0;
        margin-left: 0 !important;
    }
    .driving-lesson-section {
        height: 275px;
    }

    .driving-lesson-section h2 {
        font-size: 30px;
        margin-left: 10px;
    }

    .driving-lesson-section p {
        font-size: 18px;
        margin-left: 11px;
    }

    .driving-lesson-section button {
        margin-left: 10px;
    }

    .driving-lesson-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .driving-lesson-section .col-md-7 {
        text-align: center;
    }

    .driving-lesson-section .col-md-5 {
        text-align: center;
        margin-top: 12px;
    }

    .course-title {
        font-size: 16px;
        line-height: normal;
    }
    .about-text {
        font-size: 13px;
    }
    .quick-links h2 {
        padding-left: 3.2rem;
    }
    .quick-links ul {
        padding-left: 3.2rem;
        font-size: 15px;
    }
    .premier {
        font-size: 20px;
    }

    .social-icons img {
        width: 18px;
        height: 18px;
    }
    .team-card h5 {
        font-size: 20px;
    }
    .team-card p {
        font-size: 16px;
    }
    .course-font-48 {
        font-size: 32px;
    }

    .location-section p {
        font-size: 24px;
        line-height: normal;
    }
    .location-section-background h3 {
        text-align: center;
        font-size: 17px;
    }
    .location-section-background .arrow-right {
        width: 30px;
        height: 30px;
    }
    .location-section-background p {
        font-size: 17px;
        line-height: normal;
        text-align: left;
    }

    .about-lesson-section h2 {
        font-size: 32px;
        line-height: normal;
    }
    .about-lesson-section p {
        font-size: 24px;
        line-height: normal;
    }

    /* About page Responsive Code Start*/

    .abouthero-section {
        background: url(../img/about/about-banner-image.png) no-repeat;
        /* height: 50vh; */
        background-size: cover;
    }
    .abouthero-section .abouthero-wrapper {
        padding: 2rem;
    }

    .about-lesson-section {
        height: 407px;
    }

    /* Details page Responsive Code Start*/
    .license-hero-content {
        padding: 0;
    }
    .license-hero-title {
        font-size: 24px;
        line-height: normal;
    }
    .divider-container {
        margin-top: 2rem;
    }
    .license-hero-text {
        font-size: 16px;
    }
    .license-hero-cta {
        font-size: 13px;
    }
    .details-section li {
        font-size: 20px;
        margin-bottom: 0.7rem;
    }
    .price-box {
        width: 320px;
    }
    .price-box .label {
        max-width: 50%;
    }
}

@media (max-width: 425px) {
    /* Index page Responsive Code start*/


    .nav-link {
        color: #000 !important;
    }
    .hero-section {
        background: url(../img/banner_image.png) no-repeat right;
        height: 70vh;
        margin-top: 40px;
        padding-top: 100px;
        background-size: cover;
    }
    .navbar {
        background-color: white !important;
    }
    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-brand,
    .menu-link {
        color: #000;
        font-size: 15px;
        font-weight: 600;
    }

    .navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        content: "";
        position: absolute;
        background-color: #000;
        height: 3px;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .d-flex.justify-content-between {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .navbar .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-collapse {
        margin-top: 10px;
    }

    .search-box {
        border-radius: 25px;
        padding: 10px;
    }
    .rounded-pill {
        border-radius: 25px !important;
    }

    .hero-content h2 {
        font-size: 23px;
    }

    .hero-content p {
        font-size: 15px;
    }
    .para-sm {
        font-size: 16px;
        font-weight: 400;
    }
    .font-48 {
        font-weight: 700;
        font-size: 32px;
    }

    .course-font-48 {
        font-weight: 700;
        font-size: 28px;
    }

    .driving-font-48 {
        font-weight: 700;
        font-size: 32px;
    }
    .warum-image {
        margin-top: 40px;
    }
    .warum-image-list {
        margin-top: 0px;
    }

    .feature-list li {
        padding: 10px 0;
        display: flex;
        flex-direction: column;
    }

    .feature-list li::after {
        content: "";
        display: block;
        width: 100% !important;
        border-bottom: 1px solid #ddd;
        padding: 12px 0;
        margin-left: 0 !important;
    }
    .warum-right-text {
        font-size: 15px;
        font-weight: 400;
    }

    .feature-list li span {
        font-weight: 400;
        font-size: 18px;
    }

    .feature-list li small {
        font-weight: 300;
        font-size: 16px;
        margin-left: 1.7rem;
    }

    .btn-custom {
        font-family: "Raleway", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 2%;
    }

    .question-section .para-sm {
        font-size: 14px;
        line-height: 30px;
        font-weight: 400;
        line-height: 100%;
    }
    .question-section .course-font-48 {
        font-weight: 700;
        font-size: 28px;
        line-height: 100%;
    }

    .partner h2 {
        font-size: 20px;
    }
    .partner p {
        font-size: 12px;
        line-height: 1.2rem;
    }

    .main-branch-info h2 {
        font-size: 18px;
    }

    .main-branch-info span {
        font-size: 17px;
    }
    .about {
        font-size: 22px;
    }
    .about-text {
        font-size: 14px;
    }

    .premier {
        font-size: 24px;
    }

    .main-branch-info h2,
    .social-info h2 {
        font-size: 20px;
        text-align: center;
    }
    .quick-links h2 {
        padding-left: 0rem;
    }

    .quick-links ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 0rem;
    }

    .quick-links ul li {
        width: 48%;
        text-align: left;
    }

    .social-icons {
        justify-content: center;
    }

    .social-icons img {
        width: 14px;
        height: 14px;
    }

    .all-right-padding {
        padding-top: 0rem !important;
    }
    .all-right {
        font-size: 12px;
    }

    .accordion-item .accordion-button:not(.collapsed) {
        font-size: 21px;
    }
    .details-question .accordion-item .accordion-button:not(.collapsed) {
        font-size: 20px;
    }
   

    /* Index page Responsive Code end*/

    /* About page Responsive Code start*/
    .abouthero-section {
        background: url(../img/about/about-banner-image.png) no-repeat center
            center;
        height: 75vh;
        margin-top: 40px;
        background-size: cover;
    }
    .abouthero-section .abouthero-wrapper {
        /* display: block; */
        padding: 1rem;
        padding-top: 21rem;
    }
    .text-h4 {
        font-size: 34px;
    }
    .text-p {
        font-size: 18px;
    }
    .highlight p {
        font-size: 24px;
        line-height: 28px;
    }
    .highlight span {
        font-size: 16px;
    }
    .stats-subtitle {
        font-size: 18px;
    }
    .stats-title {
        font-size: 38px;
    }
    .stats-number {
        font-size: 68px;
    }
    .stats-description {
        font-size: 18px;
    }
    .stats-number-right {
        font-size: 40px;
    }
    .stats-description-right {
        font-size: 21px;
    }
    .location-section h3 {
        text-align: center;
        font-size: 18px;
    }
    .location-section p {
        font-size: 28px;
        line-height: normal;
        text-align: center;
    }

    .location-section-background h3 {
        text-align: center;
        font-size: 24px;
    }
    .location-section-background p {
        font-size: 18px;
        line-height: 1rem;
        text-align: left;
    }

    .about-lesson-section h2 {
        font-size: 25px;
        line-height: 2rem;
    }
    .about-lesson-section p {
        font-size: 17px;
        line-height: 1.5rem;
    }

    /* About page Responsive Code end*/

    /* Deatils page Responsive Code Start*/
    .details-section li {
        font-size: 12px;
        margin-bottom: 0.3rem;
    }
    article h1 {
        font-size: 27px;
        line-height: normal;
    }
    .article-p {
        font-size: 15px;
        line-height: normal;
    }
    .card-1 .card-title {
        font-size: 14px;
        line-height: normal;
    }
    .card-1 .card-text {
        font-size: 12px;
        line-height: normal;
    }

    .card-2 .card-title {
        font-size: 14px;
    }
    .card-2 .card-text {
        font-size: 12px;
        margin-top: 0rem;
    }

    .requirements {
        font-size: 27px;
        line-height: normal;
    }
    .gradint-color {
        font-size: 24px;
    }
    .article-bf17 {
        font-size: 15px;
    }
    .card-body-text {
        font-size: 16px;
    }
    .card-4 {
        padding: 7px;
        display: flex;
        white-space: pre-line;
        line-height: normal;
        border-radius: 50px !important;
    }
    .card-4 .card-text {
        font-size: 14px;
        padding: 12px 10px;
        line-height: normal;
    }
    .book-icon {
        margin-bottom: 0px;
    }
    .card-6 {
        padding: 12px;
    }
    .card-6 .span {
        font-size: 16px;
    }
    .card-6 .card-text {
        font-size: 16px;
    }
    .sub-title {
        font-size: 32px;
        line-height: normal;
    }
    .card-7 .card-body-text {
        font-size: 24px;
    }
    .card-7 .card-body span {
        font-size: 16px;
        line-height: normal;
    }
    .price-box {
        display: block;
        width: 100%;
    }
    .price-box .label {
        margin-top: 0px;
        max-width: 45%;
    }
    .card-subtitle {
        font-size: 21px;
        line-height: normal;
    }

    .card-title1 {
        font-size: 16px;
    }
    .card-9 .card-text {
        font-size: 18px;
    }
    .card-9 p {
        font-size: 16px;
        line-height: 1.5rem;
    }
    .card-10 p {
        font-size: 16px;
        line-height: normal;
    }
    img.book-icon {
        height: 25px;
    }
}

@media (max-width: 375px) {
    /* Index page Responsive Code start*/

    
    .nav-link {
        color: #000 !important;
    }

    .navbar .logo-sm {
        width: 150px !important;
    }

    .search-box {
        border-radius: 25px;
        padding: 10px;
    }

    .rounded-pill {
        border-radius: 25px !important;
    }
    .font-48 {
        font-weight: 700;
        font-size: 26px;
        line-height: 100%;
    }


    /* Index page Responsive Code end*/
}

@media (width: 1024px) {
    /* Index page Responsive Code start*/
    .font-48 {
        font-weight: 700;
        font-size: 35px;
    }
    .warum-image-list {
        margin-top: 30px;
    }
    .course-title {
        font-size: 23px;
    }
    .team-card h5 {
        font-size: 31px;
    }

    /* Index page Responsive Code end*/
    /* About page Responsive Code start*/
    .abouthero-section {
        background: url(../img/about/about-banner-image.png) no-repeat;
        height: 70vh;
        background-size: cover;
    }
    .abouthero-section .abouthero-wrapper {
        padding: 1rem;
    }

    .quick-links h2 {
        padding-left: 2.2rem;
    }
    .quick-links ul {
        padding-left: 2.2rem;
        font-size: 16px;
    }
    .main-branch-info h2,
    .social-info h2 {
        font-size: 20px;
    }
    .social-icons img {
        width: 16px;
        height: 16px;
    }

    .about-text {
        font-size: 13px;
    }

    .card-custom {
        height: auto;
    }
    .text-h4 {
        font-size: 32px;
    }
    .text-p {
        font-size: 17px;
    }
    .highlight p {
        font-size: 20px;
        line-height: 28px;
    }
    .highlight span {
        font-size: 13px;
    }
    .img-icon-width {
        width: 22px;
    }

    .stats-number {
        font-size: 75px;
    }
    .stats-description {
        font-size: 20px;
        line-height: normal;
    }

    .course-font-48 {
        font-size: 42px;
        line-height: normal;
    }
    .location-section p {
        font-size: 30px;
        line-height: normal;
    }

    .location-section-background h3 {
        text-align: center;
        font-size: 24px;
    }

    .location-section-background p {
        font-size: 18px;
        line-height: 1rem;
        text-align: left;
    }

    .about-lesson-section h2 {
        font-size: 36px;
        line-height: normal;
    }
    .about-lesson-section p {
        font-size: 26px;
        line-height: normal;
    }

    /* About page Responsive Code end*/

    /* Details page Responsive Code Start*/
    .license-hero-title {
        font-size: 32px;
        line-height: normal;
    }
    .license-hero-text {
        font-size: 18px;
    }
    .price-box {
        display: block;
        width: 100%;
    }
    .price-box .label {
        margin-top: 0px;
        font-size: 14px;
    }
    .price-box .price {
        font-size: 16px;
    }
    .details-section li {
        font-size: 15px;
    }
}

/* For mobile, hide the grid and show the slider */
@media (max-width: 767px) {
    .testimonials-card {
        display: none;
    }
}

/* For larger screens (md and up), show the grid and hide the slider */
@media (min-width: 768px) {
    #testimonialCarousel .carousel {
        display: none;
    }
    .main-branch-title {
        white-space: nowrap;
    }
}

@media (min-width: 1445px) {
    .abouthero-section {
        height: 100vh;
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

@media (min-width: 1500px) {
    .hero-section {
        height: 100vh;
    }
}

@media (min-width: 992px) {
    .col-lg-6:not(:nth-child(2n)) .price-box::after {
        content: "";
        position: absolute;
        top: 0;
        right: -12px;
        width: 2px;
        height: 95px;
        background-color: rgba(229, 236, 242, 1);
    }
}


@media (min-width: 1200px) {
    .col-xl-3:not(:nth-child(4n)) .price-box::after {
        content: "";
        position: absolute;
        top: 0;
        right: 17px;
        width: 2px;
        height: 185px;
        background-color: rgba(229, 236, 242, 1);
    }
}

/* Medium screens (768px - 991px): Add vertical line except for every second element */
@media (min-width: 768px) and (max-width: 991px) {
    .col-md-6:not(:nth-child(2n)) .price-box::after {
        content: "";
        position: absolute;
        top: 15px;
        right: 0px;
        width: 2px;
        height: 142px;
        background-color: rgba(229, 236, 242, 1);
    }
}

/* Small screens (≤1024px): Add vertical line except for every second element */
@media (max-width: 1024px) {
    .col-6:not(:nth-child(2n)) .price-box::after {
        content: "";
        position: absolute;
        top: 0;
        right: -12px;
        width: 2px;
        height: 185px;
        background-color: rgba(229, 236, 242, 1);
    }

   .course-overlay {
        top: 175px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .course-overlay {
        top: 150px;
    }
}


@media (min-width: 425px) and (max-width: 767px) {
    .course-overlay {
        top: 330px;
    }
}

@media (max-width: 424px) {
    .course-overlay {
        top: 215px;
    }
}