.two-column-section {
  padding: 90px 0;
}

.two-column-section .container {

  padding: 0;
  margin: 0 auto;
  display: block;
}

.two-column-section .inner-section {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  position: relative;
  gap: 4em;
}

.two-column-section .inner-section > div {
  flex-basis: 50%;
}

.left .two-column-section-image > div {
  position: absolute;
  height: 100%;
  width: 75%;
  background-size: cover;
  background-position: left;
  left: -30%;
}

.right .two-column-section-image>div {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: right;
}

.two-column-section .section-title {
  margin-top: 20px;
}

.two-column-section .section-content p {
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
}

.two-column-section .section-content ul {
  margin-left: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
}

.two-column-section .section-content ul li {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
  letter-spacing: 0;
}
.two-column-section .section-btn a {
  max-width: 250px;

  display: block;

  border-radius: 30px;
}

.section-btn {
  margin-bottom: 81px;
}


@media screen and (min-width: 781px){
  .two-column-section .inner-section {
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 782px){
  .two-column-section .inner-section {
    flex-direction: column-reverse !important;
  }

  .left .two-column-section-image>div {
    min-height: 500px !important;
    position: relative !important;
    left: 0px !important;
    width: 100% !important;
  }

  .two-column-section .inner-section>div {
    flex-basis: 100%;
    width: 100% !important;
  }

  .smarter-way .content-col.col5 {
    margin-bottom: 40px;
  }
  .two-column-section .two-column-section-content {
    max-width: 100%;
    margin: 0 auto !important;
  }

  .right .two-column-section-image>div {
    min-height: 500px;
    position: relative !important;
    left: 0px !important;
    width: 100% !important;
  }

  {#
  .right .inner-section {
    flex-direction: column !important;
  }
#}

}


/* @media screen and (max-width: 1024px){
.two-column-section-content{
max-width: 410px !important;
}


} */

/* Pop-up */
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translateZ(0);
}


.form-content .container {
  display: block;
}

.freeDemoRequest {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
  background-color: rgb(238, 238, 238);
}

.form-content h3 {
  text-align: center;
  font-size: 36px;
  line-height: 38px;
  color: #575756;
  margin-bottom: 30px;
}

.form-content h3 span {
  color: #f29200;
}

.two-column-section {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 782px){
  .two-column-section .two-column-section-content {
    order: 2;
  }
  .two-column-section .two-column-section-image {
    order: 1;
  }
  .two-column-section .section-title {
    margin-top: 0;
  }
  .two-column-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .two-column-section .section-btn {
    margin-bottom: 0;
  }
}


@media screen and (max-width: 767px){
  .two-col-content.left.cm-two-hr-col .cont-inner {
    max-width: 320px;
  }
}

@media screen and (max-width: 600px){
  .hs-form-field {
    min-height: 60px;
  }

  .hs-fieldtype-number.field {
    min-height: 87px;
  }
}


.two-column-section-image img{
  border-radius: 9px;
}

.two-column-section .container{
  padding: 0 30px;
}

body .two-column-section  *{
  font-family: 'HRTenon', sans-serif !important;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6px !important;
  letter-spacing: -0.56px;
}

body .two-column-section h1{
  font-family: 'HR', sans-serif !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 54px !important;
  letter-spacing: -1.08px;
  margin-bottom: 32px;
}

body .two-column-section h2{
  font-family: 'HR', sans-serif !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 38.4px !important;
  letter-spacing: -0.64px;
  margin-bottom: 0;
}

body .two-column-section h3{
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6px !important;
  margin-bottom: 0;
}


body .two-column-section a.cta-button{
  text-align: center;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal !important;
  background-color: #fff;
  padding: 12px 30px;
  border-radius: 125px;
  margin-top: 32px;
}

span.form-container fieldset{ display: flex;}
span.form-container  { background-color: #FFFFFF !important; background-image: none !important; border-color: #000000 !important; border-radius: 10px !important; border-style: none !important; display: block !important; padding-bottom: 48px !important; padding-left: 48px !important; padding-right: 48px !important; padding-top: 48px !important }
span.form-container ::placeholder{ color: #A7A7A7 !important }
span.form-container form input, span.form-container form select, span.form-container form select option{border:1px solid; font-size: 14px !important; color: #A7A7A7 !important;}
span.form-container input[type="submit"] { background-color: #004737 !important; background-image: none !important; color: #ffffff !important }
span.form-container .hs-button { background-color: #004737 !important; background-image: none !important; color: #ffffff !important }
span.form-container .hs-submit { text-align: CENTER !important }
span.form-container input[type="text"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container input[type="email"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container textarea { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container input[type="number"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container select { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container input[type="file"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container input[type="tel"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container input[type="date"] { border-color: #A7A7A7 !important; border-radius: 5px !important; border-width: 1px !important }
span.form-container .hs-richtext { line-height: 16.8px !important; color: #004737 !important; font-size: 12px !important; text-align: left !important;color: rgba(53, 59, 80, 0.80) !important; font-size: 16px !important; font-style: normal;  line-height: normal !important; }
span.form-container .hs-richtext  span { line-height: 16.8px !important; color: #004737 !important; font-size: 12px !important; text-align: left !important;color: rgba(53, 59, 80, 0.80) !important; font-size: 16px !important; font-style: normal;  line-height: normal !important; }
span.form-container .hs-richtext p { line-height: 16.8px !important; color: #004737 !important; font-size: 12px !important; text-align: left !important }
span.form-container .hs-richtext a{ line-height: 16.8px !important; color: #004737 !important; font-size: 12px !important; text-align: left !important }
span.form-container .form-title { color: #004737 !important; font-size: 24px !important; text-align: left !important }
span.form-container .submitted-message { color: #004737 !important; font-size: 24px !important; text-align: left !important }

span.form-container  .hs-form-field {
  width: 100% !important;
  display: inline-block !important;
  margin-right: 0 !important;
}


body .two-column-section span.form-container h2{
  font-family: 'HRTenon', sans-serif !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal !important;
}

body .two-column-section .additional-content{
  padding-top: 124px;
}

body .two-column-section span.right-content *{
  color: #2C303F !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 140% !important;
  margin-top: 10px;
}

body .two-column-section span.right-content h2{
  font-family: 'HR', sans-serif !important;
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6px !important;
  margin-top: 0;
}

body .two-column-section span.right-content h3{
  font-size: 28px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 33.6px !important;
  margin-top: 0;
}

body .two-column-section span.right-content  ul {
  padding: 0 0 0 40px;
}


hr{
  border-bottom: rgba(0, 0, 0, 0.10);
  width: 100%;
}

.special-box{
  margin-top: 40px;
}

.special-box hr{
  margin: 30px 0 !important;
}

body .two-column-section span.right-content span.title {
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500;
  line-height: 120% !important; /* 21.6px */
  min-width: 80px;
}

body .two-column-section span.right-content span.value {
  color: #2C303F !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 120% !important; /* 21.6px */
}

body .two-column-section span.right-content  .item {
  display: flex;
  gap: 24px;
}

body .two-column-section span.right-content  h4 {
  font-size: 28px  !important;
  font-style: normal;
  font-weight: 700  !important;
  line-height: 95%  !important; /* 26.6px */
  letter-spacing: -0.56px  !important;
  margin-bottom: 24px;
}

body .two-column-section span.right-content  h5 {
  font-size: 21px  !important;
  font-style: normal;
  font-weight: 500  !important;
  line-height: 110%  !important; /* 26.6px */
  margin-bottom: 21px;
}

.list-container ul {
  list-style: none;
}

.list-container ul  li{
  margin-bottom: 32px;
}

.list-container ul  li span.sub-list{
  margin-left: 24px;
  font-size: 21px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 140% !important; /* 29.4px */
}

.list-container ul  li span.con-list{
  color: #2C303F !important;
  display: block;
  margin-left: 72px;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 140% !important;
}

.list-container ul  li img{
  max-width: 48px;
}


@media(max-width: 768px){
  .two-column-section-image li img {
    display: block;
  }

  .list-container ul li span.con-list {margin-left: 0px;}

  .list-container ul li span.sub-list {
    margin-left: 0;
  }
}
