/* Large Screens: Desktop (min-width: 1200px) */

@media (min-width: 1200px) {

    .aboutus01 .title01 {

        font-size: clamp(1.8rem, 2.2vw + 1rem, 2.75rem);

    }

        .container{

        max-width: 1190px;

    }



    .img-cover01 {

        aspect-ratio: 2/1;

        height: auto;

        object-fit: cover;

    }



    .abt-content {

        padding: 10px 10px;

        height: 100%;

    }



    .col-left01 {

        padding-right: clamp(0px, 2vw, 24px);

    }



    .content-sec h1 {

        font-size: 22px;

    }

}



/* Medium Screens: Tablets (min-width: 768px to 1199px) */

@media (min-width: 768px) and (max-width: 1199px) {

    .aboutus01 .title01 {

        font-size: 2rem;

        /* Slightly reduced font size */

    }



    .img-cover01 {

        aspect-ratio: 2/1;

        width: 100%;

        height: auto;

    }



    .abt-content {

        padding: 20px;

    }



    .content-sec h1 {

        font-size: 20px;

    }



    .col-left01 {

        padding-right: 15px;

        /* Slight reduction in padding */

    }



    .aboutus01 .underline01 {

        margin-bottom: 20px;

    }



    .abt-content .content-sec {

        max-height: 300px;

    }

}



/* Small Screens: Mobile (max-width: 767px) */

