.hero-contact-block{
  background-color:rgba(241, 246, 250, 1) !important;
  position: relative;
    .container-fluid{
      max-width: var(--wp--style--global--wide-size) !important;
      background-image:url(../../assets/images/hero_pattern.svg);
      background-repeat:no-repeat;
      background-size:contain;
    }
    .hero-contact-block-inner{
      max-width: var(--wp--style--global--content-size);
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      position: relative;
      gap:60px;
    }
    .info-boxes{
      width: 100%;
      display: flex;
      flex-direction: row;
      gap: 40px;
      margin-top: 40px;
      padding-bottom:52px;
      border-bottom:solid 1px var(--wp--preset--color--gray);
          .headquarter-box{
              width:50%;
              flex-shrink: 0;
          }
          .wp-block-buttons{
              margin-top:32px;
          }
          .custom-box-title{
              font-size: 16px;
              line-height: 24px;
              font-weight: 700;
              color: var(--wp--preset--color--secondary);
          }
          .custom-box-content , .custom-box-content p{
              font-size: 16px;
              line-height: 24px;
              margin-top:0;
                a{
                  text-decoration: none;
                      &:hover{
                          text-decoration: underline;
                      }
                }
          }
          .custom-box-cell:not(:first-child){
              margin-top: 28px;
          }
    }
    .form-info{
      text-align: center;
      font-family: var(--wp--preset--font-family--outfit);
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--wp--preset--color--white);
      margin-bottom: 15px;
    }
    .cta-form-inn{
        padding: 29px 65px 47px 65px;
    }
}


.cta-form-container{
    width: 53%;
    height:100%;
    background-color: var(--wp--preset--color--tertiary);
    position: relative;
    min-height: 500px;
    margin:30px 0 -263px;
    border-radius: 4px 4px 4px 100px;
    margin-right:calc(var(--wp--style--root--padding-right) * -1);
}


.hero-contact-block .cta-text-container {
  box-sizing: border-box;
  width: 45%;
  height:auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  overflow: hidden;
  padding: 61px 0 111px 0;
    *{
      color:var(--wp--preset--color--tertiary);
    }
}

.hero-contact-block h1 {
  margin-top: 10px;
  margin-bottom:0;
}

.hero-contact-block p {
  font-size: 18px;
  line-height: normal;
  margin-top:24px;
  margin-bottom: 0;
}

.social-box{
    padding-top:46px;
        .wp-block-social-links:not(.is-style-logos-only){
            justify-content: center;
                .wp-social-link {
                      height: 38px;
                      width: 38px;
                      border: none !important;
                      background-color: var(--wp--preset--color--light-blue) !important;
                          .wp-block-social-link-anchor{
                              color:var(--wp--preset--color--tertiary)!important;
                              fill:var(--wp--preset--color--tertiary)!important;
                            }
                }
        }
}

