* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  @keyframes slideIn {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0);
    }
  }
  

  /* Default font size for all screen sizes */
body {
    font-size: 1.5em;
    font-family: "Calibri", sans-serif;
    width:100vw;
  
   
 }
  footer {
    font-size:0.9em;
    text-align:center;
    
    
    font-weight:bold;
    font-family: Verdana, sans-serif;

  }
  footer span {
    padding: 1em;
  }
  footer section{
    font-size:0.75em;
  }
  form {
    text-align: center;
  }
  .explainer {
    /* Other styles */
  background-repeat: no-repeat;
  background-position: left center;
  background-size:contain;
  padding-left: 100px;
  padding-top: 3%;
  padding-bottom:3%;
  font-size: 1.1em;
  font-weight: bold;
  text-shadow:rgb(248, 252, 248) 2px 2px, rgb(245, 250, 245) -2px 2px, rgb(243, 245, 243) -2px -2px, rgb(244, 249, 244) 2px -2px;
  margin-left:auto;
  margin-right:auto;
  }


  /* THANK YOU PAGE */

  .thank-you{
  max-width:600px;
    display:block;
    margin: 0 auto;
  
  }

  .headline{
font-size:1em;
font-family:"Calibri", sans-serif;
font-style:oblique;
font-weight:bold;
text-align:center;
margin: 0 auto;
padding:0.5em;
  }

  .appointment {
  border-style: solid;
border-radius:5%;
font-size:0.8em;
padding:0.5em;
margin: 0 auto;
  
  }

  .statement {
    font-size:0.8emem;
    font-family:Verdana, sans-serif;
    font-style:normal;
    font-weight:500;
    text-align:left;
 padding:0.8em;
 margin: 0 auto;
    
  }
  .link {

  }
  .smaller {
    font-size: 0.8em;
  }
  .questiontime{
    display:block !important;
    position:relative;
    margin: 0 auto;
    font-weight:bold;
    font-size:1em;
    text-align:left;
    background-color:rgb(45, 45, 224);
    color:white;
    padding:0.35em;
  }
  .override{
  display:inline-block;
  }
  .faq-container{
    display:block;
    max-width:800px;
    margin: 0 auto;
    padding:0.5em;
  }
  .faq{
    

  }
  .faq-button{
    display: block;
    background: linear-gradient(to bottom, #0a86f2, #2711f0);
    border: none;
    color: #fbf9f9;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    transition: all 0.3s ease;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    font-size:1.75em;

  }
  .email-confirm{
    
    font-size:0.76em;

  }
  #top {
    padding-top:0.65em;
  }

  /* end of thank-you page */




  #book-now {
    background-image: url('/website/images/book-now.png');
  }
  #call-us{
    background-image: url('/website/images/call-us.png');
  }
  #email-us{
    background-image: url('/website/images/email-us.png');
  }
  .mobile-image{
    display:block;
  }
  .desktop-image{
    display:none;
  }
  .tablet-image{
display:none;
  }
  /* Media query for screen sizes between 768px and 1024px */
  @media only screen and (min-width: 650px) and (max-width: 1250px) {
    body {
      font-size: 1.25em;
    }
    .tablet-image{
      display:block;
        }
        .mobile-image{
          display:none;
        }
        .desktop-image{
          display:none;
        }
        #mobile-adjuster div{
          padding-bottom:0.5em;
         }
         #mobile-titler{
          font-size:1.5em;
         }
  }
  
  
  /* Media query for screen sizes greater than 1024px */
  @media only screen and (min-width: 1251px) {
   .pricing-structure{
    width:600px;
    margin-left:auto;
    margin-right:auto;
   } 
    select {
     height:50px;
      
    }
    input {
      height:50px;
       
     }
    body {
      font-size: 1.37em;
    }
    .desktop-image{
      display:block;
    }
    .mobile-image{
      display:none;
    }
    .tablet-image{
      display:none;
    }
    #mobile-adjuster div{
      padding-bottom:0.5em;
     }
     #mobile-titler{
      font-size:1.5em;
     }
  }
  h1,h2,h3,h4,h5,h6{
    font-size: 1.25em;
    font-weight: 100;
  }
  a {
    font-size: inherit !important;
    text-decoration: none;
    color: black;
  }
  
 
  header{
   display:inline-block; 
 text-align:left;
   max-width: 100vw;
   overflow:hidden;
   margin-left:15%;
   padding:0%;
   padding-top:0.5em;
  }

  .header-parent-div {
    display: inline-block; 
    align-items: center;
    width:100%;
  }
  .header-contact{
   
    font-size:1em;
  }
  .contact-icon{
    padding: 0.5em;
    display:flex;
  }
  .seamless-tradies-banner{
    max-height:25px;
   min-width:107px;
   max-width:107px;
    overflow:hidden;
  }

  #gutter-cleaning {
    font-size:0.6em;
    padding: 1em; 
    display: flex; 
    align-items: center; 
    justify-content: center;
  }
  #extra {
  
      display: flex;
      align-items: right;
      margin-top: 20px;
      overflow:auto;
