
.partnerpage{
    background-color:rgb(241, 209, 165) !important;
}
.partner-section{
  padding:60px 30px;
  background:#fff;
  font-family:'Poppins', sans-serif;

}

.partner-container{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:30px;
  max-width:1200px;
  margin:auto;
      background-color:white !important;

}


/* CARD */
.partner-card{
     background-color:white !important;

  border:1px solid #e5edf4;
  border-radius:16px;
  padding:40px 30px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
}

/* ICON */
.icon-circle{
  width:80px;
  height:80px;
  margin:0 auto 20px;
  border-radius:50%;
  background:#fff3e6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.icon-circle img{
  width:36px;
}

/* TEXT */
.partner-card h3{
  font-size:24px;
  margin-bottom:12px;
  color:#0b1f33;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

.partner-card p{
  color:#5f6f81;
  font-size:14px;
  line-height:24px;
  font-weight: 400;
}

.partner-card h4{
  text-align:left;
  margin-bottom:15px;
  color:#0b1f33;
  font-size: 16px ;
  line-height: 24px;
}

/* BENEFITS */
.partner-card ul{
  list-style:none;
  padding:0;
  text-align:left;
  margin-bottom:35px;
}

.partner-card ul li{
  margin-bottom:12px;
  padding-left: 14px;
  position:relative;
  color:#5f6f81;
  font-size:14px;
  line-height: 20px;
}

.partner-card ul li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:#20c020;
  font-weight:bold;
}

/* BUTTON */
.card-btn{
  display:block;
  width:100%;
  padding:14px;
  background:#0b2d2f;
  color:#fff;
  text-decoration:none;
  border-radius:10px;
  font-weight:400;
  line-height: 20px;
  font-size: 12px;
  transition:0.3s;
}

.card-btn:hover{
  background:#134447;
}
@media (min-width:300px) and (max-width:700px){

  .partner-section{
    padding:40px 15px;
  }

  .partner-container{
    grid-template-columns:1fr;
    gap:20px;
  }

  .partner-card{
    padding:30px 20px;
    border-radius:14px;
  }

  .icon-circle{
    width:65px;
    height:65px;
    margin-bottom:15px;
  }

  .icon-circle img{
    width:28px;
  }

  .partner-card h2{
    font-size:22px;
  }

  .partner-card p{
    font-size:14px;
    line-height:1.6;
  }

  .partner-card h4{
    font-size:16px;
  }

  .partner-card ul li{
    font-size:14px;
    padding-left:24px;
  }

  .card-btn{
    font-size:15px;
    padding:13px;
    border-radius:8px;
  }

}
