* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif;
}

/* gradient bg  */
body {
    background-image: linear-gradient(to bottom right, #C7F8F4 , #5EC3BA);
}

/* header one styling */
h1 {
    font-size: 60px;
    font-weight: bold;
    color: #7F7F7F;
}

/* different text on header one */
span{
    font-weight: normal;
}

/* h2 styling */
h2 {
    font-size: 42px;
    color: #5EC3BA;
    font-weight: normal;
}

/* label styling for form inputs */
label {
    font-weight:normal;
    font-size: 18px;
    color: #7F7F7F;
    margin-top: 24px;
    margin-bottom: 5px;
}

/* input styling */
input, select {
    width: 495px;
    height: 50px;
    border: 1px solid #979797;
    border-radius: 6px;
    padding: 10px;

}

/* dropdown styling */
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/arrow-select.png);
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 16px ;
    font-size: 16px;
    color: #979797; 
    font-weight: normal;
}

/* button styling */
button {
    display: block;
    margin-top: 43px;
    width: 495px;
    height: 50px;
    border-radius: 6px;
    padding: 10px;
    background-image: linear-gradient(to bottom, #97E3DE , #5EC3BA);
    border-style: none;
    color: #ffffff;
    font-size: 24px;
    font-weight: lighter;
    cursor: pointer;
    text-decoration: none;
    margin-left: 100px;
}

/* button styling when hovered */
button:hover {
    background-image: linear-gradient(to bottom, #97e3debf , #5ec3bbc5);
}

input, label {
    display:block;
}



/* main form section  */
.main-section {
    background-color:#ffffff;
    margin: 89px 110px 107px 100px;
    /* height: 85vh; */
    height: 828px;
    width: 1230px;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    filter: drop-shadow(0px 12px 36px rgba(0, 0, 0, 0.5));


}


/* left side  */
.column-one {

    width: 60%;
    z-index: 100;


}

/* right side  */
.column-two {
    
    width: 40%;
    
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    
}


form {
    margin-left: 100px;

}

img {
    height: 828px;
    background-size: cover;

}

.headings { 
    margin-left: 100px;
    margin-top: 60px;
    margin-bottom: 31px;


}

input{
    margin-bottom: 15px;
}

/* quote styling/postioning  */
.quote {
    width: 390px;
    height: 165px;
    background-color: #ffffff;
    position: absolute;
    top: 150px;
    right: 250px;
    text-align: end;
    text-align: right;
    z-index: 1;
}

h3{
    font-size: 24px;
    font-weight: lighter;
    padding: 27px 35px 0 0;
    color: #7F7F7F;

}

h4{

    font-size: 18px;
    font-weight: lighter;
    color: #5EC3BA;

    padding: 5px 35px 0 0 ;
}




a {
    text-decoration: none;
    margin-left: 100px;

}