html, body {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }


.offer {
    line-height: 1.4;
    background-color: #2b9f67;
     letter-spacing: 1px;
      color: #fff;
    text-transform: capitalize;
    
    
}
.offer p{
     font-size: 18px;
     font-family: "Poppins", sans-serif;
    font-weight: 500;
text-transform: capitalize;
padding: 8px;
}



 .subheading {
    font-size: 20.2px;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-weight: 700;
}


  .subheading {
        color: #fff;
      }

      .modal-content {
           background-color: #000000a6 !important;
        margin-top: 30px;
      }

      .popup-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
      }

      .btn {
        padding: 12px 40px;
        font-family: "Lato", sans-serif;
        border: none;
        font-size: 18px;
        cursor: pointer;
        font-weight: bold;
        border-radius: 5px;
      }

      .btn.yes {
          padding: 8px 25px;
           font-size: 17px;
        background-color: #37b772;
        color: #fff;
        border-radius: unset;
      }

      .btn.no {
        background-color: #fe9d4e;
        color: #fff;
        border-radius: unset;
          padding: 8px 25px;
           font-size: 17px;
      }
      
      .btn.yes:hover {
           background-color: #37b772;
        color: #fff;
      }
      
      .btn.no:hover {
            background-color: #fe9d4e;
        color: #fff;
      }

      /* Ensure images are fully responsive and not cut */
      img.img-fluid {
        width: 100%;
            min-height: 93vh;
        height: auto;
        object-fit: cover;
        display: block;
      }

      /* Responsive modal adjustments */
      .modal-dialog {
        /*max-width: 90%;*/
        margin: auto;
      }
      
           .modal.show .modal-dialog {
    transform: none;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

     
     




    footer {
    background: #000;
    color: #fff;
}
footer a {
    font-size:14px;
    color: #fff !important;
   font-family: "Lato", sans-serif;
}
footer p {
       
       line-height: 1.42857143;
       font-style: normal;
       font-weight: bold;
       padding: 10px; 
       margin: 0px;    
        text-align: left;
    color: #fff;
   font-family: "Lato", sans-serif;
    font-size: 14px;
   
    text-transform: none;
    font-style: normal;
       }



@media screen and (max-width:767px)
{
    
    .subheading {
    font-size: 22.2px;
}
   
  

.offer p {
 font-size: 20px;
        padding: 10px;
}
.modal-content {
background-color: #00000063 !important;
        padding: 15px;
        width: 95% !important;
        margin-top: 0px;
        margin-bottom: 25px;
}
        

        .btn {
          padding: 10px 20px;
          font-size: 14px;
        }
    

}