width:100%;
margin: auto;
    
  }

  .header-banner-span{
   padding-top:0.05em;
  
    display: flex; 
    align-items: center; 
    justify-content: center;
  }
  .contact-link {
    display: flex; 
    align-items: center; 
    padding: 1em;
    font-size: 0.5em;
  }

  .area-button {
    padding: 0.5em 1.5em;
    margin: 0.5em;
    border-radius: 5px;
    background-color: #FDD835; /* Yellow */
    color: #000000; /* Black */
    border: none;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    transition: background-color 0.3s ease;
  }
  #extra-list-items {
    display: none;
  }
  
  
  

  
  main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-size: 0.75em;
    position:relative;
    background-color: rgb(255, 255, 255);
  
  
  }
  
  section {
    position:relative;
    width: 95%;
 margin-bottom: 1em;
    padding: 0.5em;
    background-color: rgb(255, 255, 255);
  
    line-height: 1.5;

    display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
 

  border-radius:2%;

    /*
 width: 100%;
  margin: 1rem 0;
  padding: 1rem;
  background-color: #f2f2f2;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
    */
  }
  section.form-fixer{
    opacity: 1;

  }
  section.slide-in-active {
    opacity: 1;
 
  }
  
  h2 {
    margin-bottom: 0.5rem;
  }

     /* form alignment based on size! */
     
          select {
              text-align: center;
              min-width:30%;
            }
      
        
/* HAmburger Navigation */
.navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25em;
    width: 100%;
   
  }
  
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    background-color: white;
    border-radius: 2%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 0.5em;
  }
  
  li {
    margin-right: 10px;
    margin-left:10px;
    font-size: 0.65em;
   
  }
 
  
  
  .logo {
    vertical-align: middle;
    height: 50px;
    margin-left: 5px;
  margin-right: 5px;
  margin-top:3px;
  margin-bottom: 5px;
  vertical-align: middle; 
  margin-left: 5px; 
  margin-right: 5px;
  }

  .picture img {
  
    float: left;
       
    max-height: 200px;
    max-width: 250px;
    border-radius: 20%;
   
    padding: 0.5em;
    overflow: auto;
    margin-right:10px;
  }
  
 
  
  
  p.picture::first-line{
   
  }
  /* extra form stylings */
  
 
   /* Media query for screen sizes between 768px and 1024px */
   @media only screen and (min-width: 650px) and (max-width: 1250px) {
    select {
      height:50px;
       
     }
     input {
       height:50px;
        
      }
    .logo {
       height: 200px;
        margin-left: 20px;
      margin-right: 20px;
      margin-top:3px;
  margin-bottom: 10px;
  vertical-align: middle; 
  height: 100px; 
  margin-left: 5px;
   margin-right: 5px;

      }
         /* form alignment based on size! */
         form h2 {
          text-align: left;
                }
                form h3 {
          text-align: left;
                }
                .seamless-tradies-banner{
                  max-height:50px;
                  max-width:214px;
                  overflow:hidden;
                }
              
                li {
             
                  font-size: 1em;
                }
                main {
                  font-size: 1em;
                  background-color: rgb(255, 255, 255);
                }
                header {
      margin-left: 15%;
                
                 }
                 
            }
        
    
  
  /* Media query for screen sizes greater than 1024px */
  @media only screen and (min-width: 1251px) {
    .logo {
        height: 200px;
        margin-left: 20px;
      margin-right: 20px;
      margin-top:3px;
  margin-bottom: 10px;
  vertical-align: middle;
   height: 100px; 
   margin-left: 5px; 
   margin-right: 5px;

      }
      /* form alignment based on size! */
      form h2 {
text-align: center;
      }
      form h3 {
text-align: center;
      }
      .seamless-tradies-banner{
        
        max-height:100px;
        width:414px;
      
        overflow:hidden;
      }
      .header-contact{
        display: flex; 
        align-items: center;
        margin-left: 50px;
      }
      #mobile-show{
        display: none;
      }
    
      .picture img {
       
        float: left;
       
        max-height: 400px;
        max-width: 350px;
        border-radius: 20%;
       
        padding: 1em;
        overflow: auto;
        margin-right:50px;
      }
      #extra {
        display: flex;
        align-items: flex-start;
        margin-top: 20px;
        overflow:auto;
