.block_contact-form {

  .splitter-icon {


    padding: 14px 13px 3px 13px !important;

  }
 .container {
   display: flex;
   gap: 70px;

   @media screen and (max-width: 1024px) {
     &.desktop {
       flex-direction: column-reverse;
     }
   }

   &.contact-headings {
     gap: 16px;
     margin-bottom: 40px;
     @media screen and (min-width: 768px) {
       display: none !important;
     }
   }

   .contact-information, .form-block-right {
     flex: 0 1 50%;
   }

   .contact-headings {
      &.desktop {
        @media screen and (max-width: 767px) {
          display: none !important;
        }
      }

     margin-bottom: var(--column_spacing_medium);
     h4 {
       margin-bottom: 0;
     }
     p {
       color: var(--grey);
     }
   }



   .contact-information {
     .contact-left-bottom {
       display: flex;
       gap: 70px;
       > div {
         flex: 0 1 50%;
       }

       .contact-phone > a {
         font-size: var(--body_text_size);
         color: var(--grey);
       }

       .contact-information, .contact-location {
         .key-contact, .contact-address {
           line-height: 170%;
           p {
             font-size: var(--body_text_size) ;
             color: var(--grey) ;
           }

           a, .gform-field-label {
             color: var(--grey) !important;
             font-size: var(--body_text_size);
             text-decoration: underline;
           }
           .name {
             font-weight: 700;

           }
         }
       }


       .contact-icon-wrap {
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Ccircle cx='25' cy='25' r='25' fill='url(%23paint0_linear_421_1805)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_421_1805' x1='25' y1='0' x2='25' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C9C8B9'/%3E%3Cstop offset='1' stop-color='%23B5B3A1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         width: fit-content;
         padding: 10px 12px;
         svg {
           width: 22px;
         }
       }
     }
   }

   @media screen and (max-width: 1024px) {
     .contact-left-bottom {
       flex-direction: column;
     }
   }

   .cranatt-contact-form_wrapper {
     background-color: var(--off-white);
     padding: var(--column_spacing_medium);
     border-radius: 20px;
     .gform_heading {
       display: none !important;
     }

     .gform_fields {
       grid-column-gap: 8%;
       grid-row-gap: 33px;
     }

     .gform_button {
       background: var(--green) !important;
       font-family: Lato !important;
       font-size: 16px !important;
       color: var(--black) !important;
       padding: 16px 24px !important;
       border-radius: 5px !important;
       font-weight: 900 !important;
       letter-spacing: 3.2px !important;
       transition: background 0.3s;

       &:hover {
         background: #B5B3A1 !important;
       }
     }
     .gform-field-label {
       font-family: Lato !important;
       font-size: 16px !important;
       font-style: normal !important;
       font-weight: 400 !important;
       line-height: 170% !important;
       letter-spacing: 0.36px !important;
       color: var(--grey) !important;
     }

     .gform-footer {
       padding-bottom: 0 !important;
     }

     .ginput_container {
       input, select {
         background: none;
         border-bottom: solid 1px #B9B9B9;
         border-top: none;
         border-left: none;
         border-right: none;
       }

       textarea {
         background: none;
         border: solid 1px #B9B9B9 !important;
         border-radius: 5px;
       }
     }
   }


 }
}