#shopify-section-contact .dt-sc-heading { margin-bottom: 35px; }
    #shopify-section-contact .dt-sc-heading .dt-sc-main-heading { color: var(--DTColor_Heading); color:; } 
    #shopify-section-contact .dt-sc-heading .dt-sc-sub-heading { color: var(--DTColor_Heading); color:; } 
    #shopify-section-contact .dt-sc-heading .dt-sc-heading-description { color: var(--DTColor_Body);  color:; } 
    #shopify-section-contact .dt-sc-heading .dt-sc-btn { 
      background: var(--DT_Button_BG_Color); background:; 
        color: var(--DT_Button_Text_Color); color:; }
    #shopify-section-contact .dt-sc-heading .dt-sc-btn:hover { 
      background: var(--DT_Button_BG_Hover_Color); background:; 
        color: var(--DT_Button_Text_Hover_Color); color:; }  

    .dt-contact-iconblock-section { margin: 0; }
    .dt-contact-iconblock-section .dt-contact-icon-block { 

      border-width: 1px; border-style: solid;
      border-color: #d7d7d7;
      border-color: ; 
      padding: 25px; 
      transition: var(--DTBaseTransition); 
        border-radius: var(--DTRadius);
          text-align: center;
          }

    .dt-contact-iconblock-section .dt-contact-icon-block .dt-contact-icon-image > i { 
      background: var(--DT_Button_BG_Color);
        color: var(--DT_Button_Text_Color);
          background: ; 
          color:;
          border-radius: var(--DTRadius);
            display: inline-block; 
            font-size: 20px; height: 50px; line-height: 50px; position: relative;text-align: center; width: 50px; transition: var(--DTBaseTransition); }
    .dt-contact-iconblock-section .dt-contact-icon-block .dt-contact-icon-content br { display: block; margin-top: 6px; }

    .dt-contact-iconblock-section .dt-contact-icon-block:hover { border-color: var(--DTPrimaryColor); border-color: ;}  
    .dt-contact-iconblock-section .dt-contact-icon-block:hover .dt-contact-icon-image > i { 
      background:  #f7b111; ; 
        color: var(--DT_Button_Text_Hover_Color); color:; 
          }

    .dt-contact-iconblock-section .dt-contact-icon-block .dt-contact-icon-content h4 { 
      color: var(--DTColor_Heading); color: ; margin-top: 25px; transition: var(--DTBaseTransition); } 
    .dt-contact-iconblock-section .dt-contact-icon-block:hover .dt-contact-icon-content h4 { 
      color: var(--DTPrimaryColor); color: ; }

   .layout-type > .contact-form-section h4 { margin-top: 10px; font-size: var(--DTFontSize_H1); text-align: center; padding-bottom: 10px; }
    .layout-type form.contact-form { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: var(--DTGutter_Width); }
    .layout-type form.contact-form > *{ margin-bottom:30px; }
    .layout-type form.contact-form textarea#ContactFormMessage { grid-column: 1/4; border-radius: calc(.5 * var(--DT_Button_Border_Radius)) }
    .layout-type form.contact-form button { grid-column: 2/3; margin: 0; } 

    .layout-type form.contact-form .note.form-success { grid-column-start: 1; grid-column-end: 4; margin-bottom: 20px; }


    .layout-type { display: flex; flex-wrap: wrap; margin: 0 calc(-.5* var(--DTGutter_Width)); }
    .layout-type > * { padding: calc(.5*var(--DTGutter_Width)); width: 100%; }
  .layout-type form.contact-form .errors { grid-column: 1 / span 3; margin: 0; }


    /* Block Layout */
    .layout-type.block_layout > * { flex: 1 1 100%; }
    .layout-type.block_layout > * + * { margin-top: 35px; }


    /*  Left Map + Form  */
    .layout-type.left_map_form_inline > * { flex: 1; }
    .layout-type.left_map_form_inline .dt-contact-iconblock-section { flex: 1 1 100%; order: -1; margin-bottom: 35px; }  

    .layout-type.left_map_form_inline > .contact-form-section h4 { margin-top: 10px; }
    .layout-type.left_map_form_inline > *:nth-child(3):nth-last-child(1) form.contact-form > input, 
    .layout-type.left_map_form_inline > *:nth-child(3):nth-last-child(1) form.contact-form textarea#ContactFormMessage { grid-column: 1/4; }
    .layout-type.left_map_form_inline > *:nth-child(3):nth-last-child(1) form.contact-form button { grid-column: 1/2; }


    /*  Left Map + Icon Blocks  */
    .layout-type.left_map_iconblock_inline > * { flex: 1; }
    .layout-type.left_map_iconblock_inline #map { flex-grow: 2; }
    .layout-type.left_map_iconblock_inline .contact-form-section { flex: 1 1 100%; }  

    .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section .dt-contact-icon-block { grid-column: 1/6; display: flex; align-items: center; }
    .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section .dt-contact-icon-block .dt-contact-icon-content { padding-left: 25px; }
    .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section .dt-contact-icon-block .dt-contact-icon-content h5 { margin-top: 0; }


    /*  Left Icon Blocks + Map  */
    .layout-type.left_iconblock_form_inline > * { flex: 1; }
    .layout-type.left_iconblock_form_inline #map { flex: 1 1 100%; margin-bottom: 35px; order: 1; }  
    .layout-type.left_iconblock_form_inline .contact-form-section { flex-grow: 2; order: 3; }
    .layout-type.left_iconblock_form_inline .dt-contact-iconblock-section { order: 2; }

    .layout-type.left_iconblock_form_inline > .contact-form-section h4 { margin-top: 0; margin-bottom: 20px; }

    .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section + .contact-form-section form.contact-form > input, 
    .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section + .contact-form-section form.contact-form textarea#ContactFormMessage { grid-column: 1/4; }

    .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section + .contact-form-section form.contact-form button { grid-column: 1/2; min-width: 120px; }  

    .layout-type.left_iconblock_form_inline > *:nth-child(1):nth-last-child(2) .dt-contact-icon-block,
    .layout-type.left_iconblock_form_inline > *:nth-child(2):nth-last-child(2) .dt-contact-icon-block{ grid-column: 1/6; display: flex; align-items: center; }

    .layout-type.left_iconblock_form_inline > *:nth-child(1):nth-last-child(2) .dt-contact-icon-block .dt-contact-icon-content, 
    .layout-type.left_iconblock_form_inline > *:nth-child(2):nth-last-child(2) .dt-contact-icon-block .dt-contact-icon-content { padding-left: 25px; }

    .layout-type.left_iconblock_form_inline > *:nth-child(1):nth-last-child(2) .dt-contact-icon-block .dt-contact-icon-content h5, 
    .layout-type.left_iconblock_form_inline > *:nth-child(2):nth-last-child(2) .dt-contact-icon-block .dt-contact-icon-content h5 { margin-top: 0; }  


    /*  Responsive  */

    @media only screen and (max-width: 1199px) {  

      .layout-type.block_layout .dt-contact-iconblock-section,
      .layout-type.left_map_form_inline .dt-contact-iconblock-section { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; }

      .layout-type.block_layout .dt-contact-iconblock-section li,
      .layout-type.left_map_form_inline .dt-contact-iconblock-section li { flex: 1 1 40%; max-width: 50%; margin: 15px; }

      .layout-type.left_map_iconblock_inline #map,
      .layout-type.left_iconblock_form_inline .contact-form-section { flex-grow: 1; }

      .layout-type.left_map_iconblock_inline .dt-contact-iconblock-section:nth-child(1):nth-last-child(2),

      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(1):nth-last-child(2), 
      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(2):nth-last-child(2) { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; }


      .layout-type.left_map_iconblock_inline .dt-contact-iconblock-section:nth-child(1):nth-last-child(2) .dt-contact-icon-block { flex: 1 1 40%; max-width: 50%; margin: 15px; }

      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(1):nth-last-child(2) .dt-contact-icon-block, 
      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(2):nth-last-child(2) .dt-contact-icon-block { flex: 1 1 100%; }

      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(1):nth-last-child(2) .dt-contact-icon-block + .dt-contact-icon-block, 
      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section:nth-child(2):nth-last-child(2) .dt-contact-icon-block + .dt-contact-icon-block { margin-top: 30px; }
    }


    @media only screen and (max-width: 767px) {
      
      .layout-type.left_map_form_inline > *,
      .layout-type.left_iconblock_form_inline > * { flex: auto; }

      .layout-type.block_layout .dt-contact-iconblock-section li,
      .layout-type.left_map_form_inline .dt-contact-iconblock-section li { flex: 1 1 40%; max-width: 50%; }

      .layout-type.left_map_form_inline > :nth-child(3):nth-last-child(1) form.contact-form button { grid-column: 1/3; }

      .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section { gap: 0; justify-content: stretch; }
      .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section li { width: 100%; }
      .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section li + li { margin-top: 30px; }

    }


    @media only screen and (max-width: 576px) {

      .layout-type.block_layout form.contact-form > input, 
      .layout-type.block_layout form.contact-form textarea#ContactFormMessage,

      .layout-type.left_map_iconblock_inline form.contact-form > input, 
      .layout-type.left_map_iconblock_inline form.contact-form textarea#ContactFormMessage,

      .layout-type.left_iconblock_form_inline form.contact-form > input, 
      .layout-type.left_iconblock_form_inline form.contact-form textarea#ContactFormMessage { grid-column: 1/4; }


      .layout-type.block_layout form.contact-form button,
      .layout-type.left_iconblock_form_inline form.contact-form button { grid-column: 1/2; min-width: 150px; }


      .layout-type.block_layout .dt-contact-iconblock-section li,
      .layout-type.left_map_form_inline .dt-contact-iconblock-section li,
      .layout-type.left_map_iconblock_inline .dt-contact-iconblock-section:nth-child(1):nth-last-child(2) li { flex: 1 1 80%; max-width: 80%; }


      .layout-type.left_map_form_inline > * { flex: 1 1 100%; }
      .layout-type.left_map_form_inline > .contact-form-section:nth-child(3):nth-last-child(1) form.contact-form button { grid-column: 2/3; }

      .layout-type.left_map_iconblock_inline > *, .layout-type.left_iconblock_form_inline > * { flex: auto; }
      .layout-type.left_map_iconblock_inline > #map + .dt-contact-iconblock-section li { margin-top: 30px; }
      
      .layout-type.left_iconblock_form_inline > .dt-contact-iconblock-section + .contact-form-section form.contact-form button { grid-column: 1/3; }

    }  

    /*CUSTOM CSS*/
    
    .dt-contact-icon-content h5 { font-size: var(--DTFontSize_H4); font-weight: 500; }
    
    


                            .hide{display:none;}
                            .ajaxgif{/*position:absolute;left:50%;top:125px;*/}
                            .ajaxgif.center{/*left:10%;top:125px;*/}
                            .msg{color:#333;display:block;height:72px;line-height:22px; font-size:22px;font-weight:bold;}
                            .msg_ok{display:block;color:#000;font-size:22px;font-weight:bold;}
                            .msg_error{color:#000;display:block;font-size:22px;font-weight:bold;}

.form {
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}

.form input[type="text"],
.form input[type="email"],
.form textarea {
  width: 100%;
  padding: 12px 16px;
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
  box-sizing: border-box;
  transition: border-color 0.3s;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form textarea:focus {
  border-color: #f7b111;
  outline: none;
}

.form textarea {
  resize: vertical;
}

  .form input[disabled] {
  background-color: #f5f5f5;
  color: #333;
  font-weight: bold;
}

.form input[type="submit"] {
  background-color: #f7b111;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
}

.form input[type="submit"]:hover {
  background-color: #e2a100;
}

.label--hidden {
  
}

.msg1xxx {
  text-align: center;
  color: #f7b111;
  font-weight: bold;
  margin-top: 1rem;
}
@media (max-width: 600px) {
  .form   {
    padding: 1rem;
  }

  .form input[type="submit"] {
    width: 100%;
  }
}