@media only screen and (max-width: 767px) {
    .banner {
        padding: 51px;
    }

    .details {
        background-color: #1f2732;
        padding: 54px;
    }

    .svg-yellow {
        padding-top: 100px;
        max-width: 427px;

    }
}



@media only screen and (min-width: 768px) {
    .banner {
        padding: 250px;
    }

    .details {
        background-color: #1f2732;
        padding: 150px;
    }
}



.coeus-input {
    width: 100%;
    border-radius: 4px;
    border: 1px lightcyan solid;
    padding: 10px;
    background-color: #1b2530;
    box-shadow: none;
    outline: none;
    color: white;
}

.form-coeus {
    padding: 10px;
}

.message {
    color: white;
}

.col .message p {
    text-align: start;
}

textarea {
    height: 150px;
}

.send-btn {
    background-color: #abdbe3;
    border-radius: 6px;
    height: 60px;
    width: 140px;
    outline: none;
    border: none;
    box-shadow: none;
    color: white;
}

.send-btn:hover {
    background-color: #1b2530;
    border: 2px #abdbe3 solid;
}

.banner-2 {
    background-color: lightsteelblue;
    width: 90%;
    padding: 50px;
}

.banner-2 h1{
    text-align: center;
}

.banner-last {
    width: 90%;
    padding: 50px;
}

.banner-last h1{
    text-align: center;
}

.parallax-1 {
    background-image: url(/assets/contact_us/space-bg-04de35114d09567f127e8202af58e3a2e2d958b0c358a4ab5bba061258f04ca9.webp);
    box-shadow: inset 0 0 0 1000px rgba(36, 34, 47, 0.44);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-2 {
    background-image: url(/assets/contact_us/meeting-conference-845eb1d36035b2b22ca0ac1f05e98254b8133d7b7dbaa175d7601d14c4d27219.webp);
    box-shadow: inset 0 0 0 1000px rgba(3, 3, 3, 0.58);
    min-height: 700px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@font-face {
    font-family: 'Racing';
    src: url(/assets/RacingSansOne-Regular-5fb6b1c9c8afe06bd27772dba958f0268f41bf7c9da93c5f02b8fc4739e0669d.ttf)
}

.h-style {
    font-family: Racing;
    color: white;
}

.p-style {
    font-family: Helvetica, Sans-Serif;
    font-style: oblique;
    font-weight: 200;
    font-size: 16px;
    color: #ffffff;
}

.perform {
    font-family: Helvetica, Sans-Serif;
    font-style: oblique;
    font-weight: 200;
    font-size: 30px;
}


.shape-fill {
    filter: invert(98%) sepia(56%) saturate(3977%) hue-rotate(356deg) brightness(111%) contrast(104%);
    transform-origin: center;
    transform: rotate(180deg);
    transform: scale(1,-1);

}

.shape-fill-details {
    filter: invert(7%) sepia(20%) saturate(1139%) hue-rotate(178deg) brightness(96%) contrast(90%);
    transform-origin: right;
    transform: rotate(180deg);
    transform: scale(1,-1);

}

.shape {
    width: 100%;
    background: none;
    position: absolute;
}