.form-wrapper {
            background: #ffffff;
            border-radius: 8px;
           box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            padding: 30px;
        }
        .form-title {
            color: #b30000;
            font-weight: 600;
            text-align: center;
            margin-bottom: 25px;
        }
        .btn-custom {
            background-color: #2c4d80 !important;
            color: #ffffff;
            padding: 10px 30px;
             font-family: 'Poppins', sans-serif;
        }
        .btn-custom:hover {
            background-color: #ccc;
            color: black;
        }
        .form-control{
            border-radius: 0px;
        }
         .form-control:focus{
            border-radius: 0px;
            box-shadow: none;
            border: 2px solid black;
        }


.banner-title{
    margin-top:6.5rem;
    font-size: 1.25rem !important;
    color:white;
    padding:8px;
}

.chemical-banner{
     background-color:#2c4d80 !important;
         min-height: 5rem;
}

.blogs-section {
  background-color: #2c4d80 !important; 
  margin-top: 8rem !important;
}


.about-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: white;
}
.banner-subtitle{
    color:white;
    font-size:14px;
     padding:8px;
    
}
.about-description {
  font-size: 0.9rem;
  line-height: 1.5;
  color: white;
      font-family: 'Poppins', sans-serif;
}

/* Optional spacing improvement on small devices */
@media (max-width: 576px) {
  .blogs-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .banner-title{
    margin-top:4rem;
    font-size: 1rem !important;
    color:white;
    padding:16px;
}
.banner-subtitle {
    color: white;
    font-size: 14px;
    padding: 8px 17px;
    
}
}