#honeypot-elimator{
  display:none;
}
    a{
      text-decoration: none !important;
      text-decoration-color: none !important;
      color: inherit;
    }

header {
font-size:1.25em;
font-weight:bold;
padding-bottom:0;
padding-top:0;
height:80px;
border-radius: 5px;
}
header span{
    font-weight:bold;
    background-color:rgb(10, 42, 229);
    color:azure;
    border-radius:5px;
    margin-left:5%;
    padding-bottom:0.5em;
    display: inline-block;
  
   
}
header div {
 
  color: rgb(15, 14, 14);
}
header div {
padding-left:0.5em;
margin-right:20%;
float:right;    
padding-bottom:0;
height:50%;
display:inline-block;
}
section {
  padding: 0;
}


body{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
   
}

div {
    padding:0.5em;
}
iframe{
 
}

img{

 
}

.equinox{
  background-color:azure;
  border: 3px solid black;
  border-radius:10px;
}
span {
 
  
    padding:0.25em;
}

main {

}

section {
 
  background-size:auto;
  background-position-y: bottom ;
  background-position-x:left;
  background-repeat: no-repeat;


}
h1,h2,h3,h4,h5,h6 {
  font-size:1em !important;
    width:100%;
    padding-top:0;
    float:left;
    text-align:center;
    padding-bottom:0.5em;
 

    
  
 
}

h1 span{
  color: azure;
  padding: 0.25em;
  font-weight: bold;
  font-style: italic;
  border: solid 3px; /* Added border property */
  text-align: center;
  text-transform: uppercase;
  display: inline-block; /* Added this property to make it inline-block */
max-width: 92%;
  line-height: 30px;
  text-decoration: none; /* Remove underlining */
border-radius:10px;
background-color: black;
  }

  h2 span{
    color: azure;
  padding: 0.25em;
  font-weight: bold;
  font-style: italic;
  border: solid 3px; /* Added border property */
  text-align: center;
  text-transform: uppercase;
  display: inline-block; /* Added this property to make it inline-block */
  width: 90%;
  line-height: 30px;
  text-decoration: none; /* Remove underlining */
border-radius:10px;
background-color: black;
  }

  h3 span{
    color: azure;
    padding: 0.25em;
    font-weight: bold;
    font-style: italic;
    border: solid 3px; /* Added border property */
    text-align: center;
    text-transform: uppercase;
    display: inline-block; /* Added this property to make it inline-block */
    width: 90%;
    line-height: 30px;
    text-decoration: none; /* Remove underlining */
  border-radius:10px;
  background-color: black;
  }

  h4 span{
    color: azure;
  padding: 0.25em;
  font-weight: bold;
  font-style: italic;
  border: solid 3px; /* Added border property */
  text-align: center;
  text-transform: uppercase;
  display: inline-block; /* Added this property to make it inline-block */
  width: 90%;
  line-height: 30px;
  text-decoration: none; /* Remove underlining */
border-radius:10px;
background-color: black;
  }

  h5 span{
    color: azure;
    padding: 0.25em;
    font-weight: bold;
    font-style: italic;
    border: solid 3px; /* Added border property */
    text-align: center;
    text-transform: uppercase;
    display: inline-block; /* Added this property to make it inline-block */
    width: 90%;
    line-height: 30px;
    text-decoration: none; /* Remove underlining */
  border-radius:10px;
  background-color: black;
  }

  h6 span{
    color: azure;
  padding: 0.25em;
  font-weight: bold;
  font-style: italic;
  border: solid 3px; /* Added border property */
  text-align: center;
  text-transform: uppercase;
  display: inline-block; /* Added this property to make it inline-block */
  width: 90%;
  line-height: 30px;
  text-decoration: none; /* Remove underlining */
border-radius:10px;
background-color: black;
  }

  h7 span{
    color: azure;
    padding: 0.25em;
    font-weight: bold;
    font-style: italic;
    border: solid 3px; /* Added border property */
    text-align: center;
    text-transform: uppercase;
    display: inline-block; /* Added this property to make it inline-block */
    width: 90%;
    line-height: 30px;
    text-decoration: none; /* Remove underlining */
  border-radius:10px;
  background-color: black;
  }

  h8 span{
    color: azure;
  padding: 0.25em;
  font-weight: bold;
  font-style: italic;
  border: solid 3px; /* Added border property */
  text-align: center;
  text-transform: uppercase;
  display: inline-block; /* Added this property to make it inline-block */
  width: 90%;
  line-height: 30px;
  text-decoration: none; /* Remove underlining */
border-radius:10px;
background-color: black;
  }

  h9 span{
    color: azure;
    padding: 0.25em;
    font-weight: bold;
    font-style: italic;
    border: solid 3px; /* Added border property */
    text-align: center;
    text-transform: uppercase;
    display: inline-block; /* Added this property to make it inline-block */
    width: 90%;
    line-height: 30px;
    text-decoration: none; /* Remove underlining */
  border-radius:10px;
  background-color: black;
  }

  h1 span a{
    color: yellow;
  }
  h2 span a{
    color: yellow;
  }
  h3 span a{
    color: yellow;
  }
  h4 span a{
    color: yellow;
  }
  h5 span a{
    color: yellow;
  }
  h6 span a{
    color: yellow;
  }
  h7 span a{
    color: yellow;
  }
  h8 span a{
    color: yellow;
  }
  h9 span a{
    color: yellow;
  }



