.wrapper .buttonWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 26px;
}

.wrapper button {
    letter-spacing: 3px;
    border: none;
    padding: 10px;
    background-color: #283b8e;
    color: #ffff;
    font-size: 18px;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 8px;
}

.wrapper button:hover {
    background-color: #d5e3ff;
}

.wrapper button.active {
    background-color: white;
    color: #283b8e;
    border: solid 1px #283b8e;
}

.wrapper .active {
    background-color: white;
}

.wrapper p {
    text-align: justify;
    padding: 10px;
}

.wrapper .content {
    display: none;
    padding: 10px 20px;
}

.wrapper .content.active {
    display: block;
}

.college-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.college-grid img {
    width: 100%;
    height: 100%;
}

.course-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

img.course-img {
    width: 100%;
    height: 12rem;
}

.image-post img {
    width: 100%;
    height: 100%;
}

.post-content {
    padding-top: 26px;
}

img#main_about_img {
    height: 34rem;
    width: 100%;
    object-fit: cover;
}
img.service-img {
    width: 100%;
    height: 15rem;
}

.about-image-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.blog-details-img {
    width: 100%;
    height: 18rem;
    object-fit: cover;
}

.section-title h5 {
    font-size: 25px;
    font-weight: 600;
    padding: 25px 0px 0px 0px;
}

  .swiper {
            width:100%;
            height:100vh;
        }
img.slider-image {
                width:100%;
                height:100vh;
                object-fit:cover;
            }
.footer-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px; /* Adjust the gap as needed */
}

.footer-row .widget-area {
  /* Customize the styling of each widget area as needed */
}
  .footer-quick-links ul li a{
    color: #fff;
  }
@media (max-width: 1200px) {
  .footer-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .footer-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .footer-row {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
    .wrapper .buttonWrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .college-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .course-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    img.course-img {
        width: 100%;
        height: 12rem;
    }
      .swiper {
            width:100%;
            height:15vh;
        }
    img.slider-image {
        width:100%;
        height:15vh;
        object-fit:cover;
    }
}

.swiper.mySwiper {
    width:100%;
    height:100%;
}

img.partner-img {
    width: 10rem;
    height: 6rem;
    object-fit: fill;
}

.mySwiper .swiper-button-prev {
    top: 36% !important;
}

.mySwiper .swiper-button-next {
    top: 36% !important;
}

.mySwiper iframe {
    width:100%;
    height: 25rem;
}



.progressbar-title {
    font-size: 20px;
    font-weight: 600;
    color: #283b8e;
}


@media screen and (max-width:768px) {
    .mySwiper iframe {
        width:100%;
    height: 100%;
}

.home03-process-section .img-fluid {
width:100%;
height:100%;
object-fit:cover;
    
}

}
   .hero-section {
            background: url('https://images.unsplash.com/photo-1564758866817-65172a2cd4a6') no-repeat center center;
            background-size: cover;
            color: white;
            text-align: center;
            padding: 100px 0;
        }

        .hero-section h1 {
            font-size: 3rem;
            font-weight: bold;
        }

        .hero-section p {
            font-size: 1.25rem;
        }

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

        .career-options h3 {
            font-size: 1.75rem;
            margin-bottom: 20px;
        }

        .card img {
            height: 200px;
            object-fit: cover;
        }

        footer {
            background-color: #f8f9fa;
            padding: 20px 0;
            text-align: center;
        }

.lang-wrapper {
    margin-top:30px;
}
.lang-dropdown {
    position: relative;
}

.lang-dropdown a.lang-icon {
    color: #eb2127 !important;
    border: 1px solid #eb2127;
    padding: 6px 10px;
    border-radius: 6px;
}

.lang-dropdown .lang-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    white-space: nowrap;
}

.lang-dropdown:hover .lang-options {
    display: block;
}

.lang-options a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 5px 10px;
}

.lang-options a:hover {
    background-color: #f0f0f0;
}

@media screen and (max-width:768px) {
    .lang-wrapper {
    margin-top: 30px;
    position: absolute;
    top: 12px;
    right: 3em;
}
}