width: 800px;
      }
    
      li {
             
        font-size: 1em;
      }
      h1,h2,h3,h4,h5,h6{
        margin: 0;
        padding: 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
      }
      h1 {
       
      }
      main {
        font-size: 1em;
        background-color: rgb(255, 255, 255);
       
      }
      #extra-list-items {
        display: block;
      }
      p.picture {
        margin-right: 150px;
       margin-left:100px;
       width:100%;
       
      }
     
      section {
        width:95%;
        
        justify-content: flex-start;
        margin-left: 0;
        padding: 0.5em;
        padding-top:1.75em;
        position: relative;
      }
      header {
      margin-left:10%;
     
      }
      .explainer{
      padding-left: 200px; 
      
      }
  }
  
  .booking-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;
    transition: all 0.3s ease;
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    font-size:1.35em;
  }
  #submitButton{
    background-color:rgb(7, 146, 5) !important;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    font-weight: bold;
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    font-size:1.35em;
    color: white;
  }
 #subby{
    background: linear-gradient(to bottom, #e4e4dd, #d8d4d0);
    color: #100e0e;
  }

  .subby{
   background: linear-gradient(to bottom, #e4e4dd, #d8d4d0);
    color: #100e0e;

  }
  .booking-button:hover {
    background-color: #555;
  }
  
  .booking-button:active {
    transform: translateY(1px);
    background-color: #222;
  }

  .my-select-box {
    width: 20%;
    padding: 10px;
    border: 2px solid black; /* set border properties */
  border-radius: 10px;
    background-color: #f2f2f2;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  .my-select-box:focus {
    outline: none;
  }
  
  .my-select-box option {
    background-color: #f2f2f2;
    color: #333;
  }
  
  .my-select-box option:hover {
    background-color: #333;
    color: #585f10;
  }

  #stage1 {
    display: block !important;
  }
  
  #stage2 {
    display: none !important;
  }
  /* styling for forms! */
  .form-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 1;
  
 
    font-size:1.25em;
  }
 
  .form-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  .form-label {
    text-align: left;
    width: 150px;
    margin-right:1em;
    padding-left:1em;
  }

  .form-input {
    width: 200px;
   
  }

  .form-textarea {
    width: 200px;
   
  }

  .form-select {
    width: 200px;
    
  }

  .form-submit {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  
  .form-container.slide-in {
    opacity: 1;
    transform: translateX(0);
  }
  .glow {
    box-shadow: 0 0 20px rgba(217, 108, 58, 1);
  }
  
  .header {
    display: flex;
    align-items: center;
  }
  
  #logo-here {
    margin-right: 20px; /* Adjust the margin as needed */
  }
  
  #logo-here img {
    max-width: 50px;
    height: auto;
  }
  .call-to-action-container{
display: flex;
  }
  /* Landing Pages Fine Tuning of Text */

  /* all devices */

  .make-an-impact{
    display:block;

    text-align: center;
   
    font-weight: bolder;
    
    
      /* Other styles */
   
    }
  
  .second-sentance{
    display:block;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    font-style: oblique;
    font-size: 1.5em;
    
    padding:0.25em;
  }
  .final-sentance{
    display:flex;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    font-family: Verdana, sans-serif;
    font-size:1.2em;
  }
  .stand-out{
   font-weight:600;
    color:#484646
  }
  .emphasise{
   
   font-weight:bold;
  }
  .point {
   
  }
