.curve-card {
      position: relative;
      color: white;
      padding: 3rem 1rem;
      text-align: center;
      font-weight: bold;
    }

    .curve-1 {
      background: #0f3054;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }

    .curve-2 {
      background: #f2a41d;
    }

    .curve-3 {
      background: #0f3054;
    }
    .curve-4{
       background: #f2a41d;
    }
    .curve-5{
        background: #0f3054;
    }

    /* Curve effect */
    .curve-1::after{
      content: "";
      position: absolute;
      bottom: -39px;
      left: 89%;
      transform: translateX(-50%);
      width: 60px;
      height: 40px;
      background-color: white;
      border-radius: 0 0 45px 52px;
      z-index: 1;
    }
    .curve-2::after {
      content: "";
      position: absolute;
      bottom: -39px;
      left: 18%;
      transform: translateX(-50%);
      width: 60px;
      height: 40px;
      background-color: white;
      border-radius: 0 0 45px 52px;
      z-index: 1;
    }
    .curve-3::after{
       content: "";
       position: absolute;
       bottom: -40px;
       left: 89%;
       transform: translateX(-50%);
       width: 60px;
       height: 40px;
       background-color: white;
       border-radius: 0 0 49px 52px;
       z-index: 3;
    }
    .curve-4::after{
       content: "";
       position: absolute;
       bottom: -40px;
       left: 18%;
       transform: translateX(-50%);
       width: 60px;
       height: 40px;
       background-color: white;
       border-radius: 0 0 49px 52px;
       z-index: 3;
    }