.sec--home{
    background-image: url(../img/bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.box{
    border-radius: 16px;
    background: linear-gradient(180deg, #0d8f8fcf 0%, #000000e6 100%);}
.title{
    color:  #FFF;
/* font-family: Inter; */
font-size: 2.5rem;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 48px */
}
.desc{
    color: var(--white-100, #FFF);
    /* font-family: Inter; */
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 00;
    line-height: 120%; /* 38.4px */
}

.custom--btn{
    border-radius: 8px;
background: var(--green-500, #0D8F8F);
color: var(--white-100, #FFF) !important;
text-align: center;
/* font-family: Inter; */
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 28.8px */
padding: 10px;

}

.rounded-100{
    border-radius: 100px;
}
.card{
    height: 100%;
}


@media screen and (max-width: 800px){
    .desc{
        color: var(--white-100, #FFF);
        /* font-family: Inter; */
        font-size: 15px !important;
        font-style: normal;
        font-weight: 400;
        width: 100% !important;
        line-height: unset !important
    }
    .title{
        color:  #FFF;
        font-size: 25px !important;
    }

    svg.logo2{
        width:60% !important;
    }
}