.loadmore-card-container {
    text-align: center;
    padding: 120px 20px 0;
    justify-content: center;
}

.loadmore-card-container .main-heading {
color: #1A1A1A;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 56px */
letter-spacing: 2px;
}

.loadmore-card-container .cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 26px 0 0 0;
    justify-content: center;
}
.loadmore-card-container .card {
display: flex;
width: 475px;
padding: 40px;
text-align: start;
flex-direction: column;
align-items: flex-start;
gap: 11px;
border-radius: 12px;
background: #F5F5F5;
border: none;
}
.loadmore-card-container .card:hover
{
    background: linear-gradient(121deg, #544FF8 48.32%, #2EB6AE 98.16%);
    
}
.loadmore-card-container .card:hover .card-title,
.loadmore-card-container .card:hover .card-description
{
color: #fff;
}
.loadmore-card-container .card:hover .card-link-arrow img {
    filter: brightness(0) invert(1);
}

.loadmore-card-container .card-title {
color: #1A1A1A;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 32.2px */
margin: 0;
}

.loadmore-card-container .card-description {
color: #4D4D4D;
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: 24px !important; /* 150% */
margin: 0;
}

.loadmore-card-container .load-more-button {
display: inline-flex;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 12px;
background: #242424;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 25.6px */
margin: 40px 0 0 0;
border: none;
}
.loadmore-card-container .load-more-button:hover
{
    background: linear-gradient(131deg, #544FF8 70.42%, #2EB6AE 102.7%);
    border: none;
}

.loadmore-card-container .hidden-card {
    display: none;
}
.card-link-arrow
{
    display: flex;
    align-items: end;
    justify-content: end;
    width: 100%;

}
@media (max-width: 1199.98px) {
    .loadmore-card-container{
         padding: 80px 20px 0;
    }
    .loadmore-card-container .main-heading{
        font-size: 38px;
    }
   
}
    @media (max-width: 767.98px) { 
    .loadmore-card-container .main-heading {font-size: 34px}
    .loadmore-card-container .card {padding: 28px}
     .loadmore-card-container {padding: 60px 5px 0}
    }