@font-face {
    font-family: inter;
    src: url(Fonts/Inter-VariableFont_opsz\,wght.ttf);
}

* {
    font-family: inter;
}

.gradienT {
    background: linear-gradient(to right, rgba(255, 214, 214, 0.224), rgba(97, 186, 170, 0.52), rgba(164, 213, 195, 0.636), rgba(255, 214, 214, 0.185));
    opacity: 90%;
    border-radius: 2px;

}

.gradient1 {
    background-image: linear-gradient(to left, rgba(164, 213, 195, 0.092), rgba(255, 214, 214, 0.076)50%, transparent 30%);
}

.pln {
    border: none !important;
}

.grp {
    border: none !important;
    box-shadow: 5px 5px 5px rgba(80, 184, 165, 0.52);
    border-radius: 30px;



}

.crd {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.875) !important;
    border: 5px solid rgba(0, 0, 0, 0.537) !important;
    border-radius: 20px !important;

}

.ftrimg img {
    width: 50px;
}

.ftr {
    background: #000;
}

.ftrinpt form {
    background: rgba(128, 128, 128, 0.21);
    border: none;
    border-radius: 10px;
}

.ftrinpt img {
    height: 100px;
    ;
}

.lst input {
    width: 300px;
    height: 50px;
    border-radius: 30px;
    background: transparent;

}

.lst input::placeholder {
    color: #ffffffa8;
}

@media screen and (max-width:500px) {
    .lst input {
        width: 200px;
        height: 40px;
        border-radius: 30px;
        background: transparent;

    }

    .fnt p {
        font-size: 14px;
    }

    .grp1 {
        padding: 50px;
    }

}