/* -------------------------------------> Banner-Cover <------------------------------------- */
.partnership-banner {
    background-image: url(/image/Partnershipbanner.png);
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    padding: 0 20px;
  }
  
  .partnership-banner h1 {
    font-size: 48px;
    margin-bottom: 20px;
  }
  
  .partnership-banner h2 {
    font-size: 24px;
    margin-bottom: 40px;
    max-width: 600px;
  }

  .partnership-banner h2 a{
    color: #66ac9e;
  }

/* -------------------------------------> Partner <------------------------------------- */
section{
    padding: 20px 25px;
    margin: 20px 25px 20px 25px;
}

.banner,
.banner-2{
    display: flex;
}

.banner img,
.banner-2 img{
    max-width: 25%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.partner-box{
    max-width: 100%;
    margin-left: 2%;
    background-color: #006955;
    color: white;
    display: flex;
    align-items: center;
}

.partner-box2{
    max-width: 100%;
    margin-left: 2%;
    background-color: #002f26;
    color: white;
    display: flex;
    align-items: center;
}

.partner-box p,
.partner-box2 p{
    font-size: 16px;
    padding: 5px 25px;
}

.partner-box p a,
.partner-box2 p a{
    color: white;
}

.gap{
    margin: 50px 0px;
}

/* -------------------------------------> Partner (Mobile) <------------------------------------- */

@media only screen and (max-width: 768px) {
    section {
        padding: 10px 25px;
    }
   .banner,
   .banner-2 {
        flex-direction: column;
    }
    .banner img,
    .banner-2 img {
        max-width: 100%;
    }
    .partner-box,
    .partner-box2 {
        margin-left: 0;
        margin-top: 10px;
        padding: 10px;
    }
    .partner-box p,
    .partner-box2 p{
        font-size: 14px;
        padding: 5px 15px;
        text-align: center;
        text-align: justify;
    }
}