body {
}

.Quote {
    font-family: "Raleway", Sans-serif;
    margin-bottom:40px; 
}


    .Quote .Top {
        background-image: url(images/background4.jpg);
        background-position: center center;
        background-size: 10% cover;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        box-sizing: border-box;
    }



.Quote .Text {
    padding-top: 100px;
    padding-bottom: 60px;
}

    .Quote .Text .Title {
        font-size: 40px;
        color: #bd7b5a;
        font-weight: bold;
    }

    .Quote .Text .Subtitle {
        font-size:20px;

    }

.Quote svg {
    border-style: none;
    width: calc(100% + 1.3px);
    height: 60px;
}



.Quote .ShapeFill {
    box-sizing: border-box;
    fill: #FFFFFF;
    background-color: blue;
    transform: rotateY(0deg);
    transform: rotateX(180deg);
    transform-origin: center;
    direction: ltr;
    left: 0;
    bottom:0;
    line-height: 0;
    border-style: none;
}

.Quote .Form {
    display:flex;
    margin-left:auto;
    margin-right: auto;
    width:60%; 
    font-size:18px; 
    gap:60px;
}

    .Quote .Form .LeftCol {
        width: 60%; 

    }

    .Quote .Form .RightCol {
        padding-top: 20px;
        width: 40%;
        box-sizing: border-box;
    }

    .Quote .Form .Title {
        font-size: 20px;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .Quote .Form p {
        margin-bottom:20px; 
    }

    .Quote .Form .Phone, .Quote .Form .Mail {
        padding-left: 20px; 
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .Quote .Form .Phone {
   
    }

    .Quote .Form .Mail {
        color: blue;
    }

    .Quote .Form .Row {
        display: flex;
        box-sizing: border-box;
        gap:14px;
        margin-bottom:20px; 
    }

        .Quote .Form .Row input {
            border-style: none;
            border-bottom-style: solid;
            border-bottom-color: lightgray;
            border-width: 1px;
            width: 100%;
            padding: 4px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        .Quote .Form .Row input::placeholder {
            color: gainsboro;
        }


    .Quote .Form .Field {
        margin-bottom: 20px;
        box-sizing: border-box;
    }

        .Quote .Form .Field input, .Quote .Form .Field input:active, .Quote .Form .Field textarea {
            border-style: none;
            border-bottom-style: solid;
            border-bottom-color: lightgray;
            border-width: 1px;
            width: 100%;
            padding: 4px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            resize:none; 
        }


            .Quote .Form .Field input::placeholder, .Quote .Form .Field textarea::placeholder {
                color: gainsboro;
            }

        .Quote .Form .Buttons
        {
            padding:20px;
            text-align: right;  
        }

            .Quote .Form .Buttons .Button {
                padding: 12px;
                background-color: #bd7b5a;
                color: white;
                text-decoration: none;
                border-radius:4px; 
            }

                .Quote .Form .Buttons .Button:hover {
                    background-color: black;
                    text-decoration: none;
                }


.ContentButtons {
    width:60%;
    margin-left: auto;
    margin-right: auto;
    text-align: right; 
    margin-bottom:40px;
}

    .ContentButtons .ContentButton {
        padding: 12px;
        background-color: #bd7b5a;
        color: white;
        text-decoration: none;
        border-radius: 4px;
    }

        .ContentButtons .ContentButton:hover {
            background-color: black;
            text-decoration: none;
        }

@media only screen and (max-width:980px) {

    .Quote .Form {
        padding-top:40px;
        display: block;
        width:80%;
    }

        .Quote .Form .LeftCol {
            width: 100%;
        }

        .Quote .Form .RightCol {
            padding-top: 40px;
            width: 100%;
        }

        .Quote .Form .Field, .Quote .Form .Row {
            margin-bottom: 40px;
        }

    .Quote .Top {
        background-size: cover; 
    }

    .Forede_Logos {
        flex-direction: column;
        gap: 0px;
    }

        .Forede_Logos .glow_alaya {
            height: unset; 
        }

        .Forede_Logos .forede {
            padding-top: 20px;
            padding-bottom: 40px;
        }

        .Forede_Logos .corproa {
            background: none;
            height: unset;
            padding-bottom: 40px;
        }

    .Forede_Selection {
        flex-direction: column;
        gap:20px;
    }

        .Forede_Selection select {
            width: 100%; 
        }
	

       .arrow-box {
            border-radius: 20px 20px 20px;
            20px;
        }
        .arrow-box::after {
            display:none;
        }


}