.header-img{
    background: url('./imgs/smto.jpg');
    background-size: cover;
    background-repeat: repeat;
    height: 90vh; 
}
section{
    padding: 0 ;
}
.header-img h2 {
    text-align: left;
    font-family: Poppins,"Open Sans","Arial",sans-serif;
    font-size: 72px;
    color: white;
    font-weight: 600;
    padding: 33vh 6%;
    line-height: 78px;
    text-transform: capitalize;
    letter-spacing: -1px;
}
.abo h3{
    text-align: center;
    font-family: Poppins,"Open Sans","Arial",sans-serif;
    font-size: 38px;
    text-transform: capitalize;
}
.abo{
    padding: 90px 0;
    background: rgba(237, 235, 235, 0.19);
}
.abo p{
    color: rgb(135,135,135);
    font-size: 17px;
    padding: 10px 0px;
    text-align: center;
}
.w-680{
    width: 680px;
    margin: 0 auto;
    text-align: center;
}
.m-auto{
    margin: 0 auto;
}
.dispad{
    padding: 0;
}
.text-boxright{
    padding: 80px 90px 130px;
}
.empe{
    padding-bottom: 15px;
}
.text-boxright h3 {
    font-family: Poppins,"Open Sans","Arial",sans-serif;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 80px;
}
.text-boxright h4{
    font-size: 23px;
    font-weight: 600;
    font-family: Poppins,"Open Sans","Arial",sans-serif;
}
.divi-li{
    margin: 0;
    padding: 15px 18px;
    font-size: 18px;
    line-height: 45px;
    font-family: Poppins,"Open Sans","Arial",sans-serif;
        color: #494646;
}
.flex-box{
        display: flex;
   /* flex-flow: column-reverse;*/
}
.slo{
    margin-top: 120px;
}
.c-form p{
    color: rgb(135,135,135);
    font-size: 17px;
    padding: 10px 150px;
    text-align: center;
    margin-bottom: 5%;
}
.c-form{
    padding: 60px 0;
    background: rgba(237, 235, 235, 0.19);
}
.c-form .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 25px;
    font-size: 13px;
    line-height: 1.42857143;
    color: black;
    background: white;
    border-radius: 27px;
    border: 1px solid #27a6e757;
    background-image: none;
    /* border: 1px solid #ccc; */
    border-radius: 0px
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: 0.5s;
    -webkit-box-shadow: 1px 0px 12px 1px rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0px 12px 1px rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}
.c-form .form-control::placeholder{
    color: grey;
}
.c-btn{
    background: #337ab7;
    width: 100px;
    text-align: left;
    color: white;
    border: none;
    padding: 8px 30px;
    border-radius: 30px;
    -webkit-box-shadow: 1px 0px 12px 1px rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0px 12px 1px rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.05);
    float: left;
}
section.footer{
    padding-top: 60px;
    padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .w-680{
        width: 100% !important;
    }
    .header-img{
        background-position: center;
    height: 42vh;
    }
    .header-img h2{
     padding: 13vh 6%;
    line-height: 40px;
    font-size: 34px;
    }
    .abo {
    padding: 40px 0;
    }
    .abo h3{
        font-size: 18px;
    }
    .abo p{
        text-align: justify;
    }
    .text-boxright {
    padding: 30px;
    margin-top: 0;
    }
    .slo {
    margin-top: 0;
    }
    .c-form p{
        text-align: justify;
        padding:30px;
    }
}