/* get in touch section css start */
.get-in-touch-sec {
    background: #020F12;
    padding: 145px 0 160px;
}

.get-in-touch-sec .heading-section .heading-number p {
    color: var(--secondary-bg) !important;
}

.get-in-touch-sec .heading-section .heading-number {
    top: 0;
}


.get-in-touch-sec .heading-section .heading-title h2 {
    color: var(--secondary-bg);
}

.get-in-touch-sec .heading-section .heading-title h2 strong {
    color: var(--primary-text-color);
}

.get-in-touch-form-wrap {
    width: 100%;
    max-width: 635px;
    margin: 0 auto;
    margin-right: 12%;
    padding-top: 51px;
}

.get-in-touch-form-wrap .h3 {
    color: var(--secondary-bg);
    text-transform: uppercase;
    margin-bottom: 72px;
    font-weight: 500;
}

.get-in-touch-form-wrap .h3 strong {
    color: var(--primary-text-color);
    font-weight: bold;

}

.get-in-touch-form-wrap .btn-wrapper {
    display: block;
    position: relative;
    width: max-content;
}

.get-in-touch-form-wrap .btn-wrapper .button {
    background-color: var(--yellow-bg);
    color: var(--black-text);
}

.get-in-touch-form-wrap .btn-wrapper .button:hover {
    background-color: var(--yellow-bg);
}

.get-in-touch-form-wrap .btn-wrapper span {
    position: absolute;
    content: "";
    top: 0;
    right: 0%;
    font-size: 9px;
    line-height: 10px;
    font-weight: normal;
    color: var(--yellow-bg);
    text-transform: uppercase;
    font-family: "Azeret Mono", monospace;
}

.get-in-touch-form-wrap form .nf-form-fields-required {
    color: var(--primary-text-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 35px;
}

.get-in-touch-form-wrap form .nf-form-content {
    padding: 0 !important;
}

.get-in-touch-form-wrap form .nf-field-element ul li {
    margin-bottom: 20px !important;

}

.get-in-touch-form-wrap form .nf-field-element ul li:last-child {
    margin-bottom: 17px !important;

}

.get-in-touch-form-wrap form .nf-field-element ul li label {
    background-color: rgb(17, 137, 161, 25%);
    padding: 22px 40px 22px 70px !important;
    margin: 0 !important;
    border-radius: 50px;
    color: var(--primary-text-color);
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}

.get-in-touch-form-wrap form label.nf-checked-label {
    color: var(--white) !important;
    background: var(--secondary-bg) !important;

}

.get-in-touch-form-wrap form label.nf-checked-label:before {
    left: 43.6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #fff !important;

}

.get-in-touch-form-wrap form label:after {
    left: 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: 2px solid rgb(17, 137, 161, 30%) !important;
    box-shadow: none !important;
}

.get-in-touch-form-wrap form label.nf-checked-label:after {
    border: 2px solid #fff !important;
}

.get-in-touch-form-wrap form .nf-field-element p {
    color: var(--primary-text-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 16px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--primary-text-color);
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--primary-text-color);
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--primary-text-color);
}

:-moz-placeholder {
    /* Firefox 18- */
    color: var(--primary-text-color);
}

.get-in-touch-form-wrap form .nf-field-element input,
.get-in-touch-form-wrap form .nf-field-element select {
    background-color: #F7F9F4;
    border-radius: 50px;
    color: var(--primary-text-color) !important;
    font-size: 14px;
    height: 60px !important;
    padding: 10px 40px;
}

.get-in-touch-form-wrap .nf-form-content .list-select-wrap .nf-field-element>div {
    background-color: #F7F9F4;
    border-radius: 50px;
    color: var(--primary-text-color) !important;
    font-size: 14px;
    height: 60px !important;
    padding: 10px 40px;
}

.get-in-touch-form-wrap .nf-form-content .list-select-wrap>div div:after {
    height: 60px;
    line-height: 60px;
    right: 30px;
}

.get-in-touch-form-wrap form .nf-field-element textarea {
    background-color: #F7F9F4;
    border-radius: 30px;
    color: var(--primary-text-color) !important;
    font-size: 14px;
    height: 180px;
    padding: 22px 40px;
}

.get-in-touch-form-wrap form .nf-field-container {
    padding-bottom: 20px;
    margin-bottom: 0;
}

.get-in-touch-form-wrap form .nf-after-field {
    position: absolute;
    bottom: 2px;
    left: 0;

}

.get-in-touch-form-wrap form .nf-error-msg {
    color: #e80000;
    font-weight: 500;
    font-size: 14px;
}

