.container{
    width:100%;
    height:100%
    
    
}
.title{
    width: 768;
height: 24;
font-style: 'Inter';
font-weight: 600;
font-size: 16px;
line-height: 24px;
padding-left: 48px;
letter-spacing: 0%;
color: #7F56D9;


}
.header{
    width: 768;
height: 60;
font-style: Inter;
font-weight: 600;
font-size: 48px;
line-height: 60px;
padding-left: 48px;
letter-spacing: -2%;
color: #101828;

}
.text{
    width: 768;
height: 30;
font-style: 'Inter';
font-weight: 400;
font-size: 20px;
line-height: 30px;
padding-left: 48px;
letter-spacing: 0%;
color: #667085;

}
.btn-xl{
    width:320px;
    height:48px;
    gap:12px;
    background: #7F56D9;
    ;
    font-size: 20px;
    border-radius: 10px;
    
}
.content{
    width: 1440;
height: 606;
padding-bottom: 96px;
gap: 64px;
background: #FFFFFF;
padding-left: 45px;

    display: flex;
   
    

}
.card{
    width: 350px;
height: 510px;
border-radius: 16px;
border-width: 1px;

background: #FFFFFF;
border: 1px solid #EAECF0;
box-shadow: 0px 4px 6px -2px #10182808;

box-shadow: 0px 12px 16px -4px #10182814;

}
.card-title{
    width: 180;
height: 35;
left: 61px;
font-style: 'Inter';
font-weight: 600;
font-size: 48px;
line-height: 60px;
letter-spacing: -2%;
text-align: center;
color: #101828;

}
.card-sub-title{
    width: 320;
height: 30;
font-style: Inter;
font-weight: 600;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
color: #101828;

}
.card-sub-heading{
    width: 320;
height: 24;
font-style: Inter;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: center;
color: #667085;

}
.card-text{
    width: 320px;
height: 24px;
gap: 12px;

}
/* .most-popular{
    width: 93;
height: 20;
top: -70px;
left: 327.5px;
font-family: Inter;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0%;
color: #6941C6;
padding-left: 420px;

}
.arrow{
    padding-left: 350px;
} */