.b2b-marketing-agency-container-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;
    margin-bottom: 10px;

  }

  /* Create four equal columns that sits next to each other */
  .b2b-marketing-agency-container-column {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;

  }

  .b2b-marketing-agency-container-column .b2b-marketing-agency-container {
    margin-bottom: 50px;
}

/* Ensure the last container within each column doesn't have a bottom margin */
.b2b-marketing-agency-container-column .b2b-marketing-agency-container:last-child {
    margin-bottom: 0;
}

  .b2b-marketing-agency-container {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      padding: 20px;
      border-radius: 10px;
      width: 100%;

  }

  .b2b-marketing-agency-container-column:last-child {
    margin-bottom: 0;
}



  .blank-height {
    height: 150px;
  }

  .site-heading h2 {
    color: white !important;
  }

  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .b2b-marketing-agency-container-column {
      -ms-flex: 50%;
      flex: 50%;
      max-width: 50%;
    }

    .background-korifi{
        padding: 20px;
    }

    .site-heading h2 {
      color: white !important;
    }
 .b2b-marketing-agency-container {
  margin-bottom: 50px !important;
 }



  }

  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .b2b-marketing-agency-container-column {
      -ms-flex: 100%;
      flex: 100%;
      max-width: 100%;
    }
    .b2b-marketing-agency-container {
      margin-bottom: 50px;
     }

     .background-korifi{
        padding: 20px;
    }

    .site-heading h2 {
      color: white !important;
    }

    .blank-height {
        display: none;
    }

  }

.cardingss {
    border-radius: 10px;
    filter: drop-shadow(0 5px 10px  #fff);

    background-color: #ffffff;
    padding: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.6s ease-in;
}

.cardingss::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -15px;
    right: -15px;
    background:#063f58 ;
    height:400px;
    width: 22px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
}

/*.cardingss:hover::before{*/
/*    transition-delay:0.2s ;*/

/*    transform: scale(40);*/
/*}*/

/*.carding:hover{*/
/*    color: #ffffff;*/

/*}*/
/*.cardingss:hover h3,*/
/*.cardingss:hover p {*/
/*    color: white;*/
/*}*/
/*.cardingss:hover strong {*/
/*    color: white; !* Change the <strong> text color to white on hover if needed *!*/
/*}*/


.cardingsss {
    border-radius: 10px;
    filter: drop-shadow(0 5px 10px #fff);

    background-color: #ffffff;
    padding: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.6s ease-in;
    border-right:15px solid #063f58;
}

.cardingsss::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -15px;
    right: -25px;
    background:#F3F7FD ;
    height:300px;
    width: 28px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
}

.cardingsss:hover::before{
    transition-delay:0.2s ;

    transform: scale(40);
}

/*.carding:hover{*/
/*    color: #ffffff;*/

/*}*/
.cardingsss:hover h3 {
    color: #063f58;
}

.cardingsss:hover p {
  color: #000000;
}
.cardingsss:hover strong {
        color: #063f58; /* Change the <strong> text color to white on hover if needed */
}


@media screen and (max-width: 730px) {
    .desktop-benifits {
        display: none;
    }
 

}
@media screen and (min-width: 731px) {
    .mobile-benifits {
        display: none;

    }
}