@media (max-width: 767px) {

    .aboutus01 .title01 {

        font-size: 1.5rem;

        /* Adjust for mobile */

        margin-bottom: 1rem;

        /* Reduce margin */

    }



    .img-cover01 {

        aspect-ratio: 1/1;

        /* Change to square aspect for mobile */

        object-fit: cover;

        height: 250px;

        /* Set fixed height */

    }



    .abt-content {

        padding: 10px 15px;

    }



    .content-sec h1 {

        font-size: 18px;

    }



    .content-sec p,

    .content-sec ul li {

        font-size: 12px;

        line-height: 1.4;

    }



    .cmTitle {

        font-size: 16px;

    }



    /* Ensure H2 headings don't get cut off */

    .aboutus01 .title01 {

        font-size: 1.3rem;

        text-align: center;



    }



    .abt-content .content-sec {

        max-height: 250px;

        /* Reduced height to ensure content visibility */

        overflow-y: auto;

    }



    /* Stack layout vertically */

    .col-left01,

    .col-lg-7 {

        padding: 0;

        width: 100%;

    }



    .aboutus01 .row {

        flex-direction: column;

        align-items: center;

    }



    .aboutus01 .underline01 {

        margin-bottom: 12px;

    }



    /* ****************form with content**************** */



    .ld-title {

        font-size: 1.15rem;

    }







    /* category section code */



    .catrogery-heaading {

        font-size: 1.1rem;

        /* adjust as needed */

        font-weight: bold;

        white-space: nowrap;

        /* keep in one line */

        overflow: hidden;

        text-overflow: ellipsis;

        display: block;

    }



    /* Truncate description text */

    .desc-14,

    .news05-text , .related-blog-card .card-body .blogtext13 {

        font-size: 1rem;

        line-height: 1.4em;

        height: 3em;

        /* ~2 lines */

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* number of lines */

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

    }



    /* Buttons truncate if text too long */

    .catbtnread14,

    .catbtnknow14 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 1rem;

    }





    .social {

        margin-left: 150px;

    }

        .news05-body, .section-11, .section-04 {

        padding: 10px 13px 13px;

    }



     /* category product code */



    .catrogery-heaading,

    .recent-blogs .blogheading {

        font-size: 1rem;

        /* adjust as needed */

        font-weight: bold;

        white-space: nowrap;

        /* keep in one line */

        overflow: hidden;

        text-overflow: ellipsis;

        display: block;

    }



    /* Truncate description text */

    .desc-14,

    .recent-blogs .blogtext.related-blog-card .card-body .bloghead13 {

        font-size: 0.85rem;

        line-height: 1.3em;

        height: 2.9em;

        /* ~2 lines */

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* number of lines */

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

    }



    /* Buttons truncate if text too long */

    .catbtnread14,

    .catbtnknow14 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 0.85rem;

    }



    .ld-title,

    .ld-cardTitle,

    .heading03,

    .card03 .eyebrow03,

    .cta04 .heading04,

    .ph-card__title {

        font-size: 1.5rem;

    }



    .card03 .whyhead,

    .card03 .whyheadcolor,

    .proj06 .proj06-title,

    .news05-title,

    .lead-highlight11,

    .faq-header-content .faq-title,

    .faq-header-content .faq-description,

    .blog-text .detailblogheading,

    .related-blogs .realtedtext,

    .related-blog-card .card-body .blogtext13 {

        font-size: 1.3rem;



    }



    .news05-title,

    .img-breadcum .sub-tt,

    .img-breadcum .tt,

    .mission-vision-box .heading,

    .feature-box .industy-heder,

    .heading-13 {

        font-size: 1.1rem;

    }



    .news05-title ,.related-blog-card .card-body .bloghead13{

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* number of lines */

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

    }



    .ld-desc,

    .ld-sideTitle,

    .ld-sideText,

    .ld-accBody,

    .ld-cardSub,

    .matrix-title,

    .card03 .whypara,

    .cta04 .subtext04,

    .proj06 .proj06-tabs .nav-link,

    .proj06 .proj06-date,

    .ph-card__text,

    .ph-outline__text,

    .news05-text,

    .news05-body,

    .top-bar p,

    .foot08-muted,

    .foot08-nav,

    .foot08-popular-list,

    .copy-block11,

    .mission-vision-box .missiontext,

    .section-04 p,

    .feature-box .industy-text,

    .feature-card p.section-04 p,

    .feature-box .industy-text,

    .feature-card p,

    .faq-header-content .faq-description,

    .faq-cta-card .faq-cta-description,

    .accordion-body,

    .intro-13,

    .para-13,

    .contact-desc,

    .info-item,

    .blog-text .detailblogtext,

    .related-blog-card .card-body .bloghead13 {

        font-size: 0.95rem;

    }







    .proj06-title {

        display: none;

    }



    .card03 {

        padding: 1rem;

    }



    .news05 {

        display: block;

        gap: 5px;

    }





    .news05-body,

    .section-11,

    .section-04 {

        padding: 6px 10px 10px;



    }



    .section-11,

    .section-04 {

        padding: 10px 16px 16px;

    }



    .news05-meta {

        display: none;



    }



     

    .news05-btn{

        border-radius: 1px;

                font-size: 13px;



        padding: 6px 8px;

        

    }



    

    .mission-vision-box .content,

    .blog-card .btn-readmore15 {

        border-radius: 5px;

        font-size: 13px;

        padding: 6px 8px;

    }



    .news05-date {

        font-size: 13px;

        padding: 6px 7px;

    }







}



/* Extra Small Screens: Mobile (max-width: 576px) */

