.elementor-6 .elementor-element.elementor-element-a512ecf{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-c1cc0ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-e625d2a */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

 html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; 
  font-family: "Montserrat", Arial, sans-serif;

}

    .container1 {
      display: grid;
      grid-template-rows: 1fr 3fr 0.7fr;
      height: 100vh;
      width: 100%;
      background-image: url("https://shayarmeet.com/wp-content/uploads/2025/09/bg-03a.jpg"); 
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    
    .container1::before {
  content: "";
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://shayarmeet.com/wp-content/uploads/2025/09/bg-03a.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1; 
}
    
    
 
    .row {
      display: flex;
      width: 100%;
      height: 100%;
    }

    .col {
      display: flex;
      position: relative;
    }


    .row1 .col1 {
      flex: 1;
      background-image: url("https://shayarmeet.com/wp-content/uploads/2025/09/518298401_122105089010936715_2504888011204734026_n-1.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #fff;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 25px;
      font-size: 14px;
    }
    .row1 .col2 {
      flex: 5.9;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 25px;
      font-size: 14px;
    }

.row1 .col2 h1 {
  margin-bottom: 5px;
  font-size: 35px;
  color: #1e293b; 
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
}

.row1 .col2 p {
  font-size: 15px;
  color: #324254c9;
  line-height: 1.5;
   font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  width: 70%;
	letter-spacing: 0.5px;
  word-spacing: 2px;
}



    .row2 .col1 {
      flex: 1.2;
      display: flex;
      flex-direction: row;
      gap: 0px;
    }
    .row2 .col1 .box {
      flex: 1;
      border: 1px solid #000;
      padding: 25px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      transition: all 0.2s ease-in-out;
      background: transparent;
      font-family: 'Montserrat', sans-serif;
      color: #1e293b;
      font-weight: 700;
       font-size: 20px;

    }
    .row2 .col1 .box:hover {
      background-color: #fff;
      color: #000;
    }


    .row2 .col2 {
      flex: 2;
      display: flex;
      flex-direction: column;
      gap: 0px;
    }
    .row2 .col2 .box {
      flex: 1;
      border: 1px solid #000;
      padding: 25px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      transition: all 0.3s ease-in-out;
      background: transparent;
      font-family: 'Montserrat', sans-serif;
      color: #1e293b;
      font-weight: 700;
       font-size: 20px;
    }
    .row2 .col2 .box:nth-child(1):hover {
      background-image: url("https://shayarmeet.com/wp-content/uploads/2025/09/microphone-live.jpeg");
      background-size: cover;
      background-position: center;
      color: #fff;
    }
    .row2 .col2 .box:nth-child(2):hover {
      background-image: url("https://shayarmeet.com/wp-content/uploads/2025/09/concert-show-stage-1.png");
      background-size: cover;
      background-position: center;
      color: #fff;
    }


    .row2 .col3 {
      flex: 2;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      gap: 0px;
    }
    .row2 .col3 .box {
      border: 1px solid #000;
      padding: 25px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      transition: all 0.3s ease-in-out;
      background: transparent;
       font-family: 'Montserrat', sans-serif;
      color: #1e293b;
      font-weight: 700;
       font-size: 20px;
    }
    .row2 .col3 .box:hover {
      background-color: #fff;
      color: #000;
    }

    .row3 .col {
      flex: 1 1 100%;
      width: 100%;
      border: 1px solid #000;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 25px;
       font-family: 'Montserrat', sans-serif;
      color: #324154c9;
      font-weight: 600;
      font-size: 16px;
			
    }
    
    


/* ================= Responsive Media Queries ================= */
    @media (max-width: 1024px) {
        
       html, body {
    overflow-y: auto;
    overflow-x: hidden;
  }
        
      .row1 {
        flex-direction: column;
        text-align: center;
      }
    
    .row1 .col1{
        min-height:350px!important;
         background-size: cover!important;
    }
    
    
      .row1 .col2 {
        justify-content: center;
        align-items: center;
      }
      .row1 .col2 p {
        width: 100%;
      }

  .row2 {
    grid-template-columns: 1fr 1fr; 
    gap: 0px;
  }


      .row2 .col1,
      .row2 .col2,
      .row2 .col3 {
        width: 100%;
      }
      
      .row2 .col1 .box,
      .row2 .col2 .box,
      .row2 .col3 .box {
        min-height: 150px; 
        font-size: 16px;
        padding: 15px;
      }
 
      
      
    }




    @media (max-width: 600px) {
        
    html, body {
    overflow-y: auto;
    overflow-x: hidden;
  }
      .row1 .col1{
        min-height:250px!important;
         background-size: cover!important;
    }   
        
      .row1 .col2 h1 {
        font-size: 24px;
      }
      .row1 .col2 p {
        font-size: 13px;
        width: 100%;
      }

      .row2 {
        flex-direction: column;
        gap: 0px;
      }

  .row2 .col1{
        display: grid;
        grid-template-columns: 1fr; 
        gap: 0px;
  }


     
      .row2 .col2,
      .row2 .col3 {
        display: grid;
        grid-template-columns: 1fr 1fr; 
        gap: 0px;
      }
      .row2 .col1 .box,
      .row2 .col2 .box,
      .row2 .col3 .box {
        min-height: 150px; 
        font-size: 16px;
        padding: 15px;
      }

      .row2 .col3 {
        grid-template-columns: 1fr; 
      }

      .row3 .col {
        font-size: 14px;
      }
    }/* End custom CSS */