.aramaSection {
    background-image: url('../img/arama/aramaBackground.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.imgAramaBackground {
    width: 100%;
    height: 100%;        
    top:0;
    left:0;
    position:absolute;
}

.aramaSection:focus-within .imgAramaBackground {
    -webkit-filter: grayscale(0%) brightness(100%);
    -moz-filter: grayscale(0%) brightness(100%);
    filter: grayscale(0%) brightness(100%);
    transition: all 1s;
}

.aramaSection:not(:focus-within) .imgAramaBackground {
    -webkit-filter: grayscale(100%) brightness(25%);
    -moz-filter: grayscale(100%) brightness(25%);
    filter: grayscale(100%) brightness(25%);
    transition: all 1s;
}

    .aramaSection .form-control:focus {
        background-color: white;
        color: black;
    }

    .aramaSection .form-control {
        border-radius: 0px !important;
        background-color: transparent;
        border-color: white;
        color: white;
    }

        .aramaSection .form-control::placeholder {
            color: white;
            opacity: 1; /* Firefox */
        }

        .aramaSection .form-control::-ms-input-placeholder { /* Edge 12 -18 */
            color: white;
        }

    .aramaSection .input-group button {
        border-radius: 0px !important;
        background-color: transparent;
        border-color: white;
        color: white;
    }