.c-main {
    padding: 100px 0px;
}

.c-main .title {
    margin-bottom: 10px;
}

.c-main .left .subtitle {
    border-left: 4px solid var(--primary-color);
    padding: 0;
    padding-left: 10px;
    margin-bottom: 30px;
}

.c-main .info-items{
    background-color: #fff;
    box-shadow: 2px 2px 8px #999;
    padding: 10px 20px;
    border-radius: 10px;
    /* margin-bottom: 20px; */
}

.c-main .circle {
    width: 50px;
    height: 50px;
    font-size: 20px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.c-main .form-wrapper {
    width: 90%;
    background: linear-gradient(30deg, #81009f, var(--secondary-color), var(--primary-color));
    /* background-color: var(--secondary-color); */
    padding: 20px 30px;
    border-radius: 10px 50px;
}

.c-main .form-wrapper .subtitle {
    color: #fff;
    margin-bottom: 20px;
}

.c-main .form-wrapper label {
    color: #fff;
}

.c-main .form-wrapper textarea {
    resize: none;
}

.c-main .form-wrapper .cns-btn {
    color: var(--primary-color);
    background-color: #fff;
    font-weight: 500;
    border-radius: 0;
    border: 2px solid #fff;
    transform: all .5s ease-in;
    border-radius: 8px;
}

.c-main .form-wrapper .cns-btn:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

.c-main .form-wrapper .cns-btn.right-arrow::after {
    width: 10px;
    height: 10px;
    background-size: cover;
    background-image: url("../img/right-arrow-primary.svg");
    right: 5px;
}

.c-main .form-wrapper .cns-btn.right-arrow:hover::after {
    background-image: url("../img/right-arrow-white.svg");
}


@media screen and (max-width:992px) and (min-width:768px) {

    .c-main {
        padding: 100px 3vw;
    }

    .c-main .form-wrapper {
        width: 100%;
    }

}


@media screen and (max-width:767px) and (min-width:576px) {

    .c-main {
        padding: 50px 8.571vw;
    }

    .c-main .form-wrapper {
        width: 100%;
    }

}


@media screen and (max-width:575px) and (min-width:425px) {

    .c-main {
        padding: 30px 7.059vw;
    }

    .c-main .form-wrapper {
        width: 100%;
    }

}


@media screen and (max-width:424px) {

    .c-main {
        padding: 20px 5.333vw;
    }

    .c-main .form-wrapper {
        width: 100%;
    }

}

@media screen and (max-width: 320px) {
    .c-main {
        padding: 20px 2.667vw;
    }

    .c-main .form-wrapper {
        width: 100%;
    }
}