.contact-intro-container{
    position: relative;
    height: 820px;
}
.contact-intro-section{
    background: 
        url('../../images/contact/bg-geometric.png') 
        no-repeat;
    background-size: cover;
    padding-top: 80px;
    z-index: 1
}
#contactIntroImage{
    width: 920px;
    margin-left: 200px;
}
.contact-form{
    position: absolute;
    right: 100px;
    top: 290px;
    width: 570px;
    height: 730px;
    background-color: #7ABAC6;
    color: white;
    padding: 50px 70px 0px 70px;
}
.contact-form-title{
    border-left: 1px solid white;
    padding: 15px;
    margin-bottom: 10px;
}
.contact-form-description{
    padding: 20px;
    margin-left: 55px;
}
.contact-form-input{
    border-color: #7ABAC6;
    border-bottom: 1px solid white;
    margin-bottom: 30px;
    border-radius: 0px;
}
.contact-form-input:placeholder-shown{
    background: #7ABAC6;
    border-radius: 0px;
    color: white;
}
.contact-form-input::placeholder{
    color: white;
}
#contactFormSubmitButton{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    background-color: #4D8995;
    border-color: #4D8995;
    font-size: 1.2em;
    font-weight: normal;
}
#contactFormSubmitButton:hover{
    background-color: #5195a3;
    border-color: #5195a3;
    color: #29484f;
}

@media (max-width: 1199px){
    #contactIntroImage{
        width: 720px;
        margin-left: 100px;
    }
    .contact-form{
        top: 130px;
    }
}
@media (max-width: 991px){
    #contactIntroImage{
        width: 520px;
        margin-left: 100px;
    }
    .contact-form{
        top: 130px;
    }
}
@media (max-width: 767px){
    #contactIntroImage{
        width: 480px;
        margin-left: 0;
    }
    .contact-form{
        top: 130px;
        left: 10px;
        width: 500px;
    }
}
@media (max-width: 575px){
    #contactIntroImage{
        display: none;
    }
    .contact-form{
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 20px 20px 40px 20px;
    }
}

.grey-spacer-section{
    height: 500px;
}

@media(max-width: 1199px){
    .grey-spacer-section {
        height: 300px;
    }
}
@media(max-width: 575px){
    .grey-spacer-section {
        height: 0px;
    }
}

.gold-oval-lines-image-container{
    position: relative;
}
.gold-oval-lines-image-container img{
    position: absolute;
    top: -130px;
    right: 40px;
    width: 450px;
    height: auto;
}
.collage-container{
    position: relative;
    height: 450px;
}
.collage-container img{
    position: absolute;
    top: -170px;
    left: 70px;
    height: 700px;
    width: auto;
}

.faq-description-container{
    position: relative;
    margin-top: 150px;
}
.faq-description-text{
    position: relative;
    margin-top: 20px;
}

@media (max-width: 1900px){
    .gold-oval-lines-image-container img {
        right: 10px;
        width: 350px;
    }
}
@media (max-width: 1399px){
    .collage-container img{
        position: absolute;
        top: -170px;
        left: 70px;
        height: 600px;
        width: auto;
    }
    .gold-oval-lines-image-container img{
        position: absolute;
        top: -108px;
        right: 40px;
        width: 350px;
        height: auto;
    }
}
@media (max-width: 1199px){
    .collage-container img{
        height: 500px;
    }
    .gold-oval-lines-image-container img {
        right: 10px;
        width: 290px;
    }
}
@media (max-width: 991px){
    .gold-oval-lines-image-container{
        display: none;
    }
    .collage-container {
        height: 250px;
    }
    .collage-container img{
        left: 0px;
    }
}
@media (max-width: 575px){
    .collage-container {
        height: initial;
    }
    .collage-container img {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
    }
    .faq-description-container{
        margin-top: 50px;
    }
}

#contactForm .form-floating > .form-control:focus ~ label::after, 
#contactForm .form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
#contactForm .form-floating > .form-control-plaintext ~ label::after, 
#contactForm .form-floating > .form-select ~ label::after {
    color: #e8f0fe;
}