.contact{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(https://codoid.com/wp-content/uploads/2022/12/contact-form-bg.jpg);display:flex;align-items:center;background-blend-mode: normal;}
.contact .col-md-7.form8{padding:0;width:60%;max-width: 60%;flex-basis: 60%;}
.form-sec{margin-top:0;box-shadow:none;}
.contact .col-md-5.form4{padding:60px;width:40%;max-width: 40%;flex-basis: 40%;}
.contact .col-md-5.form4 hr{width:100%;height:2px;background-color:#2b2852;border:0;padding:0;margin:30px 0;}
.contact .form4 .img-fluid{width:auto;height:70px;margin-bottom:18px;}
.contact .col-md-5.form4 h4{line-height: 1.4;font-family: 'Avenir Black';font-weight: 400;}
.contact .col-md-5.form4 .row{line-height: 0;}
button.btn-submit{font-family: 'Avenir Black';font-weight: 400;}
.form8 textarea.form-control {height: 125px !important;}

@media only screen and (max-width:1920px){
  .col-md-7.form8 h2{font-size:48px;}
  .col-md-7.form8>p{font-size:48px;}
  .contact .col-md-5.form4 h4{font-size:27px;color:#ffffff;}
  .contact .col-md-5.form4>p{font-size:27px;color:#ffffff;}
}
@media only screen and (max-width:1600px){
  .col-md-7.form8 h2{font-size:48px;}
  .col-md-7.form8>p{font-size:48px;}
  .contact .col-md-5.form4 h4{font-size:24px;}
  .contact .col-md-5.form4>p{font-size:24px;}
  .contact .col-md-7.form8{padding:30px 0;}
  .contact .col-md-5.form4{padding:30px 30px;}
}
@media only screen and (max-width:1400px){
  .contact{padding-top:50px;}
  .col-md-7.form8 h2{font-size:36px;}
  .col-md-7.form8>p{font-size:36px;}
  .contact .col-md-5.form4{padding-bottom:30px;}
  .contact .col-md-5.form4 h4{font-size:22px;}
  .contact .col-md-5.form4>p{font-size:22px;}
  .form-sec{width:70%;}
  .contact .col-md-5.form4{padding-top:30px;}
  .contact .col-md-5.form4 hr{margin:20px 0;}
  .contact .col-md-7.form8{padding:30px;}
}
@media only screen and (max-width:1080px){
  .contact .col-md-5.form4{width:40%;text-align:center;padding-bottom:30px;}
  .contact .col-md-7.form8{width:60%;margin:0 auto;padding-bottom:30px;}
  .contact{padding-bottom:50px;}
}
@media only screen and (max-width:767px){
  .contact .col-md-7.form8{width:100%}
  .form-sec{width:100%;}
}
@media only screen and (max-width:480px){
  .contact .col-md-7.form8{width:100%;padding:30px 10px;}
  .contact .col-md-5.form4>div.row>div.col-md-12.col-xs-6:first-of-type img{margin-top:12px;}
}

/*Newstyle*/

@media only screen and (min-width:1680px){
  .contact .col-md-5.form4 h4 {font-size: 18px;}
}
@media only screen and (min-width:1537px){
  .col-md-7.form8 h2{font-size:48px;}
  .col-md-7.form8>p{font-size:48px;}
}
@media only screen and (max-width:1536px){
  .col-md-7.form8 h2{font-size:36px;}
  .col-md-7.form8>p{font-size:36px;}
}
@media only screen and (max-width:991px){
  .form-sec.row{width:70%}
  .contact .col-md-7.form8{width:100%;}
  .form8 form{width:80%;}
}
@media only screen and (max-width:600px){
  .form-sec.row{width:90%;}
  .form8 form{width:100%;}
}

/*Form*/
#adsForm{margin-top:20px;}
#adsForm input,#adsForm textarea{margin-bottom:25px;}
#adsForm label.error{font-size:12px;color:#e52300;font-weight:normal;margin-bottom:0px;line-height:16px;margin-bottom:25px;position:unset;}
#adsForm input.error~.float-label-text span,#adsForm textarea.error~.float-label-text span{color:#e52300}
#adsForm input.error,#adsForm textarea.error{border:1px solid #e52300!important;margin-bottom:5px;}
.form8 .form-control{font-size:18px;}
.floating-label label.float-label-text{position:absolute;top:1px;border:0;margin:auto;left:10px;background:transparent;transition:all 300ms ease;-webkit-transition:all 300ms ease;font-size:18px;color:#707070;font-weight:normal;background-color:transparent;padding:8px 10px;border-radius:50px;background:none;line-height:28px;}
.floating-label label.float-label-text{font-family:'Avenir';font-weight:400;}
.floating-label input:not(:placeholder-shown)~label.float-label-text,.floating-label input:focus~label.float-label-text{top:-22px;font-size:14px;padding:0 10px;font-weight:700}
.floating-label textarea:not(:placeholder-shown)~label.float-label-text,.floating-label textarea:focus~label.float-label-text{top:-22px;font-size:14px;padding:0 10px;font-weight:700}
.floating-label .form-control:focus{box-shadow:none}

/*contact-form*/
.col-md-7.form8 h2{padding-bottom:40px;font-family: 'Avenir';}
.col-md-7.form8>p{padding-bottom:40px;}
#adsForm input,#adsForm textarea{margin-bottom:30px;}
.contact .col-md-5.form4{padding:30px 60px;}
.contact{padding:150px 0}
.floating-label label.float-label-text{top:7px}
.contact .form-group:last-child{margin-bottom:0}
@media (max-width:1536px){
  .form-sec{width:70%;max-width:70%;}
}
@media (max-width:1600px){
  .contact .col-md-5.form4{padding:30px}
}
@media (max-width:1400px){
  .contact .col-md-7.form8{padding:20px 0;}
}
@media (max-width:1366px){
  .contact .form4 .img-fluid{height:55px!important;width:122px!important;object-fit:cover!important;}
  #adsForm input,#adsForm textarea{margin-bottom:25px;}
  #adsForm label.error{margin-bottom:20px}
  .form8 .form-control{height:45px;}
  .floating-label label.float-label-text{top:1px}
  .col-md-7.form8 h2{padding-bottom:10px;}
  .col-md-7.form8>p{padding-bottom:10px;}
}
@media (max-width:1080px){
  .contact .col-md-7.form8{margin:0 auto;padding-bottom:30px;padding-top:30px;}
  .contact{padding:100px 0;}
}
@media (max-width:991px){
  .contact .col-md-7.form8{width:100%;max-width: 100%;flex-basis: 100%;}
  .contact .col-md-5.form4{width:100%;max-width: 100%;flex-basis: 100%;}
}
@media (max-width:767px){
  .contact .col-md-7.form8{padding: 30px 26px;}
  .col-md-7.form8 h2{font-size: 30px}
  .col-md-7.form8 > p{font-size: 30px}
  .contact .col-md-5.form4 h4{font-size: 16px ;}
  .contact .col-md-5.form4 > p{font-size: 16px ;}
  .section.contact .seccontainer{max-width: 100%;}
}
@media (max-width:600px){
  .contact .col-md-7.form8{width:100%;max-width: 100%;flex-basis: 100%;}
  .form-sec.row{width:90%;max-width:90%;}
}