/* 1 contact page styles here
    1.1 contact form styles here
    1.2 form overwrite style here
    1.3 submit button over write styles here
    1.4 contact subfooter sytyles here
    1.5 sub-footer right side styles here
*/

/* contact form styles here */
#contact_form {
    margin: 5rem 0;
  }
  
  #contact_form h2 {
    font-size: 2.625rem;
    font-weight: 800;
    color: var(--black-100);
    margin-bottom: 0.25rem;
  }
  
  #contact_form p {
    font-size: 1rem;
    line-height: 2.13;
    color: var(--black-65);
  }
  
  #contact_form .container {
      align-items: stretch !important;
  }
  
  #contact_form .form-content {
    padding: 5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(131.77deg, rgba(5, 10, 20, 0.85) 0%, rgba(5, 10, 20, 0.95) 98.4%);
    border-radius: 0.625rem;
  }
  #contact_form .form-content h3 {
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 2.625rem;
      color: var(--white-85);
      margin-bottom: 1rem;
  }
  #contact_form .form-content ul {
      margin-top: 0;
      padding-left: 1.5rem;
      margin-bottom: 1.5rem;
  }
  #contact_form .form-content ul li {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.25rem;
      color: var(--white-65);
  }
  #contact_form .form-content ul li + li {
      margin-top: 1rem
  }
  #contact_form .form-content .contact-info + .contact-info {
      margin-top: 1.5rem;
  }
  #contact_form .form-content .contact-info > .wp-block-column {
      display: flex;
      align-items: flex-start;
  }
  #contact_form .form-content .contact-info .wp-block-image {
      margin-right: 1rem;
  }
  #contact_form .form-content .contact-info img {
      width: 1.875rem;
      height: 1.875rem;
  }
  #contact_form .form-content .contact-info h6 {
      font-size: 0.813rem;
      font-weight: 400;
      line-height: 1rem;
      color: var(--orange-dark);
      margin-bottom: 0.25rem;
  }
  #contact_form .form-content .contact-info p {
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem;
      color: var(--white-65);
      margin-bottom: 0.625rem;
  }
  #contact_form .form-content .contact-info h5 {
      font-size: 0.875rem;
      font-weight: 800;
      line-height: 1.125rem;
      color: var(--white-85);
  }
  
  #contact_form .contact-form-fields {
    padding-left: 1.687rem;
  }
  
  /* form overwrite style here */
  #contact_form .contact-form-inputs {
    margin: 1.5rem 0 0;
  }
  
  #contact_form .contact-form-inputs .wpforms-field-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
  }
  
  #contact_form .contact-form-inputs .wpforms-field {
    width: 100%;
    padding: 0.75rem;
    position: relative;
  }
  
  #contact_form
    .contact-form-inputs
    .wpforms-field-container
    .wpforms-field-label {
    position: absolute;
    top: 1.938rem;
    left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
    color: var(--black-45);
    transition: all ease-in-out 0.2s;
    pointer-events: none;
  }
  #contact_form .contact-form-inputs .wpforms-field .wpforms-required-label {
    color: var(--black-45);
  }
  
  #contact_form .contact-form-inputs .wpforms-field .wpforms-field-large {
    min-height: 3.75rem;
    padding: 1.5rem 1rem 0.75rem 1rem;
    /*font-size: 0.875rem;
    font-weight: 800 !important;*/
  }
  #contact_form select{
      -webkit-appearance:none!important;
      
  }
  #contact_form .contact-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select{
  position: relative;
  }
  #contact_form .contact-form-inputs .wpforms-form .wpforms-field-container #wpforms-74-field_4-container {
      width: 100%;
  }
  #contact_form .contact-form-inputs .wpforms-form .wpforms-field-container #wpforms-74-field_8-container label {
      z-index: 1;
  }
  #contact_form .contact-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select::after{
      content: "";
      position: absolute;
      top:45%;
      right:1rem;
      transform: translate(-50%);
      border-left: 0.313rem solid transparent;
      border-right: 0.313rem solid transparent;
      border-top: 0.313rem solid #000;
  }
  #contact_form .contact-form-inputs .wpforms-field .wpforms-field-large:hover,
  #contact_form .contact-form-inputs .wpforms-field .wpforms-field-large:focus {
    border-color: var(--primary-100);
  }
  #contact_form .contact-form-inputs .wpforms-field .wpforms-has-error {
    padding: 1.5rem 3rem 0.75rem 0.75rem;
  }
  #contact_form .contact-form-inputs .wpforms-field .label-active,
  #contact_form
    .contact-form-inputs
    .wpforms-field
    .label-active
    .wpforms-required-label {
    top: 1rem !important;
  }
  #contact_form .contact-form-inputs .wpforms-field .label-active,
  #contact_form
    .contact-form-inputs
    .wpforms-field
    .label-active
    .wpforms-required-label {
    color: var(--primary-100);
  }
  #contact_form .contact-form-inputs .wpforms-field select option:first-child {
    display: none;
  }
  #contact_form .contact-form-inputs .wpforms-field.wpforms-field-textarea {
    width: 100%;
  }
  #contact_form
    .contact-form-inputs
    .wpforms-field.wpforms-field-textarea
    .wpforms-field-large {
    resize: none;
    max-height: 9.875rem;
  }
  
  /* submit button over write styles here */
  #contact_form .wpforms-submit-container {
    padding-top: 0.75rem;
  }
  #contact_form .btn {
    padding: 0.875rem 2rem;
    border-radius: var(--border-radius-3);
    font-size: 1.125rem;
    font-weight: 800;
  }
  #contact_form .btn.btn-primary {
    background-color: var(--primary-100);
    color: var(--white-100);
    border: none;
  }
  
  /* contact subfooter sytyles here */
  .contact-sub-footer {
    padding: 3.75rem 0;
    background-color: var(--primary-05);
  }
  .contact-sub-footer .wp-block-image.location-image {
      max-width: 32.5rem;
      margin: 0 auto;
  }
  .sub-footer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .sub-footer-content h4 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--black-100);
    margin-bottom: 3rem;
  }
  
  .sub-footer-content h5 {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--black-100);
    margin-bottom: 0.75rem;
  }
  
  .sub-footer-content p {
    font-size: 1.125rem;
    line-height: 1.67;
    color: var(--black-65);
  }
  .sub-footer-content .contact-icons {
    margin-top: 3rem;
  }
  .contact-sub-footer img {
      height: 100%;
  }
  
  .sub-footer-content .contact-icons figure {
      width: 1.5rem;
      height: 1.5rem;
  }
  .sub-footer-content .contact-icons figure a {
      display: block;
      width: 100%;
      height: 100%;
  }
  .sub-footer-content .contact-icons figure a img {
      width: 100%;
      height: 100%;
  }
  .contact-icons .wp-block-image + .wp-block-image {
    margin-left: 1.5rem;
  }
  
  /* sub-footer right side styles here */
  .sub-footer-location {
    border-radius: 0.625rem;
    overflow: hidden;
  }
  
  .sub-footer-location .wp-block-image {
    position: relative;
  }
  
  .sub-footer-location .wp-block-image figcaption {
    margin: 0;
    position: absolute;
    bottom: 1rem;
    left: 1.5rem;
    font-size: 1.875rem;
    font-weight: 800;
    color: var(--white-100);
  }
  #contact_form select.wpforms-field-large {
      appearance: none:
  }
  
  .contact-sub-footer .contact-right-img{
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius:24px;
      border-bottom-right-radius: 24px;
  }
  
  .contact-sub-footer .contact-left-img{
      border-top-left-radius: 24px;
      border-bottom-left-radius: 24px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .contact-sub-footer .wp-block-image:not(.is-style-rounded) img{
      border-radius: inherit !important;
  }
  
  
  /* Request Form Page Styles Here */
  
  .request-form-banner-bg{
      background-color: var(--primary-08);
  }
  
  .request-form-heading{
      padding: 60px 0 211px;
  }
  
  .request-form-heading h1{
    padding-bottom: 8px;
    font-size: 40px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black-100);
  }
  
  .request-form-heading p{
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.44;
    text-align: center;
    color: var(--black-65);
  }
  
  
  .request-black-bg.wp-block-column {
      background: var(--request-main-bg);
      border-radius: 15px 0 0 15px;
      padding: 54px;
      align-self: normal;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  
  .request-black-bg h2{
      padding-bottom: 16px;
      font-size: 38px;
      font-weight: 800;
      line-height: 1.32;
      color: var(--white-100);
  }
  .request-black-bg h5 {
      margin-bottom: 40px;
      font-size: 18px;
      font-weight: normal;
      line-height: 1.44;
      letter-spacing: normal;
      color: var(--white-85);
  }
  .request-black-bg p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: var(--white-65);
  }
  .request-black-bg .wp-block-columns + .wp-block-columns {
      padding-top: 32px;
  }
  
  .request-sign-demo{
    border-radius: 0 15px 15px 0;
    padding: 54px;
    box-shadow: 8px 8px 13px 0 rgba(252, 139, 139, 0.1), 2px 2px 8px 0 rgba(252, 139, 139, 0.05);
    border: solid 0.9px #feebeb;
    background-color: var(--white-100);
  }
  
  .request-sign-demo h3{
    padding-bottom: 16px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: normal;
    color: var(--black-100);
  
  }
  
  .request-sign-demo p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: var(--black-65);
  }
  
  .request-padding{
      position: relative;
      margin-top: -120px;
      margin-bottom: 92px;
  }
  
  .request-icons-width{
      margin-right: 16px;
  }
  
  .request-form-dots:after{
  content: "";
      background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/09052217/request-dots-.png) no-repeat;
      display: block;
      position: absolute;
      background-size: 100%;
      right: 0;
      top: -74px;
      width: 124px;
      height: 124px;
      z-index: -1;
  }
  
  .request-form-dots-1:before{
  content: "";
      background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/09052217/request-dots-.png) no-repeat;
      display: block;
      position: absolute;
      background-size: 100%;
      left: 30px;
      top: -44px;
      width: 124px;
      height: 124px;
      z-index: -1;
  }
  
  
  .request-form-dots-1:after{
  content: "";
      background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/09/09052217/request-dots-.png) no-repeat;
      display: block;
      position: absolute;
      background-size: 100%;
      right: 30px;
      bottom: -30px;
      width: 124px;
      height: 124px;
      z-index: -1;
  }
  
  
  /*Request form page overwrite style here */
  #request-form .contact-form-inputs {
    margin: 1.5rem 0 0;
  }
  
  #request-form .contact-form-inputs .wpforms-field-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
  }
  
  #request-form .contact-form-inputs .wpforms-field {
    width: 50%;
    padding: 0.75rem;
    position: relative;
  }
  
  #request-form
    .contact-form-inputs
    .wpforms-field-container
    .wpforms-field-label {
    position: absolute;
    top: 1.938rem;
    left: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: normal;
    color: var(--black-45);
    transition: all ease-in-out 0.2s;
    pointer-events: none;
  }
  #request-form .contact-form-inputs .wpforms-field .wpforms-required-label {
    color: var(--black-45);
  }
  
  #request-form .contact-form-inputs .wpforms-field .wpforms-field-large {
    min-height: 3.75rem;
    padding: 1.5rem 1rem 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 800 !important;
  }
  #request-form select{
      -webkit-appearance:none!important;
      
  }
  #request-form .contact-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select{
  position: relative;
      
  }
  #request-form .contact-form-inputs .wpforms-form .wpforms-field-container .wpforms-field-select::after{
      content: "";
      position: absolute;
      top:45%;
      right:1rem;
      transform: translate(-50%);
      border-left: 0.313rem solid transparent;
      border-right: 0.313rem solid transparent;
      border-top: 0.313rem solid #000;
  }
  #request-form .contact-form-inputs .wpforms-field .wpforms-field-large:hover,
  #request-form .contact-form-inputs .wpforms-field .wpforms-field-large:focus {
    border-color: var(--primary-100);
  }
  #request-form .contact-form-inputs .wpforms-field .wpforms-has-error {
    padding: 1.5rem 3rem 0.75rem 0.75rem;
  }
  #request-form .contact-form-inputs .wpforms-field .label-active,
  #request-form
    .contact-form-inputs
    .wpforms-field
    .label-active
    .wpforms-required-label {
    top: 1rem;
  }
  #request-form .contact-form-inputs .wpforms-field .label-active,
  #request-form
    .contact-form-inputs
    .wpforms-field
    .label-active
    .wpforms-required-label {
    color: var(--primary-100);
  }
  #request-form .contact-form-inputs .wpforms-field select option:first-child {
    display: none;
  }
  #request-form .contact-form-inputs .wpforms-field.wpforms-field-textarea {
    width: 100%;
  }
  #request-form
    .contact-form-inputs
    .wpforms-field.wpforms-field-textarea
    .wpforms-field-large {
    resize: none;
    max-height: 9.875rem;
  }
  
  #request-form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{
      height: 100px;
  }
  
  /* submit button over write styles here */
  #request-form .wpforms-submit-container {
    padding-top: 0.75rem;
  }
  #request-form .btn {
    padding: 0.875rem 2rem;
    border-radius: var(--border-radius-3);
    font-size: 1.125rem;
    font-weight: 800;
  }
  #request-form .btn.btn-primary {
    background-color: var(--primary-100);
    color: var(--white-100);
    border: none;
    width: 100%;
  }