body {
    background-color: #F7F8F9;
    margin: 0;
    padding: 0;
    font-family: Arial,'poppins', sans-serif; /* Apply the custom font */
}

h1 {
    font-size: 1.3rem; 
}
h2 {
    font-size: 1rem; 
}
.h3 , h3{
    font-size: 1.2rem ;
}

p {
    font-size:0.9rem;
}


#banner,#about,#guest-nav,#user-nav {
    background-image: url(/images/Bill-background.svg); /* Replace with your image path */
    background-size: cover; /* Cover the entire section */
    background-position: fixed; /* Center the image */
    background-attachment: fixed; /* Center the image */
    display:  flex; /* Use flexbox for centering content */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */

    /* padding-top: 50px;
    padding-bottom: 50px;
     */
}

 #carousel1 {
    width: 600px; /* Set the width of the carousel */
    margin: 0 auto; /* Center the carousel */
}

#carousel2 {
    background-image: url('/images/g973.png'); /* Replace with your image path */
    background-size: cover; /* Cover the entire section */
    background-position: center bottom; /* Center the image */
    background-attachment: scroll;
    display:  flex; /* Use flexbox for centering content */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    height: 60vh;
    width: 700; /* Set the width of the carousel */
    margin: 0 auto; /* Center the carousel */

  }
  .about-card{
    background-color: transparent;
    /* background-image: linear-gradient(135deg, #B66E6E, #780000); */
    max-width: 18rem;
}

#footer table a {
     color: #000;
     text-decoration: none;
}
#footer table a:hover{
    color: #DD2E44;
    text-decoration: none;
}
/* Media queries to adjust image size on smaller screens */
 @media (max-width: 768px) {
    .carousel-item img {
        width: 100%; /* Adjust width for medium screens */
        margin: 0 auto; /* Center the image */
        right: 50px;
    }
 
    #quote-img{
        visibility: hidden;
     }
    .profile-img{
        width: 70rem;
      }
    .rate-img{
        width: 70rem;
      }
       #contact-img{
       display: none;
     }
      
 }

@media (max-width: 576px) {

    .carousel-item img {
    width:100%; /* Adjust width for small screens */
    right: 100px;
    }
   
    #banner {
    justify-content:left; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    
    }
   #quote-img{
    visibility: hidden;
    }
  .profile-img{
    width: 70rem;
    }
      .rate-img{
    width: 70rem;
   }
     #Reasons .row .col-sm-12{
        padding-left: 50px;
    }
    #footer-logo{
        display: none;
    }
    #contact-img{
       display: none;
     }
    }