.hero-contact-block{
    .gform_confirmation_wrapper{
        padding:150px 0;
        text-align: center;
            .gform_confirmation_message{
                padding:30px;
                font-size: 20px;
                line-height: 26px;
                font-weight: 700;
                color: var(--wp--preset--color--white);
                background-color: var(--wp--preset--color--primary);
                border-radius: 4px;
            }
    }
    .gform_wrapper{
        .gform_fields{
            column-gap:10px !important;
            row-gap: 9px !important;
        }
        *{
            font-family: var(--wp--preset--font-family--lato) !important;
            font-weight: 500;
        }
        label{
            .gfield_required{
              &:after{
                content: "*";
                color: var(--wp--preset--color--orange);
              }
                .gfield_required_text{
                    display: none;
                }
            }
        }
        .gform_validation_errors, .validation_message{
            display: none !important;
        }
        .gfield{
            [type="text"],
            [type="email"],
            [type="tel"],
            [type="number"],
            [type="url"],
            select {
              height:45px;
              border:solid 1px var(--wp--preset--color--light-gray);
              padding-left:14px;
              padding-right:14px;
              font-size: 14px;
              line-height: 45px;
              font-family: var(--wp--preset--font-family--lato) !important;
              font-weight: 500;
              color: var(--wp--preset--color--tertiary);
              background-color: var(--wp--preset--color--white);
              border-radius: 4px;
              box-shadow: none;
              box-sizing: border-box;
            }
            textarea{
              border:solid 1px var(--wp--preset--color--light-gray);
              padding-left:14px;
              padding-right:14px;
              font-size: 14px;
              line-height: 20px;
              height:106px;
              min-block-size: 106px;
              font-family: var(--wp--preset--font-family--lato) !important;
              font-weight: 500;
              color: var(--wp--preset--color--tertiary);
              background-color: var(--wp--preset--color--white);
              border-radius: 4px;
              box-shadow: none;
              box-sizing: border-box;
            }
            ::placeholder {
                font-size: 14px;
                font-family: var(--wp--preset--font-family--lato) !important;
                font-weight: 500;
            }
            &.gfield_error{
                [type="text"],
                [type="email"],
                [type="tel"],
                [type="number"],
                [type="url"],
                select,
                textarea {
                    border-color: var(--wp--preset--color--orange);
                    box-shadow: inset 0 0 8px var(--wp--preset--color--orange);
                }
            }
        }
        .gform-loader{
            right:-50px !important;
            position: absolute !important;
        }
        .gform_footer{
            justify-content: center !important;
                 [type="submit"] {
                      padding: 0 84px 0 22px !important;
                      height:42px !important;
                      font-size: 16px !important;
                      font-weight: 500 !important;
                      line-height: 1 !important;
                      font-family: var(--wp--preset--font-family--outfit) !important;
                      background-color: var(--wp--preset--color--primary) !important;
                      color: var(--wp--preset--color--white) !important;
                      border: none !important;
                      outline: none !important;
                      border-radius: 100px !important;
                  }
        } 
        .gform_submit_button_wrapper{
            position: relative !important;
            display: inline-block !important;
                &:before{
                    content: "";
                    position: absolute;
                    width: 28px;
                    height: 22px;
                    transform: skew(-30.727deg) translateY(-50%);
                    background: var(--wp--preset--color--orange);
                    top: 50%;
                    right:25px;
                    transition: all 0.3s ease-in-out;
                }
                &:after{
                    content: "";
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    transform: translateY(-50%);
                    top: 50%;
                    right:25px;
                    transition: all 0.3s ease-in-out;
                    background-repeat: no-repeat;;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z' fill='%23FFFFFF'/%3E%3C/svg%3E");
                }
                &:hover:after{
                    transform: translateY(-50%) translateX(4px);
                    transition: all 0.3s ease-in-out;
                }
                &:hover:before{
                    transform: skew(-30.727deg) translateY(-50%) translateX(4px);
                    transition: all 0.3s ease-in-out;
                }
        }
    } 
}

@media (max-width: 1260px){
    .cta-form-container{
        margin-right: 0;
    }
}

@media (max-width: 960px){
  .hero-contact-block{
    .hero-contact-block-inner{
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    .cta-text-container{
        width: 100%;
        padding: 30px 0;
    }
    .cta-form-container{
        width: auto;
        margin-left:calc(var(--wp--style--root--padding-left) * -1);
        margin-top: 30px;
        margin-right:calc(var(--wp--style--root--padding-right) * -1);
        margin-bottom: 0;
        border-radius: 0;
    }
    .info-boxes{
        flex-direction: column;
        gap: 20px;
        width: 100%;
        border-bottom: none;
        padding-bottom: 0;
    }
    .info-boxes .headquarter-box{
        width: 100%;
    }
    .cta-form-inn{
        padding: 29px 30px 47px 30px;
    }
    .social-box{
        margin-top: 30px;
        padding-top: 0;
                .wp-block-social-links:not(.is-style-logos-only) {
                    justify-content: flex-start;
                }
    }
  }
}