form.sent div{
display:none;
}

.cf7item {
    border-bottom: 1px solid gray;
    margin: 10px;
}

.cf7item textarea{
    width: 100%;
}

.cf7q{
    font-weight: bold;
}

span.hss {
    background: #E22F65;
    color: #EFEFEF;
    font-size: smaller;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 10px;
}

span.nni {
    background: #a9a9a9;
    color: #EFEFEF;
    font-size: smaller;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 10px;
}


input.wpcf7-form-control.wpcf7-text {
    padding: 15px 7px;
    font-size: medium;
    width: 100%;
}

.wpcf7-not-valid-tip{
    display: flex;
    color: #E22F65;
}

    .gazo {
    display: flex;
    background-color: #EFEFEF;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 100px;
}

.gazo p {
    display: flex;
    align-items: center;    
}

.check{
    display: flex;
    justify-content: center;   
}


.input{
    display: flex;
    margin: 20px auto;
    justify-content: center;
}

.input .wpcf7-submit{
    height: 60px;
    line-height: 60px;
    font-size: 1.125rem;
    width: 315px;
    background: linear-gradient(to right, #034577, #0064AF, #0085B6);
    border-radius: 50px;
    color: #fff;
}

.screen-reader-response ,.wpcf7-response-output{
    text-align: center;
    margin: 20px auto;
    color: #E22F65;
}
.screen-reader-response ul{
    list-style: none;
}

@media (max-width: 580px) {
        #inner {
    width:100%;
    height:180px;
    }
    section#main {
        background:#f1f9fc;
        height:180px;
    }
    h1#defult_h1 {
        text-align:center;
        line-height:180px;
    }

}
@media (min-width: 581px) {
    .cf7item {
    display: flex;
    margin: 10px 40px;
}
    .cf7q{
    display: flex;
    width: 250px;
    }
    
    .cf7q p{
        display: flex;
    }
    .cf7q label{
        display: flex;
        align-items: center;
    }
    
    .cf7a {
    width: 100%;
}

    span.wpcf7-not-valid-tip{
        display: flex;
    }
    
   #inner {
   max-width:1226px;
   width:100%;
   margin:0 auto;
   }
   section#main {
      background:#f1f9fc;
      height:250px;
   }
      section#main h1#defult_h1 {
      display:flex;
      height:250px;
      justify-content: center;
      align-items: center;
      color:black;
      font-size:1.6rem;
      position: relative;
   }
   section#main h1#defult_h1:before {
      content:"Q & A";
      font-size:0.9rem;
      position: absolute;
      top:93px;
      left:50%;
      color:#9dccd6;
      transform: translate(-50%, -50%);
   }
   #breadcrumbs {
      font-size:0.8rem;
      padding-left:126px;
   }
}