.appointment{
    margin: 130px 0;
   .appointment_wrapper{
    background-image: url(../images/appointment.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 110px 50px;
    position: relative;
    z-index: 1;
    background-attachment: fixed; 
    border-radius: 20px; 
    &::before{
        position: absolute;
        content:'' ;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #1d7773 100%);
        z-index: -1;
        border-radius: 20px; 
    }
       h4{
        color: $white;
        font-size: 48px;
        font-weight:700;
        line-height: 58px;
       }
       p{
        color: $white;
        font-size: 18px;
        font-weight:400;
        line-height: 28px;
        padding-top: 20px;
       }
       .form_wrapper{
          padding-top: 24px;
        .form_control{
            display: block; 
            width: 100%;
            height: 60px;
            padding:23px;
            background-color:#ffffff;
            background-clip: padding-box;
            border: 1px solid #6b6b6c;
            border-radius: 10px;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            &:focus{
               outline: 0;
           } 
            &::placeholder{
                font-size: 18px;
                color: #aeacac;
                font-weight: 400;
            }
        }
       }
       a{
           padding: 18px 45px;
           border: 2px solid $white;
           font-size: 18px;
           color: $white;
           font-weight: 500;
           border-radius: 5px;
           -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
           -ms-border-radius: 5px;
           -o-border-radius: 5px;
           &:hover{
               background-color: $white;
               color: $black;
            &:hover span{
                color: $black;
            }
           }
           span{
               padding-right:10px;
               font-size: 18px;
           }

       }
   }

}