@media (max-width: 576px) {

    .aboutus01 .title01 {

        font-size: 1.2rem;

        text-align: center;

    }



    .heading-text {

        font-size: 1.2rem;

    }





    .img-cover01 {

        height: 200px;

        /* Further reduce height */

    }



    .abt-content {

        padding: 10px 17px;

    }



    .content-sec h1 {

        font-size: 16px;

    }



    .cmTitle {

        font-size: 14px;

    }



    .content-sec p,

    .content-sec ul li {

        font-size: 11px;

    }



    .aboutus01 .col-left01 {

        padding: 0;

    }



    .aboutus01 .row {

        flex-direction: column;

        align-items: center;

    }



    .abt-content .content-sec {

        max-height: 200px;

        /* Adjust height for small screens */

        overflow-y: auto;

    }



    .aboutus01 .underline01 {

        width: 100%;

    }



    /* category product code */



    .catrogery-heaading,

    .recent-blogs .blogheading {

        font-size: 0.98rem;

        /* adjust as needed */

        font-weight: bold;

        white-space: nowrap;

        /* keep in one line */

        overflow: hidden;

        text-overflow: ellipsis;

        display: block;

    }



    /* Truncate description text */

    .desc-14,

    .recent-blogs .blogtext {

        font-size: 0.75rem;

        line-height: 1.3em;

        height: 2.7em;

        /* ~2 lines */

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* number of lines */

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

    }



     .section-highlight{

    padding: 24px 0;

    background: var(--background2-color);

        }



    /* Buttons truncate if text too long */

    .catbtnread14,

    .catbtnknow14 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 0.75rem;

    }



    .ld-title,

    .ld-cardTitle,

    .heading03,

    .card03 .eyebrow03,

    .cta04 .heading04,

    .ph-card__title {

        font-size: 1.4rem;

    }



    .card03 .whyhead,

    .card03 .whyheadcolor,

    .proj06 .proj06-title,

    .news05-title,

    .lead-highlight11,

    .faq-header-content .faq-title,

    .faq-header-content .faq-description,

    .blog-text .detailblogheading,

    .related-blogs .realtedtext,

    .related-blog-card .card-body .blogtext13  {

        font-size: 1.2rem;



    }



    .news05-title,

    .img-breadcum .sub-tt,

    .img-breadcum .tt,

    .mission-vision-box .heading,

    .feature-box .industy-heder,

    .heading-13 {

        font-size: 1rem;

    }



    .news05-title {

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        /* number of lines */

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

    }



    .ld-desc,

    .ld-sideTitle,

    .ld-sideText,

    .ld-accBody,

    .ld-cardSub,

    .matrix-title,

    .card03 .whypara,

    .cta04 .subtext04,

    .proj06 .proj06-tabs .nav-link,

    .proj06 .proj06-date,

    .ph-card__text,

    .ph-outline__text,

    .news05-text,

    .news05-body,

    .top-bar p,

    .foot08-muted,

    .foot08-nav,

    .foot08-popular-list,

    .copy-block11,

    .mission-vision-box .missiontext,

    .section-04 p,

    .feature-box .industy-text,

    .feature-card p.section-04 p,

    .feature-box .industy-text,

    .feature-card p,

    .faq-header-content .faq-description,

    .faq-cta-card .faq-cta-description,

    .accordion-body,

    .intro-13,

    .para-13,

    .contact-desc,

    .info-item,

    .blog-text .detailblogtext,

    .related-blog-card .card-body .bloghead13 {

        font-size: 0.8rem;

    }







    .proj06-title {

        display: none;

    }



    .card03 {

        padding: 1rem;

    }



    .news05 {

        display: block;

        gap: 5px;

    }





    .news05-body,

    .section-11,

    .section-04 {

        padding: 5px 8px 8px;



    }



    .section-11,

    .section-04 {

        padding: 25px 20px 20px;

    }



    .news05-meta {

        display: none;



    }

    @media (max-width: 576px) {

    .news05-btn{

        border-radius: 1px;

        font-size: 12px;

        padding: 5px 8px;

    }

}



    .mission-vision-box .content,

    .blog-card .btn-readmore15 {

        border-radius: 5px;

        font-size: 12px;

        padding: 5px 8px;

    }



    



    .news05-date {

        font-size: 11px;

        padding: 4px 5px;

    }



    .social {

        display: none;

    }



    .enq-btn {

        width: 40%;

    }



    .foot08,

    .foot08-popular,

    .contact-section {

        padding: 5px;

    }



    .mission-vision-box {

        padding: 10px;

    }



    .custom-list li {

        position: relative;

        padding-left: 24px;

        margin-bottom: 6px;

        color: var(--text1-color);

        font-size: 0.75rem;

    }











}



/* Default (lg and up) keep roomy spacing */

.faq-section{padding: 56px 0px; } /* same as py-5 */



/* Medium (≤991.98px): slightly tighter top/bottom */

@media (max-width: 991.98px){

  .faq-section{ padding-top: 2rem !important; padding-bottom: 2.25rem !important; }

}



/* Small (≤575.98px): even tighter */

@media (max-width: 575.98px){



  .faq-section{ padding-top: 1.5rem !important; padding-bottom: 2rem !important; }

}


@media (max-width: 370.98px){

.contact-item{
    gap: 5px;
    font-size: 12px;
}

 

}