@media (max-width: 1240px) {
    /* .container{
        max-width: 1140px;
    } */
  .case-study-bottom .flex-between-align-start{
    flex-direction: column;
}
.case-study-content-text{
    margin-top: 2%;
}
.case-study-top .flex-between-align-start{
    flex-direction: column;
}
.case-study-content-right{
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
}
.case-study-top{
    margin-bottom: 30px;
}
}


@media (min-width:992px) and (max-width:1199.98px) {
  
h1 {
    font-size: 44px;
    line-height: 52px;
    font-weight: 700;
}
    .container {
        max-width: 960px;
    }

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

    .why-choose-us-content {
        gap: 60px;
        flex-direction: column;
        align-items: center;
        padding: 100px 0 0 0;
    }

    .why-choose-us-section {
        padding-bottom: 100px;
    }

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


    .director-content {
        gap: 80px;
        flex-direction: column;
    }

    .director-content img {
        width: 100%;
        height: 650px;
        object-fit: cover;
    }

    .director-section {
        padding: 100px 0;
    }

    .contact-items {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .contact-content {
        gap: 50px;
    }

    .contact-item img {
        height: 31px;
        width: 30px;
        object-fit: contain;
    }

    .footer-image-grid-main {
        padding-bottom: 60px;
    }

    .footer {
        padding: 100px 0 0 0;
    }


    .milestone {
        padding: 31px 15px;
        width: max-content;
    }

    .all-services-row img {
        height: 100%;
        width: 420px;
        object-fit: cover;
    }

    .form-row {
        display: flex;
        gap: 6px;
    }

    .contact-form-inner textarea {
        flex-basis: 100%;
        height: 250px;
        width: 100%;
    }

    /* about us page starts */



    .about-us-section-content {
        flex-direction: column;
    }
.flex-col.basis-34{
    flex-basis: 100%;
}
    .about-us-section img {
    width: 100%;
    height: 394px;
    object-fit: cover;
    margin: 30px 0px;
}

    .about-us-section img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        margin: 30px 0px;
    }

    .about-us-section .fs-20 {
        font-size: 17px;
        line-height: 25px;
    }


    .mission-vision-section .mission-vision-image {
    height: 390px;
    width: 500px;
    object-fit: cover;
}

.mission-vision-section {
    padding: 0px 0 250px 0;
}
.mission-vision-card {
    bottom: -210px;
    left: 175px;
    width: 79%;
    padding: 30px;
    position: absolute;
}
.mission-vision-section {
    padding: 0px 0 300px 0;
}

.positions-list {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}
.application-form-container {
   max-width: 100%;
    margin: 0 auto;
    background-color: white;
    padding: 40px;
    /* border-radius: 10px; */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.form-row {
    display: flex;
    gap: 20px;
}

.form-input {
    padding: 0px 20px;
    height: 50px;
    border: 1px solid #cdcdcd;
    font-size: 14px;
    transition: border-color 0.3s ease;
}


.case-study-content-right {
    margin-bottom: 40px;
}
}
@media (min-width: 992px) {
  .project-overlay p{
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;

  }


  /*.service-card .card-content{*/
  /*  max-height: 220px;*/
  /*  overflow-y: auto;*/
  /*}*/

  /*.why-choose-us-item p{*/
  /*  max-height: 120px;*/
  /*  overflow-y: auto;*/
  /*  width: 100%;*/
  /*}*/
  .why-choose-us-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  /*.testimonial-content p{*/
  /*  max-height: 120px;*/
  /*  overflow-y: auto;*/
  /*}*/
  /*.director-section .color-white-p{*/
  /*  max-height: 290px;*/
  /*  overflow-y: auto;*/
  /*}*/
  /*.all-services-content p{*/
  /*  max-height: 120px;*/
  /*  overflow-y: auto;*/
  /*}*/

  .about-us-section-content p.color-dark-blue{
    /* max-height: 115px; */
    /* overflow-y: auto; */
  }
   .about-us-section-content .about-text-content{
    /* max-height: 290px; */
    /* overflow-y: auto; */
  }
  .mission-vision-row .about-text-content{/* max-height: 150px; *//* overflow-y: auto; */}

  .mission-vision-card p{
    /* max-height: 160px; */
    overflow-y: auto;
  }
.mission-vision-card{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/*.award-text-content p{*/
/*    max-height: 200px;*/
/*    overflow-y: auto;*/
/*}*/
}

@media (min-width:768px) and (max-width:991.98px) {
    h1 {
        font-size: 44px;
        line-height: 52px;
        font-weight: 700;
    }

    .form-input {
        height: 50px;

    }

    .container {
        max-width: 720px;
    }

    .breadcrumb-para {
        width: 73%;
        margin: 0 auto;
    }

    .bar-icon {
        display: block;
    }

    .banner {
        padding: 40px 0 50px 0;
    }

    .banner-content p {
        width: 100%;
    }


    .navbar {
        padding: 10px 0;
    }

    header nav {
        justify-content: space-between;
    }

    header nav ul {
        height: 100vh;
        transition: 0.5s;
        width: 60%;
        background-color: black;
        top: 0;
        left: -100%;
        position: absolute;
        padding: 30px;
        flex-direction: column;
        z-index: 999;
    }

    .navbar-active {
        left: 0;
    }

    header nav ul li {
        margin-bottom: 20px;
    }

    header nav ul .sub-menu {
        display: none;
        position: static;
        background: transparent;
        padding: 0 0 0 20px;
        min-width: auto;
        height: auto;
        width: auto;
        left: auto;
        top: auto;
    }

    header nav ul .menu-item-has-children.sub-menu-open > .sub-menu {
        display: block;
    }

    header nav ul .sub-menu a {
        white-space: normal;
        padding: 8px 0;
        font-size: 14px;
        opacity: 0.8;
    }
    

    .banner-content {
        margin: 0px 0 30px 0;
        width: 100%;
        text-align: center;
    }

    .banner-slider {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .why-choose-us-content {
        flex-direction: column;
        align-items: center;
    }

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



    /* services section starts */

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

    .service-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .service-card {

        flex: 100% !important;

        height: 380px;


    }

    .card-content {
        width: 100% !important;
    }

    /* services section ends */


    .why-choose-us-section {
        padding: 80px 0;
    }

    .why-choose-us-content {
        gap: 70px;
    }

    /* director */

    .director-content img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .director-content {
        gap: 50px;
    }

    .director-section {
        padding: 90px 0;
    }

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

    .contact-content {
        gap: 50px;
    }

    .contact-form-inner textarea {
        flex-basis: 100%;
        height: 230px;
    }

    .contact-items {
        margin-top: 50px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }



    /* services page starts */

    .process-section-content {
        flex-direction: column;
    }

    /* .process-section-content .milestones{
        flex-direction: column;
    } */

    .process-left {
        width: 100%;
    }

    .process-section-para {
        width: 100%;
        margin-bottom: 30px;
    }

    .milestones {
        margin-bottom: 30px;
    }

    .milestones .milestone {
        padding: 15px;
    }

    .milestones .milestone h3 {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .milestones .milestone p {
        font-size: 12px;
        line-height: 16px;
    }

    .process-right .item {
        align-items: start;
    }

    /* services page ends */
    .process-right {
        width: 100%;
    }

    .all-services-section {
        padding: 85px 0;

    }

    .all-services-row {
        flex-direction: column;
    }

    .all-services-row img {
        height: 340px;
        width: 100%;
    }

    .all-services-row:nth-child(even) {
        margin-top: 40px;
        flex-direction: column;
    }

    .all-services-row {
        gap: 15px;
    }

    .all-services-keys {
        margin-top: 20px;
    }


    /* projects page starts */

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .projects-page-contact-cta-content {
        flex-direction: column;
    }

    .projects-page-contact-cta .contact-form {
        width: 100%;
        padding: 0;
    }



    .projects-page-contact-cta {
        padding: 50px 0 50px 0;
    }

    .project-page-item {
        position: relative;
        height: 440px;

    }

    .project-page-item p {
        margin-bottom: 20px;
    }

    .project-page-item .view-btn {
        margin-bottom: 10px;
    }

    .projects-page-contact-cta {
        padding: 80px 0;
    }

    /* projects page ends */



    /* about us page starts */



    .about-us-section-content {
        flex-direction: column;
    }

    .about-us-section img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        margin: 30px 0px;
    }

    .about-us-section .fs-20 {
        font-size: 17px;
        line-height: 25px;
    }

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

    .mission-vision-row {
        flex-direction: column;
    }

    .mission-vision-section .mission-vision-image {
        width: 100%;
        height: 230px;
    }

    .mission-vision-card {
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .mission-vision-card {
        bottom: 0px;
        left: 0px;
        flex-direction: column;
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .mission-vision-card .flex-col {
        padding: 0;
    }

    .mission-vision-card .flex-col:first-child {
        border-right: none;
        border-bottom: 1px solid #00174d59;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .mission-vision-row {
        position: relative;
        gap: 35px;
    }

    /* about us page ends */

    .positions-list {
        width: 100%;
        margin: 0 auto;
        margin-top: 50px;
    }


    /* footer starts */
    .footer {
        padding: 80px 0 0 0;
    }

    .footer-main-row {

        width: 100%;
    }

    .footer-image-grid img {
        height: 120px;
        width: 100%;
        object-fit: cover;
    }

    .footer-list p {
        font-size: 14px;
    }
}


@media (max-width: 767.98px) {


    h1 {
        font-size: 26px;
        line-height: 34px;
        font-weight: 700;
    }

    h2 {
        font-size: 24px;
        line-height: 1.3;
        font-weight: 600;
    }

    h3 {
        font-size: 18px;
        line-height: 1.3;
        font-weight: 600;
    }

    h4 {
        font-size: 16px;
        line-height: auto;
        font-weight: 600;
    }

    p {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
    }

    .btn {
        padding: 8px 18px;
        font-size: 14px;
    }

    /* .flex-between {
align-items: start;
    flex-direction: column;

} */
.fs-20 {
    font-size: 16px;
    line-height: 24px;
}

    p,
    span,
    div {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.7);
    }

    .projects-section .sec-title {
        margin-bottom: 10px;
    }

    .sec-title h4 {
        margin-bottom: 4px;
    }

    .bar-icon {
        display: block;
    }

    /* breadcrumb section starts */

    .breadcrumb-content {
        padding: 40px 0;
    }

    .breadcrumb-para {
        width: 100%;
        margin: 0 auto;
    }

    /* breadcrumb section ends */

    .banner {
        padding: 40px 0 50px 0;
    }

    .banner-content p {
        width: 100%;
    }

    .container {
        max-width: 100%;
        padding: 0 15px;
    }

    .navbar {
        padding: 10px 0;
    }

    header nav {
        justify-content: space-between;
    }

    header nav ul {
        height: 100vh;
        transition: 0.5s;
        width: 80%;
        background-color: black;
        top: 0;
        left: -100%;
        position: absolute;
        padding: 30px;
        flex-direction: column;
        z-index: 999;
        overflow-y: auto;
    }

    .navbar-active {
        left: 0;
    }

    header nav ul li {
        margin-bottom: 20px;
    }

    header nav ul .sub-menu {
        display: none;
        position: static;
        background: transparent;
        padding: 0 0 0 20px;
        min-width: auto;
        height: auto;
        width: auto;
        left: auto;
        top: auto;
    }

    header nav ul .menu-item-has-children.sub-menu-open > .sub-menu {
        display: block;
    }

    header nav ul .sub-menu a {
        white-space: normal;
        padding: 8px 0;
        font-size: 14px;
        opacity: 0.8;
        position: relative;
    }

    .banner-content {
        margin: 0px 0 30px 0;
        width: 100%;
        text-align: center;
    }

    .banner-slider {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .swiper.banner-swiper {
        width: 70%;
        height: 146px;
        overflow: hidden;
    }




    /* services section starts */

    .services-section {
        padding: 40px 0 40px 0;
    }

    .service-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .service-card {

        flex: 100% !important;

        height: 307px;


    }

    .card-content {
        width: 100% !important;
    }

    /* services section ends */




    /* projects starts */

    .projects-section {
        padding: 0px 0 50px 0;
    }

    .projects-section .sec-description {
        width: 100%;
        padding-bottom: 30px;
    }

    .projectsSwiper .swiper-slide {
        position: relative;
        height: 320px;
        overflow: hidden;
    }

    .projects-section .flex-between {
        flex-direction: column;
    }

    /* projects ends */



    /* why choose us starts */

    .why-choose-us-section {

        padding-bottom: 50px;
    }

    .why-choose-us-content {
        gap: 0px;
        flex-direction: column;
    }

    .why-choose-us-list {
        gap: 10px;
        flex-direction: column;
    }

    .why-choose-us-certificate-img {
        margin-top: 40px;
        width: auto;
        height: 300px;
        object-fit: contain;
    }

    .why-choose-us-right {
        padding: 20px;
        margin-top: 40px;
    }

    /* why choose us ends */



    /* testimonials starts */

    .testimonials-section {
        padding: 40px 0 40px 0;
    }

    /* testimonials ends */


    /* director section starts */
    .director-section {
        padding: 50px 0;
    }

    .director-content {
        flex-direction: column;
        gap: 30px;
    }

    .director-content img {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }

    /* director section ends */



    /* contact starts */
    .contact-section {
        padding: 45px 0 55px 0;
    }

    .contact-items {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .contact-item img {
        height: 24px;
        width: 20px;
        object-fit: contain;
    }

    .contact-content {
        gap: 11px;
    }

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

    .form-row {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .contact-form-inner input,
    .contact-form-inner textarea {
        padding: 10px;

        flex-basis: 50%;
    }

    .form-input {
        padding: 0px 20px;
        height: 42px;
        border: 1px solid #cdcdcd;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

    .contact-form {
        margin-top: 30px;
        padding: 30px 20px;
        width: 100%;
    }

    /* contact ends */

    /* footer section starts */
    .footer-image-grid-main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 25px;
    }

    .footer-image-grid img {
        height: 80px;
        width: 100%;
        object-fit: cover;
    }

    .footer-main-row {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-bottom: 20px;
    }

    .footer-about-description {
        width: 100%;
    }

    .footer-main-row h3 {
        margin: 20px 0 8px;
    }

    .copyright {
        padding: 15px 0;
    }

    .copyright p {
        font-size: 12px;
    }

    /* footer section ends */




    /* services page starts */

    .process-section-content {
        flex-direction: column;
    }

    /* .process-section-content .milestones{
        flex-direction: column;
    } */

    .process-left {
        width: 100%;
    }

    .process-section-para {
        width: 100%;
        margin-bottom: 30px;
    }

    .milestones {
        margin-bottom: 30px;
    }

    .milestones .milestone {
        padding: 15px;
    }

    .milestones .milestone h3 {
        font-size: 26px;
        margin-bottom: 5px;
    }

    .milestones .milestone p {
        font-size: 12px;
        line-height: 16px;
    }

    .process-right .item {
        align-items: start;
    }

    /* services page ends */
    .process-right {
        width: 100%;
    }

    .process-section {
        padding: 40px 0 40px 0;
    }


    .all-services-row {
        flex-direction: column;
    }

    .all-services-row img {
        height: 230px;
        width: 100%;
    }

    .all-services-row:nth-child(even) {
        margin-top: 40px;
        flex-direction: column;
    }

    .all-services-row {
        gap: 15px;
    }

    .all-services-keys {
        margin-top: 20px;
    }

    /* projects page starts */

    .projects-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .projects-page-contact-cta-content {
        flex-direction: column;
    }

    .projects-page-contact-cta .contact-form {
        width: 100%;
        padding: 0;
    }


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

    .projects-page-contact-cta {
        padding: 50px 0 50px 0;
    }

    .project-page-item {
        position: relative;
        height: 440px;

    }

    .project-page-item p {
        margin-bottom: 20px;
    }

    .project-page-item .view-btn {
        margin-bottom: 10px;
    }

    /* projects page ends */



    /* about us page starts */

    .about-us-section {
        padding: 50px 0;
    }

    .about-us-section-content {
        flex-direction: column;
    }

    .about-us-section img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        margin: 30px 0px;
    }

    .about-us-section .fs-20 {
        font-size: 17px;
        line-height: 25px;
    }

    .mission-vision-section {
        padding: 0px 0 50px 0;
    }

    .mission-vision-row {
        flex-direction: column;
    }

    .mission-vision-section .mission-vision-image {
        width: 100%;
        height: 230px;
    }

    .mission-vision-card {
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .mission-vision-card {
        bottom: 0px;
        left: 0px;
        flex-direction: column;
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .mission-vision-card .flex-col {
        padding: 0;
    }

    .mission-vision-card .flex-col:first-child {
        border-right: none;
        border-bottom: 1px solid #00174d59;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .mission-vision-row {
        position: relative;
        gap: 35px;
    }

    /* about us page ends */
    
    
    
    
    
/* members section starts */
.members-section {
    padding: 50px 0 50px;
    /*background-color: #0F2D6B;*/
}

.members-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
    flex-direction: column;

}

.member-item:nth-child(1) {

    position: relative;
    height: 528px;
    flex-basis: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.member-item:nth-child(2) {

    position: relative;
    height: 528px;
    flex-basis: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom:0px;
}

.member-item:nth-child(1) .member-item-content,
.member-item:nth-child(2) .member-item-content {
    bottom: 0px;
    padding: 30px 28px 34px;
    width: 100%;
}

.member-item {
    position: relative;
    height: 400px;
    flex-basis: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.member-item:not(:first-child) {
margin-top: 20px;
}
.member-item-content {
    margin-top: 240px;
    padding: 20px 28px 20px;
    bottom: 0px;
    position: relative;
    left: 0%;
    width: 100%;
    transform: translateX(0%);
    background-color: #0F2D6B;
}
.awards-section {
    padding: 40px 0;
}
.awards-section .flex-between-align-start{
    flex-direction: column;
}
.award-image-content{
    width: 100%;
    flex-direction: column;
}
.award-text-content {
     width: 100%; 
     margin-bottom: 30px;
}
.award-image-content img {
    object-fit: cover;
    width: 100%;
    height: auto;
}
/* members section ends */




    /* gallery page starts */

.gallery-grid {
   
    grid-template-columns: repeat(1, 1fr);
   
}

.case-study-content-text.bottom-text {
    margin-left: 0px;
}
.case-study-top{
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.case-study-content-text {
    margin-top: 0;
    padding: 0 0px;
    padding-bottom: 0px;
}
.case-study-content-right .case-study-content-text{
    padding: 0 20px;
}
.case-study-content-right h2{
    padding: 20px;
}
.case-study-bottom{
    padding-bottom: 50px;
}
    .gallery-section {
        padding: 50px 0 50px 0;
    }

    .gallery-overlay h4 {
        font-size: 16px;
        font-weight: 600;
        color: white;
    }

    .gallery-overlay {

        padding: 14px;

    }

    /* gallery page ends */


    /* career page starts */

    .positions-list {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .open-positions-section {
        padding: 50px 0 50px 0;
        background-color: #f8f9fa;
    }

    .open-positions-section .sec-title {
        margin-bottom: 0px;
    }

    .position-header {
        flex-direction: column;
        align-items: start;

    }

    .apply-btn {
        margin-top: 20px;
    }

    .position-header {
        display: flex;
        justify-content: space-between;
        align-items: start;
        padding: 20px 20px;
        border-bottom: 1px solid #eee;
    }

    .position-description ul {
        margin-bottom: 20px;
        padding-left: 0px;
    }

    .position-details {
        display: none;
        padding: 20px;
        border-top: 1px solid #eee;
    }

    .application-form-section {
        padding: 50px 0 50px 0;
    }

    .application-form-section .sec-title {
        margin-bottom: 30px;
    }

    .application-form-container {
        max-width: 100%;
        margin: 0 auto;
        background-color: white;
        padding: 20px;
        /* border-radius: 10px; */
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    /* career page ends */

    /* contact page starts */

    .contact-section-page {
        padding: 50px 0;
    }

    .contact-items.pt-10.pb-10 {
        padding: 30px 0;
    }

    /* contact page ends */

.case-study-banner {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
    .case-study-banner-section {
    margin-top: 60px;
    margin-bottom: 20px;
}
.case-study-content-left h2{
    padding: 20px;
    margin-bottom: 30px;
}
.case-study-content-right {
    width: 100%;
    flex-direction: column;
    margin-top: 40px;
    margin-left: 0;
    margin-bottom: 20px;
}
    .sub-menu a i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}



/* experience page section starts */
.experience-page-section {
    padding: 50px 0;
}

.experience-content {
    display: flex;
    gap: 26px;
    align-items: flex-start;
}

.experience-image {
    flex-shrink: 0;
    width: 40%;
    position: relative;
    top: 0px;
    align-self: flex-start;
}

.experience-image img {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    /* border-radius: 8px; */
}

.experience-text {
    flex: 1;
    min-width: 0;
}

@media (max-width: 991.98px) {
    .experience-content {
        flex-direction: column;
    }
    .experience-image {
        width: 100%;
    }
}

.experience-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.experience-list li {
    padding: 7px 0;
    padding-left: 20px;
    position: relative;
    font-weight: 400;
    line-height: 1.7;
    color: #333;
}

.experience-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    background: #0F2D6B;
    border-radius: 50%;
}
/* experience page section ends */

/* quality assurance section starts */
.quality-section {
    padding: 80px 0;
}

.quality-content {
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.quality-image {
    flex-shrink: 0;
    width: 40%;
    position: sticky;
    top: 30px;
    align-self: flex-start;
}

.quality-image img {
    width: 100%;
    height: 60vh;
    object-fit: cover;
    /* border-radius: 8px; */
}

.quality-text {
    flex: 1;
    min-width: 0;
}

.quality-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quality-list li {
    padding: 7px 0;
    padding-left: 20px;
    position: relative;
    font-weight: 400;
    line-height: 1.7;
    color: #333;
}

.quality-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    background: #0F2D6B;
    border-radius: 50%;
}


    .quality-content {
        flex-direction: column;
    }
    .quality-image {
        width: 100%;
    }


.about-heading-bottom-img-grid {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.about-heading-bottom-img-grid img {
	height: 150px;
	width: 100%;
	object-fit: cover;
}
.mission-vision-card {
	margin-top: 40px;
}

.mt-60 {
  margin-top: 40px;
}

/* quality assurance section ends */

}