/* colors and classes */
input::placeholder {
    color: #C1D1D1;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C1D1D1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #C1D1D1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #C1D1D1;
}

:-ms-input-placeholder {
    /* Edge/IE 10+ */
    color: #C1D1D1;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.btn-purple {
    background: #882aff;
    border-radius: 2rem;
}

.btn-purple:hover {
    background: #fff;
    border-radius: 2rem;
    color: #882aff !important;
    border: 1px solid #882aff;
}

.btn-border-purple {
    border: 1px solid #882aff;
    border-radius: 2rem;
    color: #882aff;
}

.btn-border-purple:hover {
    border: 1px solid #882aff;
    background-color: #882aff;
    border-radius: 2rem;
    color: #fff;
}

.bg-purple {
    background-color: #882aff;
}

.border-purple {
    border: 1px solid #882aff;
}

.br-2 {
    border-radius: 2rem;
}

.text-purple {
    color: #882aff;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.w-40 {
    width: 40%;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-60 {
    height: 60%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

/*****************************/
.header-section {
    background-image: url("./img/Group-350.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60rem;
}

.navbar-links ul {
    list-style: none;
}

.navbar-links ul li {
    display: flex;
    align-items: center;
}

.navbar-links ul a {
    text-decoration: none;
    color: white;
    padding: 5px 15px;
}

.home a {
    background: linear-gradient(180deg,
            rgba(142, 45, 226, 1) 0%,
            rgba(142, 45, 226, 0) 100%);
}

.home a span {
    margin-left: 5px;
}

.navbar-button button,
.get-button {
    background: #e7bb16;
    padding: 5px 20px;
}

.cards {
    background-image: url("./img/Group-352.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 32rem;
}

.card-img {
    position: absolute;
    left: 32%;
    top: -25%;
    background: linear-gradient(#320096, #8e2de2);
    width: 35%;
    height: 47%;
    border-radius: 50%;
}

.feedbacks {
    background-image: url("./img/border.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.read-button {
    color: #c9a51d;
    padding: 7px 10px;
    border: 1px solid rgba(201, 165, 29, 0.3);
    background: white;
    border-radius: 6px;
}

.footer-links {
    background-image: url("./img/footer-bottom.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 33rem;
}

.get-email {
    background: linear-gradient(#5905ff, #6400ba);
    height: 14rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 5px;
    position: absolute;
    margin-top: -5rem;
}

.email-input {
    width: 70%;
    padding: 13px 15px;
    border-radius: 8px 0 0 8px;
}

.email-button {
    background: #c9a51d;
    padding: 13px 15px;
    border-radius: 0 8px 8px 0;
    width: 30%;
    color: white;
    border: none;
}

.footer-bg {
    background-image: url("./img/footer-top-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 8rem;
    border-radius: 5px;
}