/* Large Screens */
.solution {
  text-align: left;
  padding:0.5em;
  margin-left:10%;
  word-spacing: 3px;
 
}
.center {
  text-align: center;
  
}
  @media only screen and (min-width: 1251px) {
    .make-an-impact{
     
    }

.final-sentance{
  display:flex;
 font-size:1.25em;
 margin-left:auto;
 margin-right:auto;
 padding:0.25em;
 max-width:600px;
 text-align:center;
 font-family: Verdana, sans-serif;
}
.second-sentance {
  margin-left:5%;
  padding:0.25em;
  text-align:center;
  font-size:2em;
  
}
#adjust-for-desktop{
  font-size:2.5em;
}
.emphasise{
  
}
.point {
 

  font-weight:bold;
}
.solution {
  text-align: left;
  padding:0.5em;

  word-spacing: 4px;
  margin-left:5%;
 
}
.form-label {
  text-align: right;
  width: 400px;
  margin-right:1em;
  padding-left:1em;
}

.form-input {
  width: 300px;
 
}

.form-textarea {
  width: 300px;
 
}

.form-select {
  width: 300px;
  
}
.form-select select{
 height:100px;
  
}
.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 1;


  font-size: 1.35em;
  width:100%;
}


  }

  
  /* background images for CTA's ETC */

  #book-now {
    background-image: url('/website/images/book-now.png');
  }
  #call-us{
    background-image: url('/website/images/call-us.png');
  }
  #email-us{
    background-image: url('/website/images/email-us.png');
  }
  #gutter-logo{
    background-image: url('/website/images/gutter-cleaning-icon3.png');
  }
  #find-out-more{
    background-image: url('/website/images/find-out-more.png');
  }

  .services-with-icons {
    display:inline-block;
    width:350px;
  }
  .services-with-icons img{
    display:block;
    height:50px;
   
    overflow: hidden;
    float:left;
  }
  .services-with-icons span{
display: inline-block;
overflow: hidden;
margin-right:5%;

  }
  .services-with-icons button{
    display: block;
padding: 0.75em;
float:right;
  }
 .icon-container{
  display:inline-block;
 margin-right:2em;
 }
 .ts-cs{
  display: inline-block;
  width:100%;
 }
 #control-panel{
  font-size: 1em;
  max-width:600px;
  min-width:350px;
  position:relative;
  display: block;
  justify-content:center;
  padding:1em;
  
  text-align: center;
  line-height: 2; 
 }
 #cancel-buttons{
  position:relative;
  text-align: center;
  display:flex;
  padding:0.5em;
  width:100%;
 }
 /* landing page section 1 impact */

 .landing-impact-wrapper{
  width:100%;
  display: flex;
  position:relative;
 }
 .landing-impact-div{
  width:100%;
  display: inline-block;
   position:relative;
 }
 
 .landing-image{
  max-height:350px;
  min-width:300px;
  min-height:200px;
  max-width:100%; 

   border-radius: 15%;
   padding:1.5em;
   
  
 }
 

 @media only screen and (min-width: 650px) and (max-width: 1250px) {
 .landing-impact-div{
  width:100%;
  display: inline-block;
   position:relative;
 }
 
 .landing-image{
  display:flex;
  max-height:500px;
max-width: 100%;
 
 margin-left:auto;
 margin-right:auto;
   border-radius: 10%;
   padding:1.5em;
   
 }
 #customer-image{
  max-height:400px;
 }
 #pricing-image{
  max-height:400px;
 }

 section{
  padding:1em;
  padding-top:0.5em;
 }
 .final-sentance{
 display:flex;
 font-size:1.15em;
 margin-left:auto;
 margin-right:auto;
 padding:0.25em;

 text-align:center;
 font-family: Verdana, sans-serif;
 }

 .form-label {
  text-align: right;
  width: 275px;
  margin-right:1em;
  padding-left:1em;
}

.form-input {
  width: 275px;
 
}

.form-textarea {
  width: 275px;
 
}

