.para_title{
  /*font-family: 'Herr Von Muellerhoff', cursive;*/
  font-family: 'Cormorant SC', serif;
  font-size: 26px;
  color: #695d46;
  font-weight: 700;
}
.line_before::before {
  content:"|";
  color: #ff5e0e;
  font-size: 40px;
  font-weight: 700;
}
.line_after::after {
  content:"|";
  color: #ff5e0e;
  font-size: 40px;
  font-weight: 700;
}
.para {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.vertical_label {
  position: absolute;
  left: 115px;
  top: 0;
  font-size: 90px;
  font-family: 'Herr Von Muellerhoff', cursive;
  text-align: center;
  width: 100px;
  height: 100%;
  background-color: #008067;
  color: white;
  text-transform: capitalize;
  line-height: 110px;
  padding-top: 0;
}
.bold_italic{
  font-weight: 700;
  font-style: italic;
}

.features_number {
  font-size: 60px;
  font-family: 'Herr Von Muellerhoff', cursive;
  color: #008575;
  font-weight: 700;
  display: inline-block;
  height: 150px;
  width: 90%;
  text-align: center;
  left: -20px;
  top: -15px;
  position: relative;
}

.feature_no_align {
  height: 150px;
  line-height: 150px;
  text-align: right;
  display: inline-block;
  width: 100%;
  top: -3px;
  position: relative;
}
.feature_no_align::after {
  content: " ";
  font-family: 'Cormorant SC', serif;
  color: #999;
  border-right: 1px solid #807662;
  font-size: 100px;
  position: relative;
  right: 10px;
}
.feature_title {
  font-size: 30px;
  font-family: 'Cormorant SC', serif;
  font-weight: 700;

}
ul {
  list-style: none;
  /*padding: 0;*/
  /*margin: 0;*/
}

/*li {
  text-indent: -.9em;
}*/

.vertical_req {
  width: 100px;
  height: 100%;
  text-align: right;
}

.vertical_req.goals span {
  top: 60%;
}

.vertical_req span {
  transform-origin: left top 0;
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
  bottom: 0;
  /*top: 57%;*/
  font-size: 70px;
  line-height: normal;
}

.connect_text {
  font-family: 'Herr Von Muellerhoff', cursive;
  font-size: 4rem;
  color: #cdcdcd;
  text-transform: capitalize;
  text-align: center;

}

.get_text {
  font-family: 'Cormorant SC', serif;
  color: #695d46;
  font-size: 2rem;
  text-transform: capitalize;
  position: relative;
  top: -50px;
  font-weight: 700;
  text-align: center;
}
.footer_style {
  background-color: #008575;
  font-size: 14px;
  color: #fff;

}
.lheight_3 {
  line-height: 3
}

.btn_submit {
  font-family: 'Cormorant SC', serif;
  background-color: #008575;
  font-weight: 700;
  color: white;
}

/* Footer */

.contact .form-control {
  background-color: #e3e3e3; 
  border-radius: 2px;
  border:0;
}

.contact textarea.form-control {
  resize: none;
}

.contact .form-control:focus {
  border:none;
}

.contact label {
  font-weight: 500;
  font-size: 14px; 
}

.btn_submit:focus,
.btn_submit:hover {
  background-color: #008575;
}

/**/

.pos-r {
  position: relative;
}

.fot_left {
  text-align: left;
}

.fot_right {
  text-align: right;
}

ul.content_all {
  margin:0;
  padding:0 0 0 35px;
}

ul.content_all li {
  text-align: left;
  position: relative;
  margin-bottom: 15px;
}

ul.content_all li:last-child {
  margin-bottom: 0;
}

ul.content_all li::before {
  content: "• ";
  color: #008575;
  font-size: 30px;
  position: absolute;
  top: 0;
  left: -20px;
}

.frec_btn {
  border-radius: 4px;
  padding:2px 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  background-color:#ff5e0e;
  position: absolute;
  top: 25px;
  right: 25px;
}

.frec_btn:hover,
.frec_btn:focus {
  color: #fff;
  text-decoration: none;
}

.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 80px;
  right: 50px;
  display: none;
  text-indent: -9999px;
  background: url(../Images/up-arrow.png) no-repeat;
  background-size: contain;
  border-radius: 100%;
  z-index: 1000;
}
.hide_large {
  display: none;
}

@media (min-width: 320px) and (max-width:767px) { 
    .vertical_label { display: none; }
    /*.ml-auto { margin-left: inherit !important; }*/
    .fot_left,.fot_right { text-align: center !important; }
      .scrollup { bottom:120px; right:25px; }
      .feature_no_align::after { display: none; }
      .features_number { left: 0; }
      .pb-5 { padding-bottom: 1.5rem!important; }
      .frec_btn { font-size: 12px; }
    /*  img.intro_img  { height: 180px; }
      img.inner_img  { height: 150px; }*/
      .hide_small { display: none; }
      .hide_large {
          display: block;
        }
        .mobile_align {
          padding-top: 0px !important;
        }


}

@media (min-width: 768px) { 
 /* body { background-color: red; }*/
  .vertical_label { left: 58px; }
  .features_number { left: 0; }
  .feature_no_align::after { right: 0; }
} 

@media (min-width: 992px) {
    /*body { background-color: green; }*/
    .features_number { left: 0; }
    .feature_no_align::after { right: 0; }
}