.formContain ul a,.networks i {
    color: #012c50;
    transition: .25s
}

.contactSection {
    background: url("../images/contact_background_ui_medical_marketing.jpg") center/cover;
   
}

.contactSection .containContent {
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 auto;
    place-items: center;
    justify-items: center;
    gap: 50px
}

.formContain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff94;
    color: #012c50;
    padding: 20px;
    align-self: center;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 10px 15px 15px rgba(0,0,0,.1);
    height: fit-content
}

.networks {
    margin: 30px 0
}

.networks i {
    margin-right: 10px;
    font-size: 25px
}

.networks i:hover {
    color: #1b91e2
}

.formContain h2 {
    font-size: 50px;
    margin-bottom: 20px
}

.formContain ul {
    margin: 0;
    list-style: none;
    padding: 0
}

.formContain form li+li {
    margin-top: 1em
}

.formContain ul a {
    font-weight: 600
}

.formContain ul a:hover {
    color: #00b3ff
}

.formContain ul i {
    margin-right: 3%
}

.formContain .bodyForm {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    max-width: 100%
}

.formContain .bodyForm input,.formContain .bodyForm select,.formContain .bodyForm textarea {
    width: 100%;
    max-width: 100%;
    padding: 5px 10px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 10px 10px rgba(0,0,0,.05)
}

.formContain .bodyForm .row:first-child,.formContain .bodyForm .row:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px
}

.formContain button {
    background-color: #00b3ff;
    width: 100%;
    color: #fff;
    border: 0;
    padding: 5px;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 500;
    transition: .25s
}

.formContain button:hover {
    background-color: #001533;
    cursor: pointer
}

.contactSection .imageContain {
    display: flex;
    align-items: flex-end
}

@media (max-width: 996px) {
    .formContain h2,.formContain ul,.networks {
        text-align:center
    }

    .contactSection {
        padding: 30px 20px 0
    }

    .contactSection .containContent {
        grid-template-columns: 1fr
    }

    .formContain h2 {
        font-size: 30px
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #00b3ff;
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.lds-ellipsis div:first-child {
    left: 8px;
    animation: .6s infinite lds-ellipsis1
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: .6s infinite lds-ellipsis2
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: .6s infinite lds-ellipsis2
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: .6s infinite lds-ellipsis3
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}