@media only screen and (min-width: 768px) {
    body .page-wrapper:has(main.newsletter-page) {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        /* Full viewport height */
    }

    body .page-wrapper:has(main.newsletter-page) main {
        flex: 1;
    }

    body .page-wrapper:has(main.newsletter-page) footer {
        margin-top: auto;
    }

    /* Home Page Start */

    .home-page .hero-section {
        width: 100%;
        max-width: calc(100% - 28%);
        margin: 0 auto;
    }

    /* Home Page End */
}

@media only screen and (max-width: 1450px) {
    /* ###############################(Global Settings Start) ###################################### */

    /* Font Size  */

    :root {
        font-size: 13px !important;
    }

    /* Section Spacing Start */

    .section-margin-bottom {
        margin-bottom: 35px !important;
    }

    .section-margin-bottom-md {
        margin-bottom: 18px !important;
    }

    /* Section Spacing End */

    /* ###############################(Global Settings End) ####################################### */

    /* ###############################(Home Page Start) ##################################### */

    /* Home Page Start  */

    .page-title .title-logo-box a {
        max-width: 260px;
    }

    .hero-section p.sub-heading {
        max-width: 81%;
    }

    /* Home Page End  */

    /* ###############################(Home Page End) ####################################### */

    /* About page Start  */

    .about-wrapper .founder-section {
        position: static;
    }

    .about-wrapper {
        position: relative;
    }

    .about-wrapper .founder-image {
        left: 0px;
    }

    .about-wrapper .founder-image {
        max-width: 300px;
    }

    .about-wrapper-2 .founder-section {
        position: static;
        padding-right: 140px;
    }

    .about-wrapper-2 {
        position: relative;
        padding-right: 200px;
    }

    .about-wrapper-2 .founder-image {
        right: 0px;
    }

    .about-wrapper-2 .founder-image {
        max-width: 300px;
    }

    /* About page End  */
}

@media only screen and (max-width: 1200px) {
    /* ###############################(Global Settings Start) ###################################### */

    /* Font Size  */

    :root {
        font-size: 13px !important;
    }

    /* Section Spacing Start */

    .section-margin-bottom {
        margin-bottom: 30px !important;
    }

    .section-margin-bottom-md {
        margin-bottom: 15px !important;
    }

    /* Section Spacing End */

    /* ###############################(Global Settings End) ####################################### */

    /* ###############################(Home Page Start) ##################################### */

    /* Home Page Start  */

    .page-title .title-logo-box a {
        max-width: 255px;
    }

    .dropdown-section .menu-title {
        margin-bottom: 30px;
    }

    .section-lineBreak::after {
        margin-top: 30px;
    }

    /* Home Page End  */

    /* ###############################(Home Page End) ####################################### */

    /* Header Start  */
    header .logo-wrapperBox a {
        max-width: 222px;
    }

    /* Header End  */

    /* Footer Start  */

    .footer-section {
        margin-top: 70px;
    }

    /* Footer End  */

    /* Newsletter Page Start  */

    main.newsletter-page {
        padding-left: calc(100% - 95%);
        padding-right: calc(100% - 95%);
    }

    /* Newsletter Page End  */
}