.form-select {
  width: 275px;
  
}
.form-select select{
 height:100px;
  
}
.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 1;

  font-size: 1.35em;
  width:100%;
}

}
@media only screen and (min-width: 1251px)  {
  #hero-button-mobile {
    font-size: 2em;
     }
  #desktop-rescue{
    width:1250px;
    margin-left:auto;
    margin-right:auto;
  }
  .landing-impact-div{
   width:100%;
   display: inline-block;
    position:relative;
    margin-left:2em;
  }
  
  .landing-image{

  
   float:right;
    border-radius: 5%;
    padding:1.5em;
    
   
    
    
    
  }
  #pricing-image{
   float:right;
    max-width:40%;
    min-height:800px;
  }
  #hero-image{
    min-height:400px;
    max-height:500px;
  float:right;
  max-width: 45%;

 padding-top:0.25em;
  }
  .pricing{
    position:absolute;
    bottom:20%;
    right:5%;
  }
 }
 /* hero image for homepage */
 .hero-image{
  display:inline-block;
  position:relative;
  justify-content:center;
  
  max-width:700px;
 
    
     padding:0.5em;
     background-size:cover;
     background-repeat: no-repeat;
     margin-bottom:1em;
     float:left;
   
     
    
     
 }
 .hero-header{
  position:relative;
  display:flex;
  margin-left:auto;
  margin-right:auto;
 color: rgb(10, 10, 10);
  padding: 0.5em;
  border-radius:5%;
 
 max-width:500px;

 }
 .hero-text{
  position:relative;
  background-color:rgb(247, 245, 245, 0.95);
  padding:0.5em;
  border-radius:5%;
  display:flex;
  

 }
 .hero-span{
  max-width:600px;
  display:flex;
  margin-left: auto;
  margin-right: auto;
 }
 .hero-contact-container{
position: relative;
display: flex;
margin-left:auto;
  margin-right:auto;
  padding:0.5em;
  color: rgb(11, 11, 11);

 }
 .hero-contact-span-container{
  position: relative;
  display: flex;
  margin-left:auto;
    margin-right:auto;
   background-color:rgba(251, 248, 248, 0.95);
   }
   .hero-contact-phone{
    position: relative;
    display: flex;
   }
   .hero-contact-email{
    position: relative;
    display: inline-block;

   }
   .heroic{
    background-color:rgba(251, 248, 248, 0.95);
   }
   .fade-in {
  background-color:rgba(251, 248, 248, 1);
    max-width:500px;
    display:flex;
    margin-left:auto;
    margin-right: auto;
    padding:1em;
    border-radius:2.5%;
   }

   #notes::placeholder{
 
  padding:1em;
 
  font-weight:bold;
  animation: opacityTrans,1,1;
   }
 

   
  .hero-left-image{
    display: none;
  }
   
.pricing-structure{
  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;
}
.pricing-border{
  border-right: 1px solid;
}
.click-here {
  font-size: 0.75em;
  text-decoration: underline;
}
/* above the fold */
.dropdown {
  position: relative;
  display: inline-block;
  padding-bottom:0.5em;
 
}

.dropdown-toggle {
  background-color: #1d51ef;
  padding: 1.25em;
  font-size:0.6em;
  cursor: pointer;
  font-weight:bold;
  color:rgb(249, 248, 250);
 border-radius:5%;
 font-family:  "Calibri", sans-serif
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #ffffff;
  padding: 10px;
  list-style: none;
 width: 300px;
 left:-2%;
margin-top:0px;

 border-style: solid;
 border-radius: 5%;
 overflow:hidden;
 animation: test 0.15s ease-out;
 
}

.dropdown-menu li {
 text-align:left;
  cursor: pointer;
  padding:0.25em;
  font-size:0.75em;
  font-weight:bold;
  max-width:300px;
  overflow:hidden;
  animation: testii 0.33s ease-out;
  
}

