.contact-banner{
    background-image: url('./Assets/Group\ 299.png');
    background-position: bottom;
    background-size: cover;
}
.contact {
    padding: 40px 40px;

    .contact-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        max-width: 1150px;
        margin: auto;

        .content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 40px;

            h1 {
                text-align: center;
            }

            p {
                text-align: center;
                width: 70%;
            }
        }

        .form {
            padding: 0px 50px 0px 50px;
            display: flex;
            flex-direction: column;

            form {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }

            .row {
                display: flex;
                justify-content: space-between;
                gap: 20px;

                .col {
                    width: 100%;

                    input {
                        width: 100%;
                        padding: 15px;
                        border-color: #FB0B0B;
                    }
                }
            }

            .textbox {
                width: 100%;

                textarea {
                    width: 100%;
                    border: 2px solid;
                    border-color: #FB0B0B;
                }
            }
            .button{
                display: flex;
                justify-content: center;
                padding: 20px;
            }
        }
    }
}
.success .container{
    h1{
        text-align: center;
    }
}
.info{
    padding: 40px 40px;
    .info-container{
        max-width: 1150px;
        margin: auto;
        .info-content{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            h1{
                text-align: center;
            }
            p{
                margin-top: 40px;
                text-align: center;
                width: 50%;
                margin-bottom: 40px;
            }
        }
        .images{
            display: flex;
            gap: 10px;
            justify-content: space-around;
            img{
                width: 20%;
            }
        }
    }
}