* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.facilities-header {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.facilities-section {
    background: #F2FFF5;
}

.breadcrumb-overlay {
    position: absolute;
}

.breadcrumb-overlay h1 {
    margin-top: 100px;
    margin-bottom: 0px;
    color: white;
    font-size: 40px;
    font-weight: 700;
}

.breadcrumb-overlay p {
    font-size: 15px;
    margin-top: 8px;
    color: white;
    text-align: center;
    font-weight: 500;
}

/* /////////////////////////////////////// middle-sec ///////////////////////////////////////// */

.middle-sec{
    padding: 90px 180px;
}

.small{
    display: none;
}

.facilities-det{
    display: flex;
    align-items: center;
    column-gap: 40px;
    margin-top: 100px;
}

.facilities-det img{
    width: 680px;
}

.facilities-det h2{
    color: #028E21;
    font-size: 36px;
    font-weight: 600;
}

.facilities-det p{
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}

@media (max-width: 1400px) {
    .facilities-det img {
        width: 600px;
    }
}

@media (max-width: 1300px) {
    .facilities-det h2 {
        font-size: 28px;
    }

    .facilities-det p {
        font-size: 15px;
    }
}

@media (max-width: 1230px) {
    .middle-sec {
        padding: 90px 100px;
    }
}

@media (max-width: 1020px) {
    .large{
        display: none;
    }

    .small{
        display: block;
    }

    .facilities-det {
        flex-direction: column;
        row-gap: 40px;
    }
}

@media (max-width: 800px) {
    .facilities-det img {
        width: 400px;
    }
}

@media (max-width: 600px) {
    .facilities-det img {
        width: 300px;
    }

    .facilities-det {
        margin-top: 60px;
    }

    .middle-sec {
        padding: 60px 80px;
    }
}

@media (max-width: 430px) {
    .facilities-det h2 {
        font-size: 24px;
    }

    .facilities-det p {
        font-size: 13px;
    }

    .facilities-det img {
        width: 250px;
    }
}

@media (max-width: 360px) {
    .facilities-det img {
        width: 200px;
    }

    .middle-sec {
        padding: 60px 50px;
    }
        
}





/* Slideshow container */
.slideshow-container {
  width: 2500px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#con1{
 width: 2500px;
}
  
#con2{
    width: 1500px;
}
  
#con3{
    width:2000px;
}