* {
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    background: #0B0B22;
    backdrop-filter: blur(87.5px);
    padding-bottom: 65px;
}
.header{
    border: none;
}
.logoh1{
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.navbar{
    gap: 50px;
    align-items: center;
} .ul{
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}
.button{
    border-radius: 3px;
    background: var(--button-light, rgba(255, 255, 255, 0.10));
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.10);
    color: #FFF;
    font-size: 14px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    height: 39px;
}
.h1{
    color: var(--green, #16FCD2);
text-align: center;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: 32px;
letter-spacing: 1.6px;
}
.client{
    color: var(--green, #16FCD2);
    text-align: center;
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1.6px;
    padding: 0!important;
    margin-top: 101px;
}
.h2{
    color: #FFF;
text-align: center;
font-size: 36px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 54px;
}
.paragtaph{
    color: var(--muted, rgba(255, 255, 255, 0.60));
text-align: center;

/* Page Description */
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.button1{
    border-radius: 3px;
    background: var(--primary, #6016FC);
    display: inline-flex;
    padding: 15px 55px;
    align-items: flex-start;
    gap: 10px;
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.button2{
    border-radius: 3px;
    background: var(--button-light, rgba(255, 255, 255, 0.10));
    display: inline-flex;
    padding: 15px 55px;
    align-items: flex-start;
    gap: 10px;
    border:none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.card5{
    padding: 32px 49px 36px 40px;
    border-radius: 5px;
    background: var(--light, rgba(255, 255, 255, 0.05));
}
.h3{
    color: #FFF;
margin-top: 29px;
/* Feature Card Title */
font-size: 18px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.h4{
    color: var(--muted, rgba(255, 255, 255, 0.60));
margin-top: 8px;
/* Feature Card Description */
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.borderdasds{
    border: none !important;
    border-top:1px solid rgba(255, 255, 255, 0.10) !important;
    border-bottom:1px solid rgba(255, 255, 255, 0.10) !important;
    
}


/* .logos{
    border-top:rgba(255, 255, 255, 0.10);
    border-bottom:rgba(255, 255, 255, 0.10);
    padding: 32px 0px;
    gap: 44px;
    width: 100%;
    margin-top: 60px;
    align-items: center;
} */

.h5{
    color: var(--green, #16FCD2);

/* Section Badge */
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: 32px;
letter-spacing: 1.6px;
}
.h6{
    color: #FFF;

/* Section Title */
font-size: 30px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.paragtaph2{
    color: var(--muted, rgba(255, 255, 255, 0.60));
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 32px;
margin-top: 28px;
}
.button3{
    display: flex;
    padding: 10px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: var(--button-light, rgba(255, 255, 255, 0.10));
    border: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-top: 58px;
}
.hr{
    background: rgba(255, 255, 255, 0.10);
    margin-top: 118px;
}
.h7{
    color: var(--green, #16FCD2);
text-align: center;
margin-top: 118px;
/* Section Badge */
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: 32px;
letter-spacing: 1.6px;
}
.h8{
    color: #FFF;
text-align: center;

/* Section Title */
font-size: 30px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.background{
    width: 100%;
    height: 50%;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--card-dark, #161629);
    box-shadow: 0px 30px 60px 0px rgba(96, 22, 252, 0.03);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.elipse{
    border-radius: 100px;
background: #212136;
width: 154px;
margin-left: calc(50% - 77px);
height: 26px;
margin-top: 53px;
}
.elipse2{
    border-radius: 100px;
background: #212136;
width: 94px;
margin-left: calc(50% - 47px);
height: 26px;
margin-top: 14px;
}
.elipse3{
    border-radius: 20px 20px 0px 0px;
background: rgba(44, 44, 70, 0.50);
width: 194px;
margin-left: calc(50% - 97px);
height: 256px;
margin-top: 66px;
}
.elipse31{
    border-radius: 20px 20px 0px 0px;
background: rgba(44, 44, 70, 0.50);
width: 194px;
margin-left: calc(50% - 184px);
width: 368px;
height: 256px;
margin-top: 66px;
}
.h21{
    color: #FFF;
text-align: center;
margin-top: 40px;
/* Project Title */
font-size: 20px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
.h22{
    color: var(--muted, rgba(255, 255, 255, 0.60));
text-align: center;
margin-top: 10px;
/* Project Description */
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 400;
line-height: 34px;
}
.card2{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.button4{
    border-radius: 100px;
    border: 1px solid #FFF;
    background: transparent;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.10);
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 14px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 48px;
    width: 100px;
    margin-left: calc(50% - 50px);
}
.sada{
    border-radius: 30px;
background: var(--highlight, #221048);
height: 911px;
padding: 0px 142px 145px 142px;
}
.h9{
    color: var(--green, #16FCD2);
text-align: center;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: 32px;
letter-spacing: 1.6px;
}
.h10{
    color: #FFF;
text-align: center;

/* Section Title */
font-size: 30px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.card3{
    width: 328px;
    border-radius: 10px;
background: #3F2379;
padding: 58px 47px 39px 47px;
}
.card31{
    width: 328px;
    border-radius: 10px;
background: #233679;
padding: 58px 47px 39px 47px;
}
.card32{
    width: 328px;
    border-radius: 10px;
background: #792366;
padding: 58px 47px 39px 47px;
}
.h11{
    color: #FFF;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.h12{
    color: var(--muted, rgba(255, 255, 255, 0.60));
    font-size: 12px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.h13{
    color: #FFF;

/* Pricing Price */
font-size: 36px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.lists{
    color: #FFF;
text-align: center;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 36px;
}
.button5{
    display: flex;
width: 234px;
padding: 15px 55px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 3px;
background: #FFF;
border: none;
margin-top: 50px;
}
.card41{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 415px;
height: 447px;
flex-shrink: 0;
border-radius: 3px;
background: var(--light, rgba(255, 255, 255, 0.05));
padding: 0px 47px;
}
.card42{
    margin-top: 94px;
    width: 415px;
height: 447px;
flex-shrink: 0;
border-radius: 3px;
border: 2px solid var(--primary, #6016FC);
background: var(--light, rgba(255, 255, 255, 0.05));
display: flex;
flex-direction: column;
padding: 0px 61px;
justify-content: center;
}
.card43{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 415px;
height: 447px;
padding: 0px 47px;
flex-shrink: 0;
border-radius: 3px;
background: var(--light, rgba(255, 255, 255, 0.05));
display: flex;
flex-direction: column;
justify-content: center;
}
.h41{
    color: #FFF;
text-align: center;
margin-top: 21px;
font-size: 18px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.h42{
    color: rgba(255, 255, 255, 0.60);
text-align: center;

/* Testimonial Company */
font-size: 14px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.h43{
    color: var(--muted, rgba(255, 255, 255, 0.60));
text-align: center;

font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 32px;
display: flex;
margin-top: 32px;
flex-direction: column;
flex-shrink: 0;
}
.h431{
    color: #FFF;
    text-align: center;
    
    /* Testimonial Description */
    font-size: 16px;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}
.h61{
    color: #FFF;
/* Section Title */
font-size: 30px;
font-family: Noto Sans;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.but1{
    border: none;
    border-radius: 3px;
    background: var(--primary, #6016FC);
    padding: 15px 55px;
    gap: 10px;
    width: fit-content;
    color: #FFF;
text-align: center;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.but2{
    border: none;
    border-radius: 3px;
    background: var(--button-light, rgba(255, 255, 255, 0.10));
    padding: 15px 55px;
    gap: 10px;
    width: fit-content;
    color: #FFF;
text-align: center;
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.h51{
    color: var(--muted, rgba(255, 255, 255, 0.60));
font-size: 16px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.h52{
    color: #FFF;
font-size: 14px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1.4px;
}