@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{ font-family: "Poppins", sans-serif;}
* {
    margin: 0;
    padding: 0;
}


.full-height-div {
    height: 100vh; /* 100% of the viewport height */
    display: flex; /* Optional: Flexbox for centering content */
    align-items: center; /* Optional: Center content vertically */
    justify-content: center; /* Optional: Center content horizontally */
    background:#fff;
    background-size: cover;
    position: relative;
    overflow:hidden;
  }

  .right-banner {
    position: fixed; /* Keeps it fixed to the viewport */
    top: 0;
    right: 0; /* Aligns to the right */
    height: 100%; /* Full viewport height */
    width: 40%; /* 25% of the viewport width */
    background-image: url('../images/pim-img.jpg'); /* Replace with your image path */
    background-size: cover; /* Ensures the image covers the div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
    z-index: 100; /* Keeps it above other elements if needed */
}

.left-section {
  position: fixed; /* Keeps it fixed to the viewport */
  left: 0; /* Positions the div on the left */
  top: 0; /* Aligns it to the top of the viewport */
  width: 60%; /* Occupies 50% of the viewport width */
  height: 100vh; /* Occupies the full height of the viewport */
  background-size: cover; /* Scales image to cover the div */
  background-position: center; /* Centers the image */
  display: flex ;
  justify-content: center;
  align-items: center;
}

.logo-sec {text-align: center;}
h1 { font-size: 3.5rem; font-weight: bold ; color: #353535;  margin-top: 5%; }