.top-arrow {
    position: relative;
}
.top-arrow:before {
    content: '';
    position: absolute;
    top: -65px;
    background-image: url(https://f.hubspotusercontent00.net/hubfs/2395355/Quadro_Applications/Fitzmill_Applications/get-in-tuch-top-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 138px;
    height: 100px;
    left: -70px;
}
.form-outer .blue-heading {
    font-size: 19px;
    color: #26a8df;
    text-transform: uppercase;
}
textarea {
    min-height: 155px;
}
.form-outer h2 {
    font-size: 34px;
    font-weight: 500;
    color: #fff;
}
.form-outer .content {
    font-size: 18px;
    color: #b1b1b1;
    font-weight: normal;
}
.form-outer input {
    background-color: #fff !important;
}
.form-outer .hs-button.primary.large {
    color: #fff;
    background-color: #26a8df !important;
    padding: 12px 35px !important;
    border-radius: 60px;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}
.form-outer .hs-richtext.hs-main-font-element > p {
    font-size: 18px;
    color: #b1b1b1;
}
.form-outer .hs-richtext.hs-main-font-element>p:first-child {
    font-size: 19px;
    color: #fff;
    margin: 10px 0 0;
}
.form-outer .form-inner {
    padding: 10px 0 20px;
    max-width: 610px;
}
.form-outer .actions::after {
    content: "" !important;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
ul.hs-error-msgs li {
    color: #ff173d !important;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;
}
ul.no-list.hs-error-msgs.inputs-list {
    margin: 0;
}
.red-heading {
    color: #ff173d;
    text-transform: uppercase;
    font-size: 19px;
}
body .form-outer .hs-input, body .form-outer input[type="email"], body .form-outer input[type="tel"] {
    background-color: transparent !important;
    border: solid 1px #ff173d !important;
    color: #fff !important;
    font-weight: 300 !important;
}
body .form-outer .hs-input, body .form-outer input[type="email"], body .form-outer input[type="tel"] {
    background-color: transparent !important;
    border: solid 1px #ff173d !important;
    color: #ffffff !important;
    font-weight: 300 !important;
}
textarea {
    min-height: 155px;
}
.form-outer .hs-button.primary.large {
  border-radius: 7px;
  background-color: #ffffff !important;
  border: 1px solid #9c9b9b;
  color: #1d1d1b !important;
  text-transform: uppercase !important;
  font-weight: 500;
  font-size: 16px;
  padding: 18px 40px !important;
}
.form-outer .hs-richtext.hs-main-font-element > p {
    font-size: 18px;
    color: #b1b1b1;
}
.form-outer .hs-richtext.hs-main-font-element>p:first-child {
    font-size: 19px;
    color: #fff;
    margin: 10px 0 0;
}
.form-outer .form-inner {
    padding: 10px 0 20px;
    max-width: 610px;
}
.form-outer .actions::after {
    content: "" !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#ffffff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#ffffff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#ffffff !important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#ffffff !important;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.form-outer {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
      position: relative;
}
.form-outer > .page-center {
    position: relative;
    z-index: 1;
}
.form-outer:before {
    content: 'asffasaf';
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 0;
    background-color: #3d4543;
    z-index: 0;
}
.form-outer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 0;
    background-color: rgb(61 69 67);
    z-index: 0;
    background: linear-gradient(90deg, rgba(61,69,67,1) 0%, rgba(61, 69, 67, 0.8) 55%, rgba(61, 69, 67, 0.0) 100%);
}
.form-outer .hs-button.primary.large:hover {
    background-color: #ff173d !important;
    color: #fff !important;
    border-color:#ff173d;
}
.form-outer .submitted-message {
    color: #fff;
    font-size: 20px;
    padding: 15px 0;
}



@media screen and (max-width: 1299px) {
.form-outer .form-inner {
    padding: 10px 0 0px;
}
}
@media screen and (max-width: 991px) {
.form-outer .form-inner {
    max-width: 100%;
}
.form-outer {
    overflow: hidden;
}
}
@media screen and (max-width: 499px) {
.form-outer .blue-heading {
    font-size: 16px;
      text-align: center;
}
.form-outer h2 {
    font-size: 28px;
      text-align: center;
}
.form-outer .content {
    font-size: 16px;
      text-align: center;
}
.form-outer .hs-richtext.hs-main-font-element>p:first-child {
    font-size: 17px;
      margin: 10px 0 10px;
}
.form-outer .hs-richtext.hs-main-font-element>p {
    font-size: 16px;
}
.form-outer .hs-button.primary.large {
    font-size: 14px;
    padding: 14px 25px !important;
}  
}

@media(max-width:480px){
  .hs-input {
    width: 100% !important;
}
body form.hs-form fieldset .hs-form-field {
    padding: 0 !important;
    width: 100% !important;
}
}

@media screen and (max-width: 399px) {
.form-outer h2 {
    font-size: 24px;
}
}