.dropdown-menu li:hover {
  background-color: #f5f5f5;
}
.active {
  display: block !important;
  animation: testii 0.33s ease-out;

 
}
.pre-section-contact-container{
  display:inline-block;
  background-color: rgb(255, 255, 255);

height:2%;
position:absolute;
top:15px;
right:17.5%;
border-radius: 5%;
padding-left:5%;
padding-right:1em;
}
.pre-section-logo-container{
  display:inline-block;
  background-color: rgb(255, 255, 255);

height:2%;
position:absolute;
top:5px;
left:5%;
border-radius: 5%;
padding-left:5%;
padding-right:1em;
}
#hero-image{
  padding-top:0%;
}
h4{
  font-size:1.2em;
  font-family: "calibri", sans-serif;
font-style:oblique;
width:100%;
text-align: center;
}
.form-container{
  padding-top:1em;
}
@media only screen and (max-width: 650px) {
  #hero-button-mobile {
 font-size: 1.15em;
  }
  #mobile-adjust-font-size{
   font-size: 1.2em; 
  }
  select {
   height:50px;
    
  }
  input {
    height:50px;
     
   }
   footer img.seamless-tradies-banner{
     width:300px !important;
     height:50px !important;
   }
   #correct {
    width:300px !important;
    height:50px !important;
   }
   footer .header-contact{
     width: 380px;
     margin-right:0px;
     margin-left:0px;
     padding:0px;
   }
   footer .contact-link{
     width:180px;
 }
 footer .contact-icon{
  height:20px;
 }
 footer{
 
   max-width:300px;
   margin-left:3%;
   overflow: hidden;
 }
 .dropdown-menu li {
   text-align:left;
    cursor: pointer;
    padding:0.25em;
    font-size:1em;
    font-weight:bold;
    min-width:100px;
    max-width:200px;
    overflow:hidden;
    position:relative;
    animation: testii 0.33s ease-out;
   
  }
  .active{
   min-width:100px;
   max-width:150px;
   overflow:hidden;
   font-size:0.8em;
  }
  #mobile-fix{
   height:30px;
   max-width:95px;
   min-width:95px;
   margin-left:1px;
   float:right;
 }
 .pricing-structure{
  font-size:1em;
}
 #mobile-adjuster{
  font-size:0.85em;
 }
 #mobile-adjuster div{
  padding-bottom:0.5em;
 }
 #mobile-titler{
  font-size:1.5em;
 }
 
 .dropdown-menu {
  top:50px;
  }
  .form-container{
    font-size:1em;
  }
  .form-label{
    max-width:100px;
  }
  h4{
    font-size:1.5em;
  }
  
}
.processing{
  animation: testii 1s infinite;
}
@keyframes test {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
@keyframes testii {
  from {
   opacity: 75%;
  color:#e4e4dd;
  scale: 1;
  }
  to {
    opacity: 100%;
    
   color:rgb(80, 255, 103);
   scale:0.9
  }
}
#adjust-for-desktop{
 
}

  
 #ty{
  display:flex;
    margin-left:auto;
    margin-right:auto;
  }
    
  .cross-wrapper {
    position: relative;
    display: inline-block;
    text-decoration: none;
  }

  .cross-wrapper::before,
  .cross-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background-color: red;
    transform: translateY(-50%);
  }

  .cross-wrapper::before {
    transform: translateY(calc(-50% - 4px));
  }

  .cross-wrapper::after {
    transform: translateY(calc(-50% + 4px));
  }
  #insert-date{
    font-size:1.2em;
    display:flex;
    margin-left:auto;
    margin-right:auto;
    font-weight:bolder;
    
  }
  h3{
    font-size:1em;

  }
  .phone-capture {
    Max-width:100%;
    display:inline-block;
    margin-left: 20%;
    margin-right:auto;
    text-align: center;
  }
  .phone-input {
    width:100%;
    margin-left: auto;
    margin-right:auto;
  }
  #above-fold-cta::placeholder {
    font-weight: bold;
    text-align: center;
  }
  
  #phonesubmit{
    display: inline-block;
  }
  .place-phone {
    display:inline-block;
float:right;

padding:0.25em;
max-height:50px;


  }
#call-us-now {
    font-size:1em;
    padding:0.25em;
    text-align:left;
    background-color: #1d51ef;
    color: white;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.2);
    font-weight:bold;
  }
  #CTA-CALL{
padding-right:0.25em;
font-style:oblique;
font-weight:bold;
font-family:verdana, 'sans-serif';
font-size:1em;
padding-right:1em;

  }
  .textarea-with-image {
    background-image: url('/website/images/decade-exp.jpg');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0.5em; /* Adjust padding as needed */
  }
  /* gutter guard */ 
  .gutter-guard-image-within-text{
    display:block;
    float: left;
   margin-left:0.5em;
    padding:1em;
   margin-right:0.5em;
    min-width:150px;
    max-width:350px;
    max-height:350px;
    min-height:100px;

  }
  .gutter-chat {
    padding:1em; /* Adjust padding as needed */
    margin-left:0.5em;
    margin-right:0.5em;
    text-align:center;
  }
  .right{
    float:right;
  }
  @media only screen and (min-width: 1251)  {

  }
  @media only screen and (max-width: 649px) {

  }
  @media only screen and (min-width: 650px) and (max-width: 1250px) {

    
  }