/* Start custom CSS for html, class: .elementor-element-a708691 */.sdl-cards-section{
  width:100%;
  padding:62px 20px 72px;
  background:#ffffff;
  font-family:'Montserrat', Arial, Helvetica, sans-serif;
}

.sdl-cards-section *{
  box-sizing:border-box;
}

.sdl-cards-grid{
  width:min(1100px, 100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:36px 58px;
}

.sdl-card{
  display:grid;
  grid-template-columns:45% 55%;
  min-height:245px;
  background:#ffd400;
  color:#000000;
  text-decoration:none !important;
  overflow:hidden;
  position:relative;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sdl-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(0,0,0,.14);
}

.sdl-card-img{
  width:100%;
  height:100%;
  overflow:hidden;
  background:#eeeeee;
}

.sdl-card-img img{
  width:100%;
  height:100%;
  min-height:245px;
  object-fit:cover;
  display:block;
  border:0;
  transition:transform .35s ease;
}

.sdl-card:hover .sdl-card-img img{
  transform:scale(1.045);
}

.sdl-card-content{
  min-height:245px;
  padding:30px 26px 28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#ffd400;
}

.sdl-card-content h2{
  margin:0 0 25px;
  color:#000000;
  font-family:'Montserrat', Arial, Helvetica, sans-serif;
  font-size:25px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.35px;
  text-transform:uppercase;
}

.sdl-card-content span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  height:40px;
  padding:0 18px;
  background:#f00000;
  color:#ffffff;
  border-radius:4px;
  font-size:14px;
  line-height:1;
  font-weight:700;
  transition:.2s ease;
}

.sdl-card:hover .sdl-card-content span{
  background:#c90000;
}

.sdl-card:nth-child(2) .sdl-card-content h2,
.sdl-card:nth-child(3) .sdl-card-content h2,
.sdl-card:nth-child(4) .sdl-card-content h2{
  font-size:23px;
  line-height:1.11;
}

@media (max-width: 1024px){
  .sdl-cards-section{
    padding:54px 18px 62px;
  }

  .sdl-cards-grid{
    gap:28px;
  }

  .sdl-card{
    min-height:225px;
  }

  .sdl-card-img img{
    min-height:225px;
  }

  .sdl-card-content{
    min-height:225px;
    padding:24px 18px;
  }

  .sdl-card-content h2{
    font-size:21px;
    line-height:1.12;
  }

  .sdl-card:nth-child(2) .sdl-card-content h2,
  .sdl-card:nth-child(3) .sdl-card-content h2,
  .sdl-card:nth-child(4) .sdl-card-content h2{
    font-size:20px;
  }
}

@media (max-width: 767px){
  .sdl-cards-section{
    padding:38px 14px 48px;
  }

  .sdl-cards-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .sdl-card{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .sdl-card-img{
    height:215px;
  }

  .sdl-card-img img{
    min-height:215px;
  }

  .sdl-card-content{
    min-height:auto;
    padding:26px 20px 28px;
  }

  .sdl-card-content h2{
    margin-bottom:20px;
    font-size:23px;
    line-height:1.12;
  }

  .sdl-card:nth-child(2) .sdl-card-content h2,
  .sdl-card:nth-child(3) .sdl-card-content h2,
  .sdl-card:nth-child(4) .sdl-card-content h2{
    font-size:21px;
  }

  .sdl-card-content span{
    height:42px;
    min-width:92px;
  }
}

@media (max-width: 390px){
  .sdl-card-img{
    height:190px;
  }

  .sdl-card-img img{
    min-height:190px;
  }

  .sdl-card-content h2{
    font-size:20px;
  }

  .sdl-card:nth-child(2) .sdl-card-content h2,
  .sdl-card:nth-child(3) .sdl-card-content h2,
  .sdl-card:nth-child(4) .sdl-card-content h2{
    font-size:19px;
  }
}/* End custom CSS */