/*=============== seo_subscribe_area css ============*/
/*====================================================*/
/*====================================================*/
/*================= error_area css ==================*/
.error_area {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  height: 100vh;
  min-height: 650px;
}
.error_area.light{
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(94, 44, 237, 0.93)), to(rgba(164, 133, 253, 0.9))), url("../img/error_bg.png") no-repeat scroll center 100%;
  background: -o-linear-gradient(top, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("../img/error_bg.png") no-repeat scroll center 100%;
  background: linear-gradient(180deg, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("../img/error_bg.png") no-repeat scroll center 100%;
}
.error_shap {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.error_contain h1 {
  font-size: 15vw;
  line-height: 14vw;
  margin-bottom: 0px;
}
.ltr .error_contain h2 {
  letter-spacing: 12px;

}
.error_contain h2{
   margin-bottom: 25px;
}
.error_contain .about_btn {
  min-width: 230px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(15, 0, 57, 0.1);
          box-shadow: 0px 20px 30px 0px rgba(15, 0, 57, 0.1);
}

/*================= error_area css ==================*/
/*================= error_two_area css ==================*/
.error_two_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  height: 100vh;
  min-height: 750px;
}

.error_content_two h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  color: #051441;
  margin-top: 40px;
}
.error_content_two p {
  font-size: 20px;
  line-height: 30px;
}
.error_content_two .search {
  margin: 45px 0px 40px;
}
.error_content_two .search .form-control {
  background-color: white;
  -webkit-box-shadow: 0px 4px 22px 0px rgba(12, 0, 46, 0.06);
          box-shadow: 0px 4px 22px 0px rgba(12, 0, 46, 0.06);
  border: 1px solid transparent;
  border-radius: 45px;
  height: 60px;
  padding: 0px 30px;
  color: #677294;
  font-size: 15px;
  font-weight: 300;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.error_content_two .search .form-control.placeholder {
  color: #677294;
}
.error_content_two .search .form-control:-moz-placeholder {
  color: #677294;
}
.error_content_two .search .form-control::-moz-placeholder {
  color: #677294;
}
.error_content_two .search .form-control::-webkit-input-placeholder {
  color: #677294;
}
.error_content_two .search .form-control:focus {
  border-color: #5e2ced;
}
.error_content_two .about_btn {
  background: #051441;
  color: #fff;
  border-radius: 3px;
  padding: 17px 35px;
  font-weight: 400;
}
.error_content_two .about_btn i {
  vertical-align: middle;
  padding-left: 5px;
}
.error_content_two .about_btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*================= error_two_area css ==================*/

.mt_40 {
    margin-top: 40px;
}
.btn_hover {
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.about_btn {

    padding: 17px 28px;
    background: #fbfbfd;
    -webkit-box-shadow: 0px 20px 30px 0px rgb(12 0 46 / 10%);
    box-shadow: 0px 20px 30px 0px rgb(12 0 46 / 10%);
    border-radius: 3px;
    color: #5e2ced;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.about_btn:hover {
    color: #fff;
    background: #5e2ced;
}