@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

    .content-2-2 .btn:focus,
    .content-2-2 .btn:active {
      outline: none !important;
    }

    .content-2-2 .section-title {
      padding-top: 2rem;
      margin-bottom: 2rem;
    }

    .content-2-2 .text-title {      
      font: 600 3rem/1 "Asap", sans-serif;
      margin: 0.75rem;
      color: #285a7b;
    }

    .content-2-2 .text-caption {
      font-size: 1rem;
      line-height: 1rem;
      color: #bfbfbf;
    }

    .content-2-2 .column {
      padding: 2rem 2.25rem;
    }

    .content-2-2 .icon {
      margin-bottom: 1.5rem;
    }

    .content-2-2 .icon-title {
      font: 500 1.5rem/2rem Poppins, sans-serif;
      margin-bottom: 0.625rem;
      color: #121212;
    }

    .content-2-2 .icon-caption {
      font: 400 1rem/1.625 Poppins, sans-serif;
      letter-spacing: 0.025em;
      color: #565656;
    }

    .content-2-2 .card-block {
      padding: 1rem 1rem 5rem;
    }

    .content-2-2 .card {
      padding: 1.75rem;
      background-color: #fff;
      border-radius: 0.75rem;
      /* border: 1px solid #27c499; */
      border: 0;
    }

    .content-2-2 .card-title {
      font: 600 1.5rem/2rem Poppins, sans-serif;
      margin-bottom: 0.625rem;
      color: #000000;
    }

    .content-2-2 .card-caption {
      font: 300 1rem/1.5rem Poppins, sans-serif;
      color: #565656;
      letter-spacing: 0.025em;
      margin-bottom: 0;
    }

    .content-2-2 .btn-card {
      font: 700 1rem/1.5rem Poppins, sans-serif;
      background-color: #134c2c;
      padding-top: 1rem;
      padding-bottom: 1rem;
      width: 100%;
      border-radius: 0.75rem;
      margin-bottom: 1.25rem;
    }

    .content-2-2 .btn-card:hover {
      background-color: #1f7745;
      transition: 0.3s;
    }

    .content-2-2 .btn-outline {
      font: 400 1rem/1.5rem Poppins, sans-serif;
      color: #979797;
      border: 1px solid #979797;
      padding-top: 1rem;
      padding-bottom: 1rem;
      width: 100%;
      border-radius: 0.75rem;
    }

    .content-2-2 .btn-outline:hover {
      border: 1px solid #27c499;
      color: #27c499;
    }

    .content-2-2 .card-text {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }

    .content-2-2 .grid-padding {
      padding: 0rem 1rem 3rem;
    }


    /* hp */
    @media (min-width: 256px) 
    {
      .content-2-2 .text-title {
        font: 400 2rem/1 "Asap", sans-serif;
        margin: 0.55rem;
        color: #285a7b;
      }
    }

    @media (min-width: 576px) 
    {
      .content-2-2 .grid-padding {
        padding: 0rem 2rem 3rem;
      }

      .content-2-2 .card-block {
        padding: 3rem 2rem 5rem;
      }

      .content-2-2 .text-title {
        font: 400 2rem/1 "Asap", sans-serif;
        margin: 0.55rem;
        color: #285a7b;
      }
    }

    @media (min-width: 768px) 
    {
      .content-2-2 .grid-padding {
        padding: 0rem 4rem 3rem;
      }

      .content-2-2 .card-block {
        padding: 3rem 4rem 5rem;
      }

      .content-2-2 .text-title {
        font: 400 2rem/1 "Asap", sans-serif;
        margin: 0.55rem;
        color: #285a7b;
      }
    }

    @media (min-width: 992px) 
    {
      .content-2-2 .grid-padding {
        padding: 1rem 6rem 3rem;
      }

      .content-2-2 .card-block {
        padding: 3rem 6rem 5rem;
      }

      .content-2-2 .column {
        padding: 0rem 2.25rem;
      }

      .content-2-2 .text-title {
        font: 600 3rem/1 "Asap", sans-serif;
        margin: 0.75rem;  
        color: #285a7b;
      }
    }

    @media (min-width: 1200px) 
    {
      .content-2-2 .grid-padding {
        padding: 1rem 10rem 3rem;
      }

      .content-2-2 .card-block {
        padding: 3rem 6rem 5rem;
      }

      .content-2-2 .card-btn-space {
        margin-top: 15px;
        margin-bottom: 15px;
      }

      .content-2-2 .btn-card,
      .content-2-2 .btn-outline {
        width: 95%;
        float: right;
      }
    }

    @media (max-width: 980px) 
    {
      .content-2-2 .card-btn-space {
        width: 100%;
      }
    }