.selected.column:hover {
    background-color: #748895 !important;
    transform: translateY(-2%);
    color: white;
    border-radius: 25px;
    border-radius: 25px 25px 25px 25px !important;
}
   .selected.column:hover .cstmbtn {
    background-color: #748895 !important;
}
    .column:hover .selected{
        background-color: red;
    }
    .column:hover .my-custom-button {
    background: white;
    color: #748895; /* Set the text color */
}
.selected .my-custom-button {
    background: white;
    color: #748895; /* Set the text color */
}
.cstmbtn {
    color: white;
}
        /* Add styles from the first code snippet here */
       .card-title
       {
           font-family: 'poppins';
           font-size: 14px;
           font-weight:700;
           color:#1A1A1A;
       }
        .column {
            padding:25px 15px 15px 15px;
            float: left;
            width: 33.33%;
            background-color: #ffffff;
            
        }
        .cstm-ul{
            padding-top:25px;
        }
        .card-subtitle {
        font-family: 'poppins';
        line-height: 18px;
           font-size: 12px;
           font-weight:400;
           color:#1A1A1A;
           padding-bottom: 20px;
            border-bottom: 2px solid black;
                   }
      

        /* Styles from the first code snippet */
        .card-clickable {
            transition: background-color 0.3s, transform 0.3s;
        }

        .selected {
            transition: background-color 0.3s, transform 0.3s;
            background-color: #748895 !important;
            transform: translateY(-2%);
            color: white;
            border-radius: 25px 25px 25px 25px !important;
           
        }
        .column:hover .card-title  {
            color: white;
        }
        .column:hover .custom-li
        {
            color: white;
        } 
        .column:hover .card-subtitle
        {
            color: white;
            border-bottom: 2px solid white;
        }
        
        .selected .card-title  {
            color: white;
        }
        .selected .custom-li
        {
            color: white;
        } 
        .selected .card-subtitle
        {
            color: white;
            border-bottom: 2px solid white;
        }

        .column:hover {
            transition: background-color 0.3s, transform 0.3s;
            background-color: #b8b8b8 !important;
            transform: translateY(-2%);
            color: white;
            border-radius: 25px;
            border-radius: 25px 25px 25px 25px !important;
            color:#1a1a1a;
        }
       
       
.column:hover .card-title,
.column:hover .card-subtitle,
.column:hover .card-text,
.column:hover li {
  color: white !important;
}
.column:hover .cstmbtn {
    background-color: #b8b8b8 !important;
}

        .custom-li {
            padding-top: 5px;
            font-family: 'poppins';
            font-size: 14px;
            font-weight:400;
            line-height:21px;
            color:#1A1A1A;
            list-style-type: none;
            padding-left: 0px;
            /*background-image: url('/wp-content/uploads/2023/10/Shape-1.svg');*/
            background-repeat: no-repeat;
            background-size: 16px 16px;
            background-position: 0 60%;
            margin-bottom: 5px;
        }
        .cntnsbtn{
            text-align: center;
        }

        .my-custom-button {
    border: none;
    width: 90%;
    height: 50px;
    padding: 10px 25%;
    margin-top:50px;
    border-radius: 32px;
    gap: 8px;
    background: #E1863B;
    /* Button text styles */
    font-family: 'Poppins', sans-serif; /* Use single or double quotes for the font name */
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: white; /* Set the text color */
}

        .card-body {
            text-align: left;
        }

        .card-title,
        .card-subtitle {
            text-align: left;
        }
        .cstmbtn{
            align-items: center;
        }
        .btndivpop{
            text-align-last: center;
            margin-top: -40px;
        }
@media only screen and (max-width: 360px) and (max-width:767px) {
    .column {
            margin-top: 40px;
            padding: 25px 10px 10px 10px;
            float: left;
            width: 100%;
            background-color: #ffffff;
        }
         .selected {
            transition: background-color 0.3s, transform 0.3s;
            background-color: #748895 !important;
            transform: translateY(-2%);
            color: white;
            border-radius: 25px 25px 25px 25px !important;
           
        }
         .column:hover {
            transition: background-color 0.3s, transform 0.3s;
            background-color: #748895 !important;
            transform: translateY(-2%);
            color: white;
            border-radius: 25px;
            border-radius: 25px 25px 25px 25px !important;

        }
            .column:hover .cstmbtn {
    background-color: #748895 !important;
}
        }