@media (min-width: 768px) { .service_flex { display: flex; flex-wrap: wrap; justify-content: flex-start; font-weight: bold; gap: 0 2%; margin: 60px 0 0; }
  .service_flex a { width: 32%; text-decoration: none; color: #000; }
  .service_flex a .img { background-size: contain; width: 300px; height: 210px; background-repeat: no-repeat; border-radius: 0; }
  .service_flex a .title { border: 4px solid #bd263a; text-align: center; background-color: #fff; width: 280px; height: 70px; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; position: relative; top: -15px; color: #bd263a; }
  .service_flex a .title h3 { font-size: 18px; font-weight: bold; margin: 0; }
  .service_flex a p { font-size: 14px; margin: 0 auto; }
  .service_flex a:nth-child(1), .service_flex a:nth-child(2), .service_flex a:nth-child(3) { margin: 0 0 50px 0; } }
@media (max-width: 767.98px) { .service_flex { display: flex; flex-wrap: wrap; justify-content: center; font-weight: bold; gap: 0 2%; margin: 60px 0 0; }
  .service_flex a { width: 100%; text-decoration: none; color: #000; margin: 0 0 30px 0; }
  .service_flex a .img { background-size: contain; width: 320px; height: 224px; background-repeat: no-repeat; border-radius: 0; margin: 0 auto; }
  .service_flex a .title { border: 4px solid #bd263a; text-align: center; background-color: #fff; width: 280px; height: 70px; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; position: relative; top: -15px; color: #bd263a; }
  .service_flex a .title h3 { font-size: 18px; font-weight: bold; margin: 0; }
  .service_flex a p { font-size: 14px; margin: 0 auto; position: relative; top: -5px; }
  .service_flex a:last-child { margin: 0; } }