/*Gutter Cleaning Styles*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	border: none;
	line-height: 1.2;
	list-style: none;
	font-family: 'Barlow';
}:root {
  --accent: #E9B930;
  /*--base: #2A5C41;*/
  /*--base: linear-gradient(90deg,#007200,#004b23);*/
  --base: linear-gradient(90deg,#2A5C41,#004b23);
  --text: #606662;
  --subtle: #F3F2ED;
  --eborder:#FAFAF8;
	--subtle-hover: #F4F2EC;
}

.contact-information-block .icon-info {padding-bottom: 1rem;}
.heading2 {text-transform: capitalize;color: var(--base);padding: 10px 0;}
.subtle { background: var(--subtle)}
.wrapper { width: 100%; display: block; overflow: auto;}
.content-wrapper { background: var(--base); width: 100%; display: block;}
.block { width: 85%; display: block;}
.ma { margin: 0 auto;}
.contact-us-wrapper {}
.contact-us-block {padding: 100px 0;gap: 4rem;}
.contact-left {flex-basis: 42%;}
.contact-right {flex-basis: 52%;}
.flexed { display: flex;}
.txt-center { text-align: center;}
.ai-center { align-items: center;}
.postTitle {text-transform: capitalize;font-size: 4rem;padding-bottom: 2rem;}
.hero-block { color: white;margin-bottom: 2rem;}
.head2 {font-size: 3rem;padding-bottom: 1rem;text-transform: capitalize;font-weight: 700;}
.head3 {}
.head4 {}
.para {}
.info {color: white;font-weight: 400;}
.icon-info i {color: var(--accent);padding-right: 10px;font-size: 1.2rem;}
.nap {padding: 1rem 0;justify-content: space-between;}
.nap-wrapper { gap: 1rem;}
.logo-menu-cta-block { justify-content: space-between;padding: 1.5rem 0;}
.logo { flex-basis: 20%}
.logo a { display: block;}
.logo a img { display: block; width: 100%}
.menu-cta-wrapper { }
.main-menu {}
.main-menu ul li {margin-right: 1.5rem;}
.main-menu ul li a {color: black;text-transform: capitalize;font-size: 1.1rem;font-weight: 500;line-height: 35px;border-bottom: 3px solid transparent;display: block; transition: .5s}
.cta {}
.cta a {text-transform: uppercase;color: black;font-weight: 700;font-size: 1.1rem;background: var(--accent);display: block;line-height: 55px;padding: 0 1.5rem;}
.cta a i {padding-left: 8px;}
.main-menu ul li a:hover { border-bottom: 3px solid var(--accent)}
/*Footer Styles*/
.footer-content-block { justify-content: space-between;}
.footer-logo {padding-bottom: 1rem;}
.footer-logo a {}
.footer-logo img {display: block;width: 65%;margin-bottom: 1rem;}
.footer-socials {}
.footer-socials ul li i {font-size: 1.8rem;color: white;}
footer p { color: white;}
.footer-block {}
.footer-block ul {}
.footer-block ul li {margin-right: 1rem;}
.footer-block ul li a {text-transform: capitalize;color: white;font-weight: 500;display: inline-block;line-height: 35px;border-bottom: 3px solid transparent; transition: .2s;}
.footer1 { flex-basis: 30%;}
.footer-block ul li a:hover { border-bottom: 3px solid var(--accent);}
.footer-wrapper {padding: 3rem 0;}
.mod-title { text-transform: capitalize;font-size: 1.3rem; font-weight: 700; padding-bottom: 1rem;padding-top: 2rem;}
/*End of footer styles*/
.hero-block {}
.hero-left {flex-basis: 50%; padding: 8rem 0 0 0;}
.hero-right {flex-basis: 50%;}
.booking-phone-wrapper {gap: 2rem;}
.booking-phone-wrapper a { text-align: center;}
.booking-phone-wrapper a, .hero-link {display: block;line-height: 60px;text-transform: uppercase;color: black;font-weight: 600;padding: 0 2rem;border: 1px solid white; transition:.2s}
.booking-phone-wrapper a:first-child  {background: var(--accent);color: black;border: 1px solid var(--accent);}
.booking-phone-wrapper a:nth-child(2)  {color: white;}
.hero-block p {font-size: 1.2rem;font-weight: 500;padding-bottom: 2rem;}
.booking-phone-wrapper a:hover { background: var(--eborder); color: black;}
.booking-phone-wrapper a:first-child :hover {}
.usp {
  justify-content: space-around;
  margin-bottom: 3rem;
}
.hero-right img {width: 100%;display: block;height: 100%;object-fit: cover;}
.usp-block {   box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9,7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001,inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001, inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
  width: 24%;
  padding: 2rem;
  border-radius: 10px;}
