EVOLUTION-NINJA

Edit File: harshi.css

/* 2. form-item
--------------------------------------------------------------------------------*/

.form-control, select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"] {
    box-shadow: none;
    outline: none;
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
    line-height: 44px;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    height: 46px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

.form-control::-webkit-input-placeholder, select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder {
    color: #c2c2c2;
}

.form-control::-moz-placeholder, select::-moz-placeholder,
textarea::-moz-placeholder, input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder {
    color: #c2c2c2;
}

.form-control:-moz-placeholder, select:-moz-placeholder,
textarea:-moz-placeholder, input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder {
    color: #c2c2c2;
}

.form-control:-ms-input-placeholder, select:-ms-input-placeholder,
textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder {
    color: #c2c2c2;
}

.form-control:focus, select:focus, textarea:focus, input[type="text"]:focus,
input[type="password"]:focus, input[type="datetime"]:focus,
input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border-color: #f39c12;
}

.form-control:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="datetime"]:focus::-webkit-input-placeholder,
input[type="datetime-local"]:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder,
input[type="time"]:focus::-webkit-input-placeholder,
input[type="week"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="color"]:focus::-webkit-input-placeholder {
    color: #1f1c2f;
}

.form-control:focus::-moz-placeholder, select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder, input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="datetime"]:focus::-moz-placeholder,
input[type="datetime-local"]:focus::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="month"]:focus::-moz-placeholder,
input[type="time"]:focus::-moz-placeholder,
input[type="week"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="color"]:focus::-moz-placeholder {
    color: #1f1c2f;
}

.form-control:focus:-moz-placeholder, select:focus:-moz-placeholder,
textarea:focus:-moz-placeholder, input[type="text"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="datetime"]:focus:-moz-placeholder,
input[type="datetime-local"]:focus:-moz-placeholder,
input[type="date"]:focus:-moz-placeholder,
input[type="month"]:focus:-moz-placeholder,
input[type="time"]:focus:-moz-placeholder,
input[type="week"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="color"]:focus:-moz-placeholder {
    color: #1f1c2f;
}

.form-control:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="datetime-local"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="color"]:focus:-ms-input-placeholder {
    color: #1f1c2f;
}

.form-control[disabled], select[disabled], textarea[disabled],
input[type="text"][disabled], input[type="password"][disabled],
input[type="datetime"][disabled], input[type="datetime-local"][disabled],
input[type="date"][disabled], input[type="month"][disabled],
input[type="time"][disabled], input[type="week"][disabled],
input[type="number"][disabled], input[type="email"][disabled],
input[type="url"][disabled], input[type="search"][disabled],
input[type="tel"][disabled], input[type="color"][disabled] {
    opacity: .65;
    cursor: not-allowed;
}

input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="color"]),
textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type="checkbox"], input[type="radio"] {
    width: auto !important;
}

textarea {
    height: auto !important;
    outline: none;
        box-shadow: none;
    outline: none;
    margin: 0;
    border-radius: 0;
    padding: 0 15px;
    line-height: 44px;
    border: 1px solid #ebebeb;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    height: 46px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

{
    /* no-gutters Class Rules */
}

.form-01 {
    content: "";
}

.form-01__title {
    font-size: 30px;
    font-weight: 400;
    color: #1f1c2f !important;
    margin-bottom: 50px;
}

.form-01__form {
    margin: 0 -15px;
}

.form-01__form:after {
    content: "";
    display: table;
    clear: both;
}

.form-01__form .form__item {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .form-01__form .form__item.form__item--02 {
        width: 50%;
    }

.form-01__form .form__item.form__item--03 {
        width: 33.3333%;
    }
}

.form-01__form .form__button {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    margin-top: 35px;
    float: left;
    width: 100%;
}

.form-01__style-02 .form-01__title {
    font-size: 24px;
}

.form-01__style-02 .form-01__form__button {
    margin-top: 20px;
}

.consult-form {
    text-align: center;
    padding: 40px 30px;
    background-color: white;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
}

@media (min-width: 992px) {
    .consult-form {
        padding: 60px 75px;
    }
}

.js-consult-form {
    position: relative;
    z-index: 99;
    padding-bottom: 50px;
}

@media (min-width: 320px) {
    .js-consult-form {
        padding-bottom: calc(37.20238vw - 69.04762px);
    }
}

@media (min-width: 992px) {
    .js-consult-form {
        padding-bottom: 300px;
    }
}

.js-consult-form .title-01 {
    margin-bottom: 30px;
}

.js-consult-form .consult-form {
    position: relative;
}

@media (max-width: 767px) {
    .js-consult-form .consult-form {
        bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .js-consult-form .consult-form {
        position: absolute;
        left: 10%;
        right: 10%;
    }
}

@media (min-width: 992px) {
    .js-consult-form .consult-form {
        left: 20%;
        right: 20%;
    }
}

@media (max-width: 1199px) {
    .js-consult-form .hidden-xl {
        display: none;
    }
}

.js-consult-form .consult-form--02 {
    padding: 0;
    overflow: hidden;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.js-consult-form .consult-form--02:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: white;
}

.js-consult-form .consult-form--02 > .form-01 {
    position: relative;
    z-index: 2;
}

@media (min-width: 1600px) {
    .js-consult-form .consult-form--02 {
        background-size: 40% 100%;
        left: 25%;
        right: 25%;
    }

.js-consult-form .consult-form--02:after {
        display: none;
    }

.js-consult-form .consult-form--02 .form-01 {
        width: 60%;
        float: right;
    }
}

.js-consult-form--02 {
    padding-bottom: 50px;
}

@media (min-width: 320px) {
    .js-consult-form--02 {
        padding-bottom: calc(52.08333vw - 116.66667px);
    }
}

@media (min-width: 992px) {
    .js-consult-form--02 {
        padding-bottom: 400px;
    }
}

.form-sub {
    content: "";
}

.form-sub__form {
    display: table;
}

.form-sub__form .form-control {
    margin-bottom: 0;
    border-right: none;
}

.form-sub__form .form-control:focus {
    border-color: transparent;
}

.form-sub__form .form-button {
    color: #f39c12;
    height: 46px;
    border: 1px solid #ebebeb;
    border-left: none;
    background-color: #f7f7f7;
    padding: 0 15px;
    cursor: pointer;
    transition: all ease .3s;
}

.form-sub__form .form-button:hover, .form-sub__form .form-button:focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: white;
}

.form-sub__form .form-item {
    float: left;
    width: 100%;
    display: table-cell;
}

.form-sub__form .form-submit {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.form-sub__form .form-submit .btn {
    min-width: 150px;
}

.form-sub__title {
    font-size: 16px;
    font-weight: 400;
    color: #c2c2c2;
    text-transform: capitalize;
}

.form-sub__style-02 .form-sub__title {
    font-size: 24px;
    color: #1a1a23;
    margin-bottom: 40px;
}

/*******************************************/

.iconbox i{
    background-color:#dad8d8;
    border-radius: 50px;
    padding: 10px;
    color: white;  
    height: 50px;
    width: 50px;  
}