/* Start Project Page CSS */
.form-box {
    position: relative;
}

.start-project .form-control {
    border: none;
    border-bottom: 2px solid #a3a3a3;
}

.project-form {
    position: absolute;
    top: 90px;
    left: 50px;
}

@media only screen and (max-width: 1200px) {
    .rectangle-img {
        display: none;
    }

    .form-box {
        position: static;
    }

    .project-form {
        position: static;
    }
}

.step-one {
    display: block;
}

.step-two {
    display: none;
}

.step-two-button {
    width: 190px;
    margin: 15px 10px 0 0;
}

.step-two-button small {
    font-size: 12px;
}

.step-three {
    display: none;
}

.step-four {
    display: none;
}

.small-text-form-two {
    font-size: 14px;
}

.blue-button-border {
    border: 2px solid rgb(6, 17, 234) !important;
    border-radius: 5px;
}

.form-link {
    text-decoration: underline;
}

#form-1-alert {
    display: none;
}

/* Successful Brands CSS */
.custom-icon-2 {
    margin-right: 40px;
}

.custom-icon-3 {
    margin-right: 60px;
}

.custom-icon-5 {
    margin-right: 10px;
}

.successful-brands .custom-icon {
    font-size: 14px;
}

.successful-brands .custom-icon img {
    width: 15px;
}

@media only screen and (max-width: 760px) {
    .successful-brands h4 {
        font-size: 18px;
    }

    .successful-brands-list {
        text-align: center;
    }
}

@media only screen and (max-width: 991px) {
    .custom-icon-4 {
        margin-right: 17px;
    }

    .custom-icon-5 {
        margin-right: 30px;
    }

    .custom-icon-6 {
        margin-right: 17px;
    }
}

/* Waste Time */
.waste-time-3 {
    margin-right: 10px;
}

.waste-time-border {
    border-bottom: 1px solid #a3a3a3;
    margin: 0 85px;
}


@media only screen and (max-width: 760px) {
    .waste-time h4 {
        font-size: 16px;
    }

    .waste-time small {
        font-size: 13px;
    }

    .waste-time-list {
        text-align: center;
    }
}

/* Good Product CSS */
@media only screen and (max-width: 760px) {
    .good-product h4 {
        font-size: 16px;
    }
}

/* Location CSS */
.location-one .circle, .location-two .circle, .location-three .circle, .location-four .circle {
    border-radius: 50%;
    padding: 7px 11px;
    border: 1px solid rgb(6, 17, 234);
}

.location-one {
    display: block;
}

.location-two {
    display: none;
}

.location-three {
    display: none;
}

.location-four {
    display: none;
}

@media only screen and (max-width: 600px) {
    .location-one, .location-two, .location-three, .location-four {
        margin-left: 25px;
    }
}

@media only screen and (max-width: 760px) {
    .step-one, .step-two, .step-three, .step-four {
        text-align: center;
        font-size: 14px;
    }

    .step-one h4, .step-two h4, .step-three h4, .step-four h4 {
        font-size: 16px;
    }

    .step-one small, .step-two small, .step-three small, .step-four small {
        font-size: 12px;
    }

    .step-one p, .step-two p, .step-three p, .step-four p {
        font-size: 14px;
    }

    .step-one input {
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) {
    .step-two {
        text-align: center;
    }

    .step-two p {
        margin-bottom: 40px;
    }

    .step-two .card {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1200px) {
    .step-three {
        text-align: center;
    }

    .step-three p {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .step-four {
        text-align: center;
    }

    .step-four p {
        margin-bottom: 40px;
    }

    .step-four input {
        text-align: center;
    }
}


/* For Final Step Edit Button */
.buttonIn {
    position: relative;
}

.edit-btn {
    position: absolute;
    border: none;
    background: none;
    bottom: 0;
    left: 90%
}

.edit-btn:hover {
    color: rgb(74, 198, 207) !important;
}