.usp-value {  font-size: 2.5rem;
  font-weight: 700;
  display: block;
  padding-bottom: 1.2rem;
  text-align: center;}
.usp-title {
  font-size: .9rem;
  text-transform: capitalize;
  display: block;
  text-align: center;
  font-weight: 600;
  text-shadow: 1px 1px 1px #f0f0f0;
}
.about {padding: 100px 0;}
.about-block {gap: 4rem;}
.about-photo {flex-basis: 55%;}
.about-photo img {width: 100%;display: block;height: auto;object-fit: contain;}
.our-services-details {}
.txt-white { color:white;}
.txt-accent { color: var(--accent)}
.txt-base { color: var(--base);}
.dot { padding-right: 10px;}
.our-services { padding: 100px 0;}
.our-services-block { gap:4rem;}
.our-services-details { flex-basis:50%;}
.about-details {flex-basis: 55%;}
.choose { color: white; width: 100%; background: black !important; border:1px solid black !important}
.hero-link {display: inline-block;background: var(--accent);border: 1px solid var(--accent);}
.gen-para {line-height: 1.6;padding-bottom: 1rem;}
.service-card-wrapper {flex-basis: 50%;}
.service-cards {flex-wrap: wrap;gap: 2rem;justify-content: space-between;}
.service-card {width: 47%;background: white;padding: 2rem;height: 270px; transition: .2s}
.service-card .service-title {text-transform: capitalize;font-weight: 600;padding-bottom: 1rem;font-size: 1.1rem;}
.service-card:hover { background: var(--subtle-hover)}
.service-card .service-desc {}
.service-card img {display: block;width: 80px;height: 80px;margin-bottom: 1rem;}
.price-plans-wrapper { justify-content: space-between;}
.price-plans-block {padding: 100px 0;}
.price-offset {padding-bottom: 2rem;}
.plan-title {display: block;text-transform: uppercase;font-weight: 500;padding-bottom: 1rem;}
.plan-price {font-size: 3rem;font-weight: 700;padding-right: 1rem;}
.offset {font-size: 1.1rem;text-transform: lowercase;}
.price-plan {}
.service-plan {flex-basis: 32%;background: white;padding: 4rem 3rem 2rem 3rem;}
ul.plan-content {padding-bottom: 2rem;}
ul.plan-content li {display: block; line-height: 35px;text-transform: capitalize;font-size: 1.05rem;font-weight: 600;}
/********popular plan styles*********/
.popular-plan .price-offset { color: white;}
.popular-plan .choose { background: var(--accent) !important;border: 1px solid var(--accent) !important;color: black;}
.popular-plan .plan-title {display: block;text-transform: uppercase;font-weight: 500;padding-bottom: 1rem;color: var(--accent);}
.popular-plan .plan-price {font-size: 3rem;font-weight: 700;padding-right: 1rem;}
.popular-plan .offset {font-size: 1.1rem;text-transform: lowercase;}
.popular-plan .price-plan {}
.popular-plan .service-plan {flex-basis: 32%;background: white;padding: 4rem 3rem;}
.popular-plan ul.plan-content {padding-bottom: 2rem;}
.popular-plan ul.plan-content li {display: block; line-height: 35px;text-transform: capitalize;font-size: 1.05rem;font-weight: 600;color: white;}
/**/
.popular-plan { background: var(--base)}
.featured { color: black; background: var(--accent);display: inline-block;text-transform: uppercase;line-height: 25px;padding: 0 20px;margin-bottom: 10px;font-size: .9rem !important;font-weight: 500;}
.our-results {padding: 100px 0;}
.our-results-block {justify-content: space-between;}
.results-preface {flex-basis: 30%;font-size: 1.2rem;font-weight: 600;}
.our-results-details { flex-basis: 70%;}
.before-after {justify-content: space-between;flex-wrap: wrap;}
.before-after-card {flex-basis: 24%;/*! height: 300px; */}
.before-after-card img {width: 100%;display: block;object-fit: cover;height: 300px;}
.ready-gutters {}
.ready-gutters-block {padding: 100px 0;justify-content: space-between;}
.ready-gutters-details {flex-basis: 40%;}
.testimonials {}
.testimonials-block {padding: 100px 0;}
/*Contact us form styles*/
.contact-form {width: 100%;display: block;}
.form-block {width: 100%;margin-bottom: 1rem;}
.contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea, .contact-form input[type="email"]{width: 100%;height: 60px;padding: 0 1rem;font-size: 1.2rem;border: 1px solid #cecece;}
.contact-form .first-last-names input[type="text"]{flex-basis: 49%;height: 60px;padding: 0 1rem;font-size: 1.2rem;border: 1px solid #cecece;}
.first-last-names {gap: 1rem;justify-content: space-between;}
.contact-form input[type="password"]{}
.contact-form button{font-size: 1.2rem;color: black;cursor: pointer;}
.contact-form textarea{height: unset;padding: 1rem;resize: none;}
.contact-nap {}
.contact-nap .icon-info {}
.contact-nap .icon-info i  {width: 45px;height: 45px;background: white;display: inline-block;line-height: 45px;text-align: center;margin-bottom: 5px;padding: unset;margin-right: 10px;}
.contact-nap .icon-info .info { color: black; font-size: 1.05rem;}
/*End of contact us form styles*/
/*FAQs*/
.faqs-left {flex-basis: 35%;}
.faqs-right {flex-basis: 58%;}
.faqs-wrapper {}
.faqs-block {padding: 100px 0;gap: 4rem;justify-content: space-between;}
/*End of FAQs*/

/************Desktop First Media Queries*********/
@media (min-width: 299px) and (max-width: 1023px) { 
	.testimonials-block { padding: 50px 0;}
	.block { width: 90%;}
	.nap-writer-right { display: none}
	.icon-info i { font-size: 1rem;}
	.hero-block { display: block;}
	.hero-left, .hero-right { display: block;}
	.booking-phone-wrapper { display: block;}
	.booking-phone-wrapper a{ margin-bottom: 1rem;}
	.postTitle { font-size: 2rem;}
	.hero-left { padding-top:2rem; }
	.usp { flex-wrap: wrap;}
	.usp-block { flex-basis: 47%;}
	.about { padding: 50px 0;}
	.about-block { display: block;}
	.about-photo,.about-details { display: block; width: 100%;margin-bottom: 1rem;}
	.head2 {font-size: 2rem;}
	.hero-link { display: block; text-align: center}
	.our-services-block { display: block;}
	.our-services { padding: 50px 0;}
	.service-cards { display: block;}
	.service-card { width: 100%; display: block; margin-bottom: 2rem;}
	.our-services-details { margin-bottom: 2rem;}
	.price-plans-block { padding: 50px 0;}
	.price-plans-wrapper { display: block;}
	.our-results { padding: 50px 0;}
	.our-results-block { display: block;}
	.before-after { display: block;}
	.before-after-card { display: block; width: 100%; margin-bottom: 1rem;}
	.faqs-block { display: block; padding: 50px 0;}
	.contact-form button { display: block; width: 100%; text-align: center;}
	.ready-gutters-block { display: block; padding: 50px 0;}
	.contact-us-block { display: block; padding: 50px 0;}
	.contact-nap .icon-info .info { font-size: 0.95rem; font-weight: 700;}
	.service-plan { display: block; width: 100%; margin-bottom: 2rem;}
	.contact-nap { padding-bottom: 1.5rem;}
	.footer-content-block { display: block;}
	.footer-block { display: block; width: 100%;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid silver;}
}
/*
@media (min-width: 400px) and (max-width: 499px){ 
	.nap-writer-right { display: none}
	.icon-info i { font-size: 1rem;}
	.hero-block { display: block;}
	.hero-left, .hero-right { display: block;}
	.booking-phone-wrapper { display: block;}
	.booking-phone-wrapper a{ margin-bottom: 1rem;}
	.postTitle { font-size: 2rem;}
	.hero-left { padding-top:2rem; }
	.usp { flex-wrap: wrap;}
	.usp-block { flex-basis: 47%;}
	.about { padding: 50px 0;}
	.about-block { display: block;}
	.about-photo,.about-details { display: block; width: 100%;margin-bottom: 1rem;}
	.head2 {font-size: 2rem;}
	.hero-link { display: block; text-align: center}
	.our-services-block { display: block;}
	.our-services { padding: 50px 0;}
	.service-cards { display: block;}
	.service-card { width: 100%; display: block; margin-bottom: 2rem;}
	.our-services-details { margin-bottom: 2rem;}
	.price-plans-block { padding: 50px 0;}
	.price-plans-wrapper { display: block;}
	.our-results { padding: 50px 0;}
	.our-results-block { display: block;}
	.before-after { display: block;}
	.before-after-card { display: block; width: 100%; margin-bottom: 1rem;}
	.faqs-block { display: block; padding: 50px 0;}
	.contact-form button { display: block; width: 100%; text-align: center;}
	.ready-gutters-block { display: block; padding: 50px 0;}
	.contact-us-block { display: block; padding: 50px 0;}
	.contact-nap .icon-info .info { font-size: 0.95rem; font-weight: 700;}
	.service-plan { display: block; width: 100%; margin-bottom: 2rem;}
	.contact-nap { padding-bottom: 1.5rem;}
	.footer-content-block { display: block;}
	.footer-block { display: block; width: 100%;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid silver;}
}
@media (min-width: 500px) and (max-width: 768px){ 
	.nap-writer-right { display: none}
	.icon-info i { font-size: 1rem;}
	.hero-block { display: block;}
	.hero-left, .hero-right { display: block;}
	.booking-phone-wrapper { display: block;}
	.booking-phone-wrapper a{ margin-bottom: 1rem;}
	.postTitle { font-size: 2rem;}
	.hero-left { padding-top:2rem; }
	.usp { flex-wrap: wrap;}
	.usp-block { flex-basis: 47%;}
	.about { padding: 50px 0;}
	.about-block { display: block;}
	.about-photo,.about-details { display: block; width: 100%;margin-bottom: 1rem;}
	.head2 {font-size: 2rem;}
	.hero-link { display: block; text-align: center}
	.our-services-block { display: block;}
	.our-services { padding: 50px 0;}
	.service-cards { display: block;}
	.service-card { width: 100%; display: block; margin-bottom: 2rem;}
	.our-services-details { margin-bottom: 2rem;}
	.price-plans-block { padding: 50px 0;}
	.price-plans-wrapper { display: block;}
	.our-results { padding: 50px 0;}
	.our-results-block { display: block;}
	.before-after { display: block;}
	.before-after-card { display: block; width: 100%; margin-bottom: 1rem;}
	.faqs-block { display: block; padding: 50px 0;}
	.contact-form button { display: block; width: 100%; text-align: center;}
	.ready-gutters-block { display: block; padding: 50px 0;}
	.contact-us-block { display: block; padding: 50px 0;}
	.contact-nap .icon-info .info { font-size: 0.95rem; font-weight: 700;}
	.service-plan { display: block; width: 100%; margin-bottom: 2rem;}
	.contact-nap { padding-bottom: 1.5rem;}
	.footer-content-block { display: block;}
	.footer-block { display: block; width: 100%;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid silver;}
}
@media (min-width:769px) and (max-width:1024px) { 
	.nap-writer-right { display: none}
	.icon-info i { font-size: 1rem;}
	.hero-block { display: block;}
	.hero-left, .hero-right { display: block;}
	.booking-phone-wrapper { display: block;}
	.booking-phone-wrapper a{ margin-bottom: 1rem;}
	.postTitle { font-size: 2rem;}
	.hero-left { padding-top:2rem; }
	.usp { flex-wrap: wrap;}
	.usp-block { flex-basis: 47%;}
	.about { padding: 50px 0;}
	.about-block { display: block;}
	.about-photo,.about-details { display: block; width: 100%;margin-bottom: 1rem;}
	.head2 {font-size: 2rem;}
	.hero-link { display: block; text-align: center}
	.our-services-block { display: block;}
	.our-services { padding: 50px 0;}
	.service-cards { display: block;}
	.service-card { width: 100%; display: block; margin-bottom: 2rem;}
	.our-services-details { margin-bottom: 2rem;}
	.price-plans-block { padding: 50px 0;}
	.price-plans-wrapper { display: block;}
	.our-results { padding: 50px 0;}
	.our-results-block { display: block;}
	.before-after { display: block;}
	.before-after-card { display: block; width: 100%; margin-bottom: 1rem;}
	.faqs-block { display: block; padding: 50px 0;}
	.contact-form button { display: block; width: 100%; text-align: center;}
	.ready-gutters-block { display: block; padding: 50px 0;}
	.contact-us-block { display: block; padding: 50px 0;}
	.contact-nap .icon-info .info { font-size: 0.95rem; font-weight: 700;}
	.service-plan { display: block; width: 100%; margin-bottom: 2rem;}
	.contact-nap { padding-bottom: 1.5rem;}
	.footer-content-block { display: block;}
	.footer-block { display: block; width: 100%;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid silver;}
}
@media (min-width: 1025px) and (max-width: 1366px) {}
@media (min-width: 1367px) and (max-width: 1600px) {.main-menu a { font-size: 1.6rem}}
@media (min-width: 1601px) and (max-width: 1920px) {}*/