@media only screen and (max-width: 991px) {
    /* ###############################(Global Settings Start) ###################################### */

    /* Font Size  */

    :root {
        font-size: 13px !important;
    }

    .section-margin-bottom-lg {

        margin-bottom: 40px !important;
    }


    /* Section Spacing Start */

    .section-margin-bottom {
        margin-bottom: 30px !important;
    }

    .section-margin-bottom-md {
        margin-bottom: 15px !important;
    }

    /* Section Spacing End */

    /* ###############################(Global Settings End) ####################################### */

    /* ###############################(Home Page Start) ##################################### */

    /* Home Page Start  */

    .page-title .title-logo-box a {
        max-width: 250px;
    }

    .dropdown-section .menu-title {
        margin-bottom: 20px;
    }

    .section-lineBreak::after {
        margin-top: 20px;
    }

    /* Home Page End  */

    /* ###############################(Home Page End) ####################################### */

    /* Footer Start  */

    .footer-section {
        margin-top: 70px;
    }

    /* Title Fonts Start */

    .title-content-box p.heading {
        font-size: 60px;
        line-height: 70px;
    }

    body:has(main.consultation-page) {

        background-image: url(/imgs/consultation/consultation_bg.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

    }

    body:has(main.consultation-page) header,
    body:has(main.consultation-page) .page-title {

        background-color: transparent !important;
    }

    .consultation-page .title-content-box p.heading {
        font-size: 35px;
        line-height: 45px;
    }

    .consultation-page .title-content-box p.sub-heading-style1 {
        font-size: 18px;
        line-height: 28px;
        max-width: 360px;
    }

    .styled-form .form-group label {

        font-size: 13px;
        letter-spacing: 0.3px;

    }

    /* Title Fonts End */

    .dropdown-section .menu-item {
        flex: 1 1 calc(50% - 2rem);
    }

    /* contact page Start  */

    .contact-section .btn-submit {
        font-size: 14px;
    }

    .contact-section .contact-content{

        max-width: 500px;
    }



    /* contact page End  */

    .about-wrapper {
        padding-left: 0px;
    }

    .about-wrapper .founder-section {
        padding: 30px;
    }

    .about-wrapper .founder-image {
        text-align: center;
        position: static;
        margin-inline: auto;
        margin-bottom: 30px;
    }

    .about-wrapper .founder-image img {
        max-width: 100%;
    }

    .about-wrapper .note-content p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .about-wrapper .note-content .note-heading h3,
    .about-wrapper-2 .note-content .note-heading h3 {
        font-size: 20px;
    }

    .about-wrapper-2 {
        padding-right: 0px;
    }

    .about-wrapper-2 .founder-section {
        padding: 30px;
    }

    .about-wrapper-2 .founder-image {
        text-align: center;
        position: static;
        margin-inline: auto;
        margin-bottom: 30px;
    }

    .about-wrapper-2 .founder-image img {
        max-width: 100%;

    }

    .about-wrapper-2 .note-content p {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .about-wrapper .note-content .note-heading{

        margin-bottom: 20px;
    }
    /* services Page Start  */

    .intro-text {
        font-size: 1.75rem;
    }

    .service-box {
        padding: 0px;
    }

    .bg-coral:has(.service-box) {
        margin-bottom: 30px;
    }

    .service-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .service-description {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .service-list-item h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .service-list-item p {
        font-size: 14px;
        line-height: 24px;
    }

    .service-list-item {
        margin-bottom: 15px;
    }
    .service-description:not(.service-box.first-box .service-description){

        margin-bottom: 15px;
    }
    /* services Page End  */

    /* Home Page Start  */

    .home-page .hero-section {
        margin-bottom: 30px;
    }

    .dropdown-section .menu-container {
        gap: 5px;
    }

    .dropdown-section .menu-item {
        padding: 0px;
    }


    .testimonial-card {
        padding: 25px 10px;
    }

    .quote-start,
    .quote-end {
        font-size: 20px;
    }

    .quote-start {
        top: -10px;
        left: 0px;
    }

    .quote-end {
        bottom: 10px;
        right: 0px;
    }

    /* Home Page End  */

    /* About Page Start  */

    .sub-heading-style2 {
        max-width: 500px;
    }

    /* About Page End  */

    /* Article Detail Page start  */

    .page-wrapper:has(main.articleDetail-page) .title-content-box p.heading {
        max-width: 100%;
        font-size: 35px;
    }
    .page-wrapper:has(main.articleDetail-page) .title-content-box p.subheading{

        max-width: 530px;
        margin-bottom: 60px;
    }

    .article-details h2:first-of-type {
        font-size: 28px;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .article-details p{

        font-size: 14px !important;
        margin-bottom: 15px !important;
    }

    .article-details h3{

        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    .article-details ul li{

        font-size: 14px !important;
        margin-bottom: 15px !important;
    }



    /* Article Detail Page End  */

    /* Newsletter Page Start  */

    main.newsletter-page {
        padding-left: 10px;
        padding-right: 10px;
    }

    .title-content-box.style2 p {

        font-size: 60px;
    }


    .article-title {

        font-size: 16px;
    }

    .article-meta {

        font-size: 13px;
        line-height: 23px;
    }

    /* Newsletter Page End  */

    /* Consultation Page Start  */

    .consultation-section .consultation-form .form-title,.consultation-section .consultation-btn,.consultation-section .lower-description{

        font-size: 16px;
    }



    .consultation-section .lower-description{

        font-size: 16px;
        max-width: 680px;
    }

    .consultation-section .consultation-content{

        max-width: 500px;
    }
    .consultation-section p.description{

        margin-bottom: 20px !important;
        max-width: 680px;
    }

    /* Consultation Page End  */


}

@media only screen and (max-width: 767px) {
    /* ###############################(Global Settings Start) ###################################### */

    /* Font Size  */

    :root {
        font-size: 13px !important;
    }

    .section-header h2 {
        font-size: 18px;
    }

    .title-content-box p.sub-heading {
        font-size: 18px;
    }

    .title-content-box p.heading {
        font-size: 50px;
        line-height: 60px;
    }

    /* Section Spacing Start */

    .section-margin-bottom-lg {
        margin-bottom: 30px !important;
    }

    .section-margin-bottom {
        margin-bottom: 20px !important;
    }

    .section-margin-bottom-md {
        margin-bottom: 10px !important;
    }

    /* Section Spacing End */

    /* ###############################(Global Settings End) ####################################### */

    /* ###############################(Home Page Start) ##################################### */

    /* Home Page Start  */

    .page-title .title-logo-box a {
        max-width: 230px;
    }

    .hero-section p.heading{

        font-size: 18px;
    }
    .dropdown-section .menu-title {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .section-lineBreak::after {
        margin-top: 30px;
    }

    .hero-section p.sub-heading {
        max-width: 97%;
        font-size: 16px;
    }

    .dropdown-section .menu-content li {
        font-size: 13px;
    }

    .testimonial-text {
        font-size: 16px;
        line-height: 26px;
        padding: 0px 20px;
    }

    /* Home Page End  */

    /* ###############################(Home Page End) ####################################### */

    /* Footer Start  */

    .footer-section {
        margin-top: 60px;
    }

    /* Page Title Start  */

    .title-logo-box.text-center img {
        max-width: 100%;
    }

    /* Page Title End  */

    .consultation-page .title-content-box p.heading {
        font-size: 42px;
        line-height: 52px;
    }

    .consultation-page .title-content-box p.sub-heading-style1 {
        font-size: 16px;
        line-height: 26px;
    }

    /* Title Fonts End */

    /* Global Styling End  */

    /* Home Page Start  */

    .dropdown-section .menu-content ul {
        display: block;
    }

    .dropdown-section .menu-content p {
        display: none;
    }

    .dropdown-section .menu-item::after {
        content: "";
        display: block;
        width: 15%;
        border-top: 1px solid black;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .dropdown-section.section-lineBreak::after {
        display: none;
    }

    /* Home Page End  */

    header .topHeader-wrapperBox {
        flex-wrap: nowrap;
        padding-inline: 0px;
    }

    #navbarNav {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0px;
        right: 0px;
        background-color: var(--main-color);
    }

    header .navbar-wrapperBox .navbar-nav .nav-item {
        margin-right: 0px;
    }

    header .navbar-wrapperBox .navbar-nav .nav-link {
        color: white;
    }

    /* Smooth dropdown animations */
    .dropdown-menu {
        overflow: hidden;
        /* Hide content during collapse */
        transition: height 0.3s ease, opacity 0.3s ease;
        height: 0;
        /* Start fully collapsed */
        opacity: 0;
        /* Invisible when collapsed */
        padding: 0;
        /* Prevent visual spacing issues */
        margin: 0;
        display: block;
        /* Ensure dropdown content remains block-level */
        text-align: center;
    }

    .dropdown-menu.show {
        height: auto;
        /* Let JS dynamically calculate the height */
        opacity: 1;
        /* Fully visible when expanded */
        padding: 0.5rem 1rem;
        /* Add padding back when expanded */
    }

    .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .status-box .form-group.one-line {
        flex-wrap: wrap;
    }

    .menu-item {
        flex: 1 1 100%;
    }

    /* services Page Start  */

    .service-list-item {
        margin-bottom: 10px;
    }

    .first-box .service-description {
        font-size: 18px;
        line-height: 28px;
    }

    .service-list-item h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .service-description:not(.service-box.first-box .service-description) {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .service-list-item p {
        font-size: 13px;
        line-height: 23px;
    }

    .services-section {
        padding: 0.3rem 1rem;
        padding-top: 0px;
    }

    .section-title {
        font-size: 3rem;
    }

    .intro-text {
        font-size: 1.5rem;
    }

    /* services Page End  */

    /* Contact Page Start  */

    .title-content-box p.sub-heading-style1 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 50px !important;
    }

    .title-content-box p.description-style1 {
        font-size: 13px;
        line-height: 18px;
    }

    .styled-form .form-group label {
        font-size: 13px;
        letter-spacing: 0.3px;
    }

    /* Contact Page End  */

    /* Consultation Page Start  */

    .consultation-page .title-content-box p.heading {
        font-size: 30px;
        line-height: 40px;
    }



    .consultation-section p.description {
        font-size: 16px;
        line-height: 26px;
        padding-inline: 10px;
        max-width: 450px;
        width: 100%;
    }

    .consultation-section .lower-description {
        font-size: 16px;
        line-height: 26px;
        padding-inline: 10px;
        backdrop-filter: none;
    }

    .consultation-section .consultation-btn {
        font-size: 16px;
        padding: 15px;
    }

    /* Consultation Page End  */

    /* About Page Start  */

    .about-wrapper .note-content .note-heading h3,
    .about-wrapper-2 .note-content .note-heading h3 {
        font-size: 16px;
    }

    .about-wrapper .note-content p,
    .about-wrapper-2 .note-content p {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    /* About Page End  */

    /* Newsletter Page Start  */

    .newsletter-section h2 {
        font-size: 18px;
    }

    .article-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .article-meta {
        font-size: 14px;
        line-height: 24px;
    }

    /* Newsletter Page End  */

    /* Article Detail Page Start */

    .page-wrapper:has(main.articleDetail-page) .title-content-box p.heading {
        font-size: 30px;
        line-height: 40px;
    }
    .article-details .content-section table.two-columns-layout tr td {
        width: 100% !important;
        display: block;
    }
    .page-wrapper:has(main.articleDetail-page) .title-content-box p.subheading {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 40px;
    }
    .article-details h3{
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .article-details p {
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 10px !important;
    }
    .article-details ul{

        margin-bottom: 15px !important;
    }
    .article-details ul li{

        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 10px !important;

    }

    /* Article Detail Page End */
}

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

    /* Font Size  */

    :root {
        font-size: 13px !important;
    }

    /* Section Spacing Start */

    .section-margin-bottom {
        margin-bottom: 20px !important;
    }

    .section-margin-bottom-lg{

        margin-bottom: 25px !important;
    }
    /* HomePage Start  */

    .hero-section p.heading{

        font-size: 16px;
    }


    .hero-section p.sub-heading {
        font-size: 14px;
        line-height: 24px;
    }


    .testimonial-text{

        font-size: 14px;
        line-height: 24px;
    }

    .author-name,.author-title{

        font-size: 16px;
        line-height: 26px;
    }

    /* HomePage End  */

    /* Footer Start  */

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

    /* Footer End  */

    /* About Page Start  */

    .sub-heading-style2 p {
        text-align: center !important;
    }

    /* About Page End  */

    /* services page start  */

    .first-box .service-description {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px !important;
    }

    /* services page End  */

    .page-title .title-logo-box a {
        max-width: 195px;
    }

    .title-content-box p.heading {
        font-size: 40px;
        line-height: 50px;
    }

    .title-content-box p.sub-heading {
        font-size: 18px;
        line-height: 28px;
        max-width: 300px;
        margin: auto;
    }

    .title-content-box p.sub-heading-style1 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 40px !important;
    }

    .title-content-box p.description-style1 {
        font-size: 14px;
        line-height: 24px;
    }

    .consultation-page .title-content-box p.heading {
        font-size: 28px;
        line-height: 38px;
    }

    .consultation-page .title-content-box p.sub-heading-style1 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px !important;
    }

    .page-wrapper:has(main.newsletter-page) .title-content-box p.heading {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px !important;
        color: var(--bs-white);
        background: var(--purpose-orange);
        padding: 20px 0;
    }
    main.newsletter-page .page-title .container-fluid>.row{

        margin-bottom: 40px;
    }
    .newsletter-section h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .page-wrapper:has(main.articleDetail-page) .title-content-box p.heading {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .article-details h2:first-of-type {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 50px;
    }

    .article-details h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }


    /* Title Detail Page Start */

    .article-details h3{

        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px !important;
    }
    .page-wrapper:has(main.articleDetail-page) .title-content-box p.subheading {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 40px;
    }
    .article-details .content-section table td {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }



    /* Title Detail Page End */

    /* Consultation Page Start  */

    .consultation-section p.description {
        font-size: 14px;
        line-height: 24px;
    }

    .consultation-section .lower-description {
        font-size: 14px;
        line-height: 24px;
    }

    /* Consultation Page End  */
}