body {
    background-color: #ffffff;
    font-family: Bahnschrift;
}

header{
    background-color: #ff6b35;
    text-align: center;
  
}

img{
    max-width: 100%;
    height: auto;
    
    
}

.call-to-action{
    background-color: #0ea88c;
    text-align: center;
    border-radius: 50px;
    scale: 160%;
    max-width: 200px;
margin-left: 260px;
text-decoration: none;
}
.call-to-action:hover{
    background-color: aqua;
    }

.call-to-action a{
    text-decoration: none;
}

h3{
color:#0d66a4;
font-size: 50px;
text-align: center;
margin-top: 30;
margin-bottom: 0;
    font-family: "bahnschrift", sans-serif;
font-weight: 700;
font-style: normal;
}

h2{
 color: #3b6c8b;
text-align: center;
width: auto;
text-decoration: none; 
   
}

h2:hover{
    color: green;
}

.presentg{
     color: #3b6c8b;
    font-size: 30px;
    text-align: left;
    margin-left: 25px;
}

.coustimer-help{
    color: #3b6c8b;
    font-size: 30px;
    text-align: left;
    margin-left: 25px;
    font-family: "bahnschrift", sans-serif;
font-weight: 400;
font-style: normal;
}

.for-you{
     color: #3b6c8b;
    font-size: 22px;
    text-align:left;
    margin-left: 25px;
    font-family: "bahnschrift", sans-serif;
font-weight: 400;
font-style: normal;
}

.hero{
    background-image: url(Imegs/Asset%201.svg);
    max-width: 1000px;
    min-width: 375px;
    background-repeat: no-repeat;
     padding: 489px 46px 69px;
}

.braind-logo{
    max-width: 600px;
    min-width: 200px;
    margin-bottom: 0;
    margin-top: 30px;
}

.contaner{

}

footer{
    color: #0d66a4;
    font-size: 31px;
background-color:#ff6b35;
    font-family: "bahnschrift", sans-serif;
font-weight: 400;
font-style: normal;
}

@media(min-width: 1000px){
 
}
.form{
    background-color: rgb(13, 102, 164);
    padding: 21px;
    border-radius: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0, .65);
    width: 483px;
    margin-left: 86px;
    margin-top: 22px;
    margin-bottom: 15px;
}

.form-group{
    margin-bottom: 18px;
    text-align: left;
    
}

input{
    width: 76%;
    padding: 6px;
    border: 1px solid #000;
    border-radius: 8px;
    font-size: 14px;
}
input:focus{
    border-color: orange;
    outline: none;
}
button{
    width: 49%;
    padding: 10px 20px;
    margin-top: 11px;
    background-color:  #0ea88c;
    color: #3b6c8b;
    border:none;
    border-radius: 8px;
    font-size: 34px;
    cursor: pointer;
    margin-left: 183px;
}
button:hover{
    background-color: aqua;
}