/* style for home pages */ 


/* style the catchphrase */

.gutter-cleaning-catchphrase{
padding-top:0.33em;
}

.gutter-cleaning-catchphrase span{
    font-size:1.35em;
    
   
    text-align:center;
    font-style:oblique;

}

.gutter-cleaning-catchphrase div{
       
       }


/* style the explainer */

.gutter-cleaner-explainer{

}

.gutter-cleaner-explainer span{
    text-align:left;
    font-size:1.1em;

}

.gutter-cleaner-explainer div{

}

/* style the list */

.gutter-cleaning-service-list{
  display: grid;
  grid-gap: 10px; /* Adjust the gap between buttons as needed */
  justify-content: center; /* Center the buttons horizontally */

}

.gutter-cleaning-service-list span{

}

.gutter-cleaning-service-list div{

font-size: 0.5em;
width:100%;
height:35px;

}


.gutter-cleaning-service-list button {
 width: 80%; 
 height:80%;
 padding:0;
}

/* style the button */



.gutter-cleaning-near-button{
text-align: center;
}

.gutter-cleaning-near-button button{
    background: linear-gradient(to bottom, #d80303, #d43b3b);
    border: none;
    color: #f9f5f5;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    font-size: 1em;
    border: solid 3px azure;
    }

/* style the contact */

.gutter-cleaning-company-contact span{
    font-weight:bold;
    font-size:0.73em;
    font-style: normal;
    background-color:rgb(10, 42, 229);
    color:azure;
    border-radius:5px;
  

}

.dropdown{
  background-color: rgba(252, 252, 252);
  
}

.pricing-structure{
  background-color: rgba(252, 252, 252);
  
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    border-style:solid;
    border-radius:3%;
    font-size: 1.2em;
   
  }
  .pricing-structure div{
    padding:0.15em;
    background-color: rgba(252, 252, 252, 0.5);
  
  }
  .pricing-border{
    border-right: 1px solid;
    background-color: rgba(252, 252, 252, 0.5);
  
  }

  button {
    background: linear-gradient(to bottom, #0364ec, #0542e8);
    border: none;
    color: #f9f5f5;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    padding: 7px 3px;
    text-align: center;
    font-size: 0.65em;
    border: solid 3px azure;
  }



 /* styling by screen size */
/* desktops */
@media only screen and (min-width: 1251px)  {
  body{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
  
font-size:2em;

}


    .gutter-cleaning-catchphrase img {
        float:right;
        border-radius: 15%;
        padding:0px;
        max-height:350px;
        min-width:40%;
        min-height:200px;
        max-width:50%; 
        border: solid 2px black;
      }
      
      header span{
        font-size:2rem;
      }
      .gutter-cleaning-service-list {
        grid-template-columns: repeat(10, 1fr); /* 10 columns */
      }
      .gutter-cleaning-service-list img{
        height:100px!important;
        width: 100px!important;
        }
        .gutter-cleaning-service-tier {
          grid-template-columns: repeat(2, 1fr); /* 10 columns */
        }
  }

  

  
/* mobile phones */
  @media only screen and (max-width: 649px) {
    body{
      font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
      text-align: center;
   
  font-size:1.2em;
  
  }
    
    .gutter-cleaning-catchphrase img {
        max-height:350px;
        min-width:300px;
        min-height:200px;
        max-width:100%; 
         border-radius: 15%;
         padding:0.5em;
         padding-top:0;
      }
      .gutter-cleaning-catchphrase iframe {
        max-height:350px;
        min-width:300px;
        min-height:200px;
        max-width:100%; 
         border-radius: 15%;
         padding:0.5em;
         padding-top:0;
      }
     
      header span{
        font-size:1.2rem;
      }
      .gutter-cleaning-service-list {
        grid-template-columns: repeat(2, 1fr); /* 4 columns */
      }
      .gutter-cleaning-service-tier {
        grid-template-columns: repeat(2, 1fr); /* 10 columns */
      }
      .gutter-cleaning-service-list img{
        height:100px;
        width: 100px;
        }
  }
/*tablet */
  @media only screen and (min-width: 650px) and (max-width: 1250px) {
    .gutter-cleaning-catchphrase img {
        max-height:500px;
        max-width: 100%;
           border-radius: 10%;
           padding:1.5em;
      }

      .gutter-cleaning-catchphrase iframe {
        max-height:500px;
        max-width: 100%;
           border-radius: 10%;
           padding:1.5em;
      }
      body {
        font-size:1.75em;
      }
      header span{
        font-size:2rem;
      }
      .gutter-cleaning-service-list {
        grid-template-columns: repeat(6, 1fr); /* 6 columns */
      }
      .gutter-cleaning-service-tier {
        grid-template-columns: repeat(2, 1fr); /* 10 columns */
      }
      .gutter-cleaning-service-list img{
        height:100px!important;
        width: 100px!important;
        }
  }

  .a{
background-image: url("/website/images/background-gutter-cleaning-worker-is-cleaning-gutters-from-a-ladder.jpg");
  }

  .b{
    background-image: url("/website/images/background-corrugated-red-roof-with-grass-growing-out-of-the-gutters.jpg");
  }

  .c{
    background-image: url("/website/images/background-gutter-cleaning-service-is-rinsing-out-the-guttering.jpg"); 
  }


  .d{
    background-image: url("/website/images/background-heavy-grass-growing-out-of-the-gutters-waiting-for-a-gutter-cleaner.jpg");
  }


  .e{
    background-image: url("/website/images/background-gutter-cleaner-is-rinsing-out-the-guttering.jpg"); 
  }


  .f{
    background-image: url("/website/images/background-perfect-day-for-gutter-cleaning-because-grass-is-growing-from-gutters.jpg");
  }

  .g{
    background-image: url("/website/images/background-gutter-cleaner-is-holding-a-giant-piece-of-debris.jpg"); 
  }

  .h{
    background-image: url("/website/images/background-green-corrugated-roof-gutters-with-plants-growing-out.jpg"); 
  }  
  
  select {
    padding: 10px; /* Padding of 10 pixels */
    max-width: 75%; /* Maximum width of 75% */
    border: 2px solid #ccc; /* Fancy border */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); /* Shadow */
    border-radius: 5px; /* Optional: Rounding the corners for a nicer look */
    
    background-color: #f9f9f9; /* Optional: Light background color */
}


/* END /*


/* styles for Content Delivery pages */