/* text-default-white */
  
.default-desc-banner
{
color: white;
font-size: 18px;
}

.header-light-text
{
Color: #FFFFFF;
 margin-top: 20px;
 margin-right: 50px;
 margin-bottom: 20px;
 margin-left: 30px;
}

.text-paragraph-light-text
{
Color: #FFFFFF;
 margin-top: 20px;
 margin-right: 50px;
 margin-bottom: 20px;
 margin-left: 30px;
font-size: 18px;
}

/* button-default-mark-1 */

.default-button {
  background-color: #007bff; /* Set the background color */
  color: #fff; /* Set the text color */
  padding: 10px 20px; /* Add padding to create space around the button text */
  border: none; /* Remove the default button border */
  border-radius: 5px; /* Add rounded corners to the button */
  cursor: pointer; /* Change the cursor to a pointer on hover */
  font-size: 16px; /* Set the font size */
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 20px;
  margin-buttom: 20px;
}

/* css-icons-margin  */

.icon-default
{
margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;

}

/* desc-text-css-mark-1 */

.desc-default
{
 margin-top: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
}

/*.layout--twocol-section--50-50
{

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
background-color: #1829DC;

}
   */

/* header-default-side-desc*/

.header-default-side-desc
{
 margin-top: 40px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
}


/*header-text */
.default-header-banner
{
color: #ffffff;
}

.icon-default-desc
{
padding-right: 20px;
padding-left: 20px;
}

.default-desc-banner
{
color: white;
font-size: 18px;
}

.default-desc-banner
{
color: white;
font-size: 18px;
}

/*transparent-button-border*/
.btn-primary-border {
    color: white;
    border:  2px solid white;
    background-color: transparent;
    padding: 14px 28px;
   
margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 0;

}

/*responsive-image*/

  .responsive-image {
 max-width: 100%; /* Ensures the image doesn't exceed its original size */
 /*height: auto;  Allows the image to maintain its aspect ratio */

  }

@media (max-width: 768px) {
  .responsive-image {
    /* Adjust styles for smaller screens */
  }
}

.block-inline-blocklight-blue-basic-block
{
  background-color: #E4E4E4;
}

.spacer-hidden
{
 visibility: hidden;
}


/* card */


.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;  
}


.card img {
  
  height: auto;
}

.mark1card {
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
 margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 50px;
  margin-left: 20px;  
}


.mark1card img {
  width: 300px;
  height: auto;
}

.block-inline-blockair-purifier-banner-
{
background-color: Blue;    
background-repeat: no-repeat;
background-size: cover;
}

.field--name-title
{
font-size: 35px;
}

.btn,  a.btn:hover {
    color: white;
    border:  2px solid white;
    background-color: #1491f6;
    padding: 14px 28px;
   
margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 0;

}
a:hover {
    color: white;
    border:  2px solid white;
    background-color: #1491f6;
   text-decoration: none;
}