.get-in-touch-form-wrap form .nf-error.field-wrap .nf-field-element:after,
.get-in-touch-form-wrap form .nf-pass.field-wrap .nf-field-element:after {
    content: inherit;
}

.get-in-touch-form-wrap form span.ninja-forms-req-symbol {
    display: none;
}

.get-in-touch-form-wrap form .submit-container .nf-field-element input {
    all: unset;
    border-radius: 100px;
    padding: 24px 50px 23px 50px;
    min-width: 140px;
    width: max-content;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-color: var(--yellow-bg);
    color: var(--black-text) !important;
    position: relative;
    height: auto !important;
    line-height: 14px;
}

.get-in-touch-form-wrap form .submit-container .nf-field-element::before {
    position: absolute;
    content: "Echelon Biosciences";
    top: 0;
    right: 0;
    font-size: 9px;
    line-height: 10px;
    font-weight: normal;
    color: var(--yellow-bg);
    text-transform: uppercase;
    font-family: "Azeret Mono", monospace;
    width: 100px;
}

.get-in-touch-form-wrap form .nf-field-container .nf-field-label {
    margin-bottom: 0 !important;
}

.get-in-touch-form-wrap form nf-field:last-child .nf-field-element {
    width: 362px;
}

.get-in-touch-form-wrap form nf-field:last-child .nf-field-container {
    padding-bottom: 10px !important;
}

.infomation-contact {
    margin-top: 154px;
}

.infomation-contact li {
    display: block;
}

.infomation-contact li:nth-child(2) {
    width: 100%;
    max-width: 400px;
}

.infomation-contact li+li {
    margin-top: 28px;
}

.infomation-contact li .h4 {
    display: block;
    color: var(--secondary-bg);
    font-weight: 500;
    font-size: 28px;
    line-height: 110%;
    text-transform: uppercase;
}

.infomation-contact li .infomation-text {
    display: block;
    color: var(--primary-text-color);
    font-weight: 700;
    font-size: 28px;
    line-height: 110%;
    text-transform: uppercase;
}

.infomation-contact li a.infomation-text {
    text-decoration: underline;
}

.infomation-contact li a.infomation-text:hover {
    text-decoration: underline;
    color: var(--secondary-bg);
}

/* responsive css  */
@media screen and (max-width:1199px) {
    .get-in-touch-sec {
        padding: 120px 0 120px;
    }

    .get-in-touch-form-wrap {
        margin-right: 0%;
    }
}

@media screen and (max-width:991px) {
    .get-in-touch-sec {
        padding: 100px 0 100px;
    }
}

@media screen and (max-width:767px) {
    .get-in-touch-sec {
        padding: 78px 0 80px;
    }

    .get-in-touch-sec .heading-section {
        margin-bottom: 15px;
    }

    .get-in-touch-form-wrap .h3 {
        font-size: 14px;
        margin-bottom: 79px;
        line-height: 130%;
    }

    .get-in-touch-form-wrap form .submit-container .nf-field-element input {
        padding: 23px 40px 22px 40px;
    }

    .get-in-touch-form-wrap form .submit-container .nf-field-element::before {

        right: -12px;

    }

    .infomation-contact {
        margin-top: 75px;
    }
}

@media(max-width:575px) {
    .get-in-touch-sec .btn-wrapper {
        margin-top: 95px;
    }
}

/* get in touch section css end */



/* Contact Us Page Design Start */
.get-in-touch-sec.contact-page {
    padding: 110px 0 155px 0;
}

.get-in-touch-sec.contact-page .nf-form-layout form {
    max-width: 520px;
    width: 100%;
}

.get-in-touch-sec.contact-page .get-in-touch-form-wrap form .nf-field-element ul li label {
    padding: 18px 40px 22px 70px !important;
}

.get-in-touch-sec.contact-page .infomation-contact {
    margin-top: 142px;
}

@media(max-width: 575px) {
    .get-in-touch-sec.contact-page {
        padding: 36px 0 70px 0;
    }

    .get-in-touch-sec.contact-page .get-in-touch-form-wrap {
        padding-top: 54px;
    }

    .get-in-touch-sec.contact-page .get-in-touch-form-wrap form .submit-container .nf-field-element input {
        padding: 23px 0 22px 0px;
        min-width: 240px !important;
    }

    .get-in-touch-sec.contact-page .get-in-touch-form-wrap form .submit-container .nf-field-element::before {
        width: 70px;
    }

    .infomation-contact {
        display: none;
    }
}

/* Contact Us Page Design End  */