.grid-container {
      display: grid;
      grid-template-rows: auto auto auto auto;
      gap: 10px;
      padding: 10px;
      /* height: 100vh; */
      box-sizing: border-box;
    }

    iframe {
      width: 100%;
      /* height: 100%; */
      border: none;
      background: #ddd;
    }

    /* Row 1 → 3 equal iframes */
    .row1 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
       /* height: 25vh;  */
    }

    /* Row 2 → col1(35%) with 2 small iframes stacked, col2(65%) 1 tall iframe */
    .row2 {
      display: grid;
      grid-template-columns: 35% 65%;
      gap: 10px;
      /* height: 25vh; */
    }
    .row2 .col1 {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 10px;
    }
    .row2 .col2 {
      display: grid;
    }

    /* Row 3 → 1 big iframe full width */
    /* .row3 {
       height: 20vh; 
    } */

    /* Row 4 → col1(65%) 1 tall iframe, col2(35%) 2 small stacked */
    .row4 {
      display: grid;
      grid-template-columns: 65% 35%;
      gap: 10px;
      /* height: 30vh; */
    }
    .row4 .col1 {
      display: grid;
    }
    .row4 .col2 {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 10px;
    }
/********************/
/* Contact Form Styles 
#contact {
  text-align: center;  margin: 0 auto;  width: 100%;  padding: 25px;
}
#contact .contact-items{
  display: flex;  flex-direction: row;  justify-content: center;  flex-wrap: wrap;
  gap: 20px;  position: relative;  width: 100%;
}
#contact .contact-items .contact-form-card{
  padding: 5px;  display: flex;  align-items: center;
  justify-content: space-between;  text-align: left;
}
#contact .contact-items .contact-form-card:nth-of-type(1){ flex-direction: column; width: 60%;}
#contact .contact-items .contact-form-card:nth-of-type(2){ width: 37%;}
#wpcf7-f137-p33-o1{width:100%;}
#frm_contact {
  font-family: "Lato-Light";  width: 100%;  max-width: 675px; color: #A5A5A5;
  margin: auto;   padding: 5px;  border-radius: 5px; 
}
#frm_contact input[type="text"],
#frm_contact input[type="email"], #frm_contact textarea {
  border: none;  border-bottom: 1px solid rgba(0,0,0,0.1);
  width: 100%;  padding: 12px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;  box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
}
#frm_contact .btn{margin-top: 10px;}
#contact .contact-form-card h2 {
  font-family: "Ivy-mode-Thin";  font-weight: 300;  font-size: 30px;  text-align: left;
  margin-bottom: 20px;  color: #444444;  padding: 10px;
}
#contact .contact-form-card p {
  font-family: "Lato-Light";  font-size: 16px;  line-height: 22px;
  text-align: left;  color: #696760;  padding: 10px;
}
#contact .contact-form-card .social-frame {
  color: white;  text-align: center;  max-width: 315px;  padding: 20px;  border-radius: 5px;
  font-family: 'Ivy-mode-Thin'; cursor: pointer; background: url('../images/home/bg.png') no-repeat center center;
  border: 10px solid #fff;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);  z-index: 1;
}
#contact .contact-form-card .social-frame h3{ font-family: "Ivy-mode"; line-height: 40px; }
#contact .contact-form-card .social-frame p{
   font-family: "Ivy-mode-Thin"; font-size: 30px; font-weight: 300; line-height: 35px;  text-align: center; }
#contact .contact-form-card .social-frame a{ padding: 7px; text-decoration: none ; }
#contact .contact-form-card .social-frame a img{ width: 42px; }
*/
    /* Responsive for mobile */
    @media(max-width: 768px) {
      .row1, .row2, .row3, .row4 {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        height: auto;
      }
    }