.wohocars-content-items-section {
  padding: clamp(42px, 6vw, 86px) 0;
  background: var(--bg, #F7FBFF);
}

.wohocars-content-items-head {
  max-width: 760px;
  margin-bottom: clamp(28px, 4vw, 44px);
}

.wohocars-content-items-head h2 {
  font-family: var(--font-display, inherit);
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1.12;
  letter-spacing: -.04em;
  color: var(--navy, #111827);
  margin-bottom: 12px;
}

.wohocars-content-items-head p {
  color: var(--text-3, #64748b);
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}

.wohocars-content-items-grid {
  display: grid;
  gap: 18px;
}

.wohocars-content-items-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wohocars-content-items-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wohocars-content-items-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wohocars-content-item-card {
  height: 100%;
  background: var(--surface, #fff);
  border: 1px solid var(--border-soft, #EAF2FA);
  border-radius: 22px;
  padding: clamp(18px, 2vw, 26px);
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(15,23,42,.06));
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.wohocars-content-item-card:hover {
  transform: translateY(-4px);
  border-color: var(--royal-border, #c7dafe);
  box-shadow: var(--shadow-lg, 0 16px 40px rgba(15,23,42,.12));
}

.wohocars-content-item-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  background: var(--royal-light, #eff4ff);
  color: var(--royal, #1E88E5);
  font-size: 20px;
}

.wohocars-content-item-card h3 {
  font-family: var(--font-display, inherit);
  font-size: 1.08rem;
  line-height: 1.3;
  color: var(--navy, #111827);
  margin-bottom: 10px;
  font-weight: 800;
}

.wohocars-content-item-card p {
  color: var(--text-2, #1F2937);
  font-size: .93rem;
  line-height: 1.75;
  margin: 0;
}

@media (max-width: 1199px) {
  .wohocars-content-items-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .wohocars-content-items-grid-3,
  .wohocars-content-items-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .wohocars-content-items-grid,
  .wohocars-content-items-grid-2,
  .wohocars-content-items-grid-3,
  .wohocars-content-items-grid-4 {
    grid-template-columns: 1fr;
  }

  .wohocars-content-item-card {
    border-radius: 18px;
  }
}


/* SECTION */

.wohocars-opportunities-section{
    padding:40px 0;
    background:#F7FBFF;
}


/* HEADING */

.wohocars-opportunities-head{
    max-width:800px;
    margin:auto;
    margin-bottom:60px;
}

.wohocars-opportunities-head h2{
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.1;
    color:#111827;
    margin-bottom:15px;
}

.wohocars-opportunities-head h3{
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    line-height:1.1;
    color:#111827;
    margin-bottom:15px;
}

.wohocars-opportunities-head p{
    color:#64748b;
    line-height:1.8;
}


/* CARD */

.wohocars-opportunity-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    height:100%;

    border:1px solid #D8E8F7;

    box-shadow:
        0 10px 40px rgba(15,23,42,.06);

    transition:.3s;
    position:relative;
    overflow:hidden;
}

.wohocars-opportunity-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 20px 60px rgba(15,23,42,.12);
}


/* top blue accent */

.wohocars-opportunity-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #1E88E5,
        #5CC8FF
    );
}


/* ICON */

.wohocars-opportunity-icon{
    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:22px;

    background:#eff6ff;

    color:#1E88E5;

    font-size:30px;

    margin-bottom:25px;
}


/* TITLE */

.wohocars-opportunity-card h3{
    font-size:1.35rem;
    font-weight:800;
    line-height:1.3;
    color:#111827;

    margin-bottom:18px;
}


/* TEXT */

.wohocars-opportunity-card p{
    color:#475569;
    line-height:1.9;
    margin:0;
}


/* TABLET */

@media (max-width:991px){

    .wohocars-opportunities-section{
        padding:70px 0;
    }

    .wohocars-opportunity-card{
        padding:30px;
    }

}


/* MOBILE */

@media (max-width:767px){

    .wohocars-opportunities-head{
        margin-bottom:40px;
    }

    .wohocars-opportunity-card{
        border-radius:22px;
        padding:25px;
    }

    .wohocars-opportunity-icon{
        width:60px;
        height:60px;
        font-size:24px;
        border-radius:18px;
    }

    .wohocars-opportunity-card h3{
        font-size:1.1rem;
    }

}