.col-xxl-4 {
       flex: 0 0 auto !important;
       max-width: 33%;
   }

   .col-xxl-5 {
       flex: 0 0 auto !important;
       width: 41.66666667% !important;
       ;
   }

   @media (max-width: 1400px) {
       .navigation__link {
           font-size: 12px;
       }

       .navigation__item {
           margin-right: 30px;
       }

       .custom-swiper-container {
           height: 200px !important;
       }

       .custom-subheading {
           font-size: 12px;
       }

       .custom-main-heading {
           font-size: 20px;
       }

       .custom-paragraph {
           font-size: 14px;
       }

       .btn {
           padding: 10px 22px;
           font-size: 11px;
       }

       .custom-card .card-body {
           padding: 1rem 1.5rem;
       }

       .grid-box-con {
           /* gap: 0px; */
       }

       .new-event-container {
           width: 90%;
           margin: 0 auto;
       }

       .row {
           /* --bs-gutter-x: none !important; */
       }

       .services__title {
           font-size: 30px;
           margin-bottom: 15px;
           line-height: 120%;
           font-weight: 600;
           display: block;
       }

       .news-ul-custom p {
           font-size: 14px;
       }

       .circular-image-container {
           padding: 0px;
       }

       .competion-gap {
           gap: 15px;
       }

       .sindhi-sangat-wrapper.swiper-nav-wrapper {
           margin-top: 15px;
       }

       .sindhi-sangat-wrapper .swiper-button-next,
       .sindhi-sangat-wrapper .swiper-button-prev {
           font-size: 1rem;
           height: 40px;
       }

       .awrd-flex2 {
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .awd-img {
           width: 75%;
       }

       .awd-img h2 {
           font-size: 1.2rem;
       }

       .sartaaj-details {
           font-size: 14px;
           line-height: 140%;
       }

       .circular-image {
           width: 85%;
           height: 270px;
           margin-top: 20px;
       }

       .welcome__description {
           font-size: 14px;
       }
   }

   @media screen and (max-height: 900px) {
       .full-cover-image {
           height: 20vh;
           object-fit: cover;
       }

       .mtmg {
           margin-top: 100px;
       }
   }