body{
  font-family: 'Montserrat';
}
.bg_blue{
  background-color: #323f52;
}
.logo{
  width: 71px;
}
.error{
  color: red;
}
.logo_text{
   color: black !important;
  font-size: 21px;
  font-weight: 500;
}
.befor_border{
  position: relative;

}
.befor_border::before{
  content:'';
  display: block;
  position: absolute;
  right: 10px;
  top: 0px;
  width: 5px;
  height: 85px;
  background-color: #fff;
}
.form_section label{
  font-size: 14px;
  font-weight: 500;
}
.form_section input::placeholder{
  font-weight: 400;
  font-style: italic;
}
.form_section input[type='text'],.form_section input[type='password']{
  height: 42px;
  /* border-radius: 50px; */
  /* border:1px solid #E8C899; */
  padding-left: 45px;
  font-weight: 500;
}
.form_section .form-group{
  position: relative;
}
.form_section .user_icon::before,.form_section .pass_icon::before{
  content: '';
  display: block;

  background-size: 100% 100%;
  height: 32px;
  width:32px;
  position: absolute;
  left: 5px;
  bottom: 4.2px;

}
.form_section .user_icon::before{
  background-image: url(../css/images/ico_username.svg);
}
.form_section .pass_icon::before{
  background-image: url(../css/images/ico_password.svg);
}
.black_link{
  color: #323f52;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;

}
.black_link:hover{
  color:#45628e;
}
.form_submit{
  background-color: #45628e;
  border-radius: 50px;
  color:#fff;
  font-weight: 500;
  padding: 8px 0px;
}
.f_14{
  font-size: 14px !important;
}
.contact_box{
  border:1px solid #40B9FE;
  border-radius: 50px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  padding:5px 0px 5px 10px;
  position: relative;

}
.contact_box.phone_box::before,.contact_box.email_box::before{
  content: '';
  display: block;

  background-size: 100% 100%;
  height: 35px;
  width: 35px;
  position: absolute;
  top: -3px;
  left: -3px;
}
.contact_box.phone_box::before{
  background-image: url(../css/images/ico_mail.png);
}
.contact_box.email_box::before{
  background-image: url(../css/images/ico_call.png);
}
.developer_box{
  font-size: 12px;
  font-weight: 600;
}


.listing {
  padding: 0px;
  margin: 0px;
  display: flex;
}
.listing li{
  list-style: none;
  min-width: 200px;
  margin: 0px 8px;

}
@media screen and (max-width: 575px) {
  .befor_border::before{
    display: none;
  }
  .mb_center{
    justify-content: center;

  }
  .mt_mobile-4{
    margin-top: 15px;
  }
  .bg_blue header{
    margin-bottom: 30px !important;
  }
  .footer_section .listing {
    justify-content: center;
  }
 .footer_section .listing li:first-child{
  margin-bottom: 8px;
 }
}
@media only screen and (max-width: 998px){
  .word-brack{
    text-align: center;
    margin-bottom: 10px !important;
   }
}
@media only screen and (min-width: 769px) {
  .big_befoe_img{
    position: relative;
    border-top-right-radius: 250px;
    border-bottom-right-radius:250px;
  }

}
@media only screen and (min-width: 1012px) {
  .big_befoe_img::after{
    content: '';
    background-image: url(../css/images/desk_people_working2.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 675px;
    width: 675px;
    position: absolute;
    right: -280px;
    top: -133px;
  z-index: 99;

  }
}
@media only screen and (min-width: 600px) and (max-width: 1011px) {
  .wid_box{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90% !important;
    flex: 0 0 90% !important;
    max-width: 90% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 924px){
  .footer_section .listing li:first-child{
    margin-bottom: 8px;
   }
}
@media only screen and (min-width: 1010px) and (max-width: 1300px){
  .big_befoe_img::after{
    height: 728px;
    width: 553px;
    right: -135px;
    top:-145px;

  }
}
@media only screen and (min-width: 1027px) and (max-width: 1350px){
  .footer_section .listing li:first-child{
 margin-bottom: 10px;

  }
  .footer_section .listing {
    justify-content: center;
  }
}
@media only screen and (min-width: 1350px) {
  .footer_section .listing {
   flex-wrap: nowrap !important;
  }
}

@media only screen and (min-width: 1012px) and (max-width: 1026px) {
 .margin_b{
  margin-bottom: 8px !important;
 }
}
@media only screen and (min-width: 1012px) and (max-width: 1140px) {
  .ml-lg-5, .mx-lg-5 {
    margin-left: 0rem!important;
}
 }

 @media only screen and (min-width: 1077px) and (max-width: 1260px) {
  .befor_border::before{
    right: -5px;
  }
 }
 @media only screen and (min-width: 1012px) and (max-width: 1076px) {
  .befor_border::before{
    right: -17px;
  }
 }
 @media only screen and (min-width: 992px) and (max-width: 1011px) {
  .befor_border::before{
    right: -21px;
  }
 }