.card-body p:last-child, .card-description p:last-of-type, .single-meta .post-categories, ul {
    margin-bottom: 0
}

.btn-1, .btn-1:before {
    -webkit-transition-duration: .3s
}

.btn-1, .comment-body, .inner-banner {
    position: relative
}

.btn-1, .service-btn {
    box-shadow: 0 0 1px rgb(0 0 0 / 0%)
}

.menu-close i, .mobile-menu-btn {
    cursor: pointer
}

.btn-1:before, .search-submit {
    right: 0;
    top: 0
}

.slick-next:before, .slick-prev:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    color: #fff
}

.form-box, .scale, .wrapper {
    overflow: hidden
}

#commentform a, .custom-tabbs-menu ul li a, .nav-links .nav-previous a, .reason-heading ul li, ul.sub-menu li a {
    text-decoration: underline
}

.choose-content, .complete-drain-heading, .container.cp, .copyright-text p, .feedback-content, .footer-media ul li a, .home-slider-content, .mess-form-area, .message-form-content h2, .mission-content, .near-content, .need-call-icon, .new-service-title h4, .new-service-title p, .newservice-heading, .process-heading, .qua-btns, .quality-content, .ready-service-content, .reason-heading h3, .reviews-heading, .satis-content, .schedule-content, .service-btns, .servicee-title h3, .stay-content, .testi-content, .testi-content i, .testi-heading, p.message-text, section.section-position {
    text-align: center
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Public Sans", serif
}

body {
    font-family: Poppins, serif
}

.custom-tabbs-menu ul li a:hover, .page-id-20 .testi-heading h2, .quality-content.ic-black i, .ready-content h2, .satis-content p span, .sidebar-recent-posts .media-body a, a {
    color: #000
}

a:hover {
    text-decoration: none
}

ul {
    list-style-type: none
}

.main-menu ul {
    display: flex;
    column-gap: 30px;
    justify-content: center
}

#commentform a, .btn-1, .reply a {
    display: inline-block
}

.about-section-even {
    background: #eee
}

.home-slider-content-wrap {
    top: 21%
}

.inner-banner {
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.inner-page-content {
    position: relative;
    z-index: 9
}

.contact-details-icon svg {
    width: 80px;
    height: 80px;
    fill: var(--c1)
}

.card-image a {
    height: 280px
}

.object-fit-cover {
    object-fit: cover
}

.error-svg svg {
    width: 60%;
    height: 600px
}

.card-link.collapsed i {
    transform: rotate(0)
}

.card-link i {
    transform: rotate(180deg)
}

#accordion .card-header, .btn.btn-primary {
    background: var(--c1)
}

#accordion .card-header a, .btn-1:hover, .choose-content h2, .choose-content p, .exp-content p, .feedback-content h2, .mission-content h2, .near-content h2, .plumber-content h2, .process-heading h2, .ready-service-content h2, .responsive-social ul li a, .service-hero-content h1 span, .single-services p.label-text, .solution-content h2, .stay-content h2, .testi-heading p {
    color: #fff
}

.custom-theme-search-result-content, .dont-ignore-content, .process-content {
    flex: 1
}

.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.comment-author a {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize
}

.comment-author img {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    left: 14px
}

#preloader, .comment-form-comment textarea, .common-causes-image img, .fin-image img, .footer-logo img, .local-service-area-image img, .location-map iframe, .residential-image img, .site-logo img, a.menu-logo .menu-title img {
    width: 100%
}

.comment-body {
    padding-left: 118px
}

.comment-meta a {
    font-size: 15px;
    color: #909090
}

.comment-meta {
    margin-bottom: 12px
}

.comment-body p {
    font-size: 15px
}

.reply a {
    color: #fff;
    padding: 7px 24px;
    border-radius: 28px;
    margin: 10px 0;
    background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%)
}

.comments-title {
    font-size: 25px;
    margin-bottom: 48px
}

.comment-list {
    border-bottom: 1px solid #d6cece;
    margin: 22px 0;
    padding-bottom: 18px
}

#reply-title {
    font-size: 25px;
    margin: 0
}

#respond :is(input[type=text], input[type=email]) {
    width: 100%
}

#respond :is(.comment-form-author, .comment-form-email) {
    width: 49%;
    float: left
}

#respond .comment-form-author {
    margin-right: 14px
}

#respond :is(input[type=text], input[type=email], textarea) {
    border: 1px solid #dedede;
    padding: 6px 7px
}

#respond textarea {
    height: 194px
}

.comment-notes, .commentlist {
    margin-top: 20px
}

#commentform a {
    color: #000;
    margin: 12px 0
}

.comment-form-comment label {
    display: block;
    font-weight: 600;
    color: #000;
    font-style: italic
}

.comment-form-comment input#submit {
    background: var(--gradient);
    border: none;
    padding: 11px 21px;
    color: #fff;
    margin: 6px 11px;
    border-radius: 26px
}

.form-submit input#submit {
    background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%);
    border: none;
    padding: 9px 22px;
    color: #fff;
    border-radius: 100px
}

.comment::marker {
    content: ""
}

.comment ul.children>li {
    margin-left: 35px;
    margin-top: 13px
}

.comment ul.children>li .comment-body {
    background: #eee;
    padding: 16px 16px 16px 112px;
    border-radius: 10px
}

.navigation.post-navigation .nav-links {
    display: flex;
    justify-content: space-between
}

.custom-theme-single-post .custom-theme-post-image {
    height: 277px
}

.btn-1:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#preloader, .service-slider .slick-arrow {
    z-index: 99999
}

.btn-1 {
    padding: 10px 20px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    background: var(--c1);
    -webkit-transition-property: color;
    transition-property: color;
    transition-duration: .3s
}

.btn-1:hover:before {
    transform: scaleY(0)
}

.blogs-item .custom-theme-post-item {
    display: flex
}

.blogs-item .custom-theme-post-item .custom-theme-post-image {
    flex: 1.4
}

.blogs-item .custom-theme-post-item .custom-theme-post-content {
    flex: 2;
    padding-left: 25px
}

.custom-theme-post-title, .custom-theme-post-title a {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600
}

.categories .post-categories li a, .post-meta span {
    color: #818181;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px
}

.categories .post-categories li a {
    display: flex;
    column-gap: 10px
}

.categories .post-categories {
    padding-left: 13px;
    margin-bottom: 5px;
    display: flex;
    column-gap: 23px
}

.categories .post-categories li a:before {
    width: 7px;
    height: 7px;
    background: var(--c1);
    position: absolute;
    content: "";
    border-radius: 100px;
    left: -12px;
    top: 6px
}

.post-meta {
    display: flex;
    column-gap: 24px;
    margin-top: 12px
}

.post-meta span:nth-child(n+2):before {
    position: absolute;
    content: "";
    left: -14px;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #818181;
    border-radius: 100px
}

.custom-theme-post-title a:hover, .exp-content h4 span, .header-navbar ul li a:hover, .plumber-content h2 span, h2.main-heading span, tspan.Marquee-svg-text:nth-child(2n) {
    color: var(--c1)
}

.single-meta {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.single-meta .post-meta {
    margin-top: 0
}

.custom-theme-post-description p:first-of-type>img {
    width: 100%;
    margin-top: 14px;
    height: auto
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-thumb {
    background: #222;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: var(--c1)
}

::selection {
    color: #fff;
    background: var(--c1)
}

.services-item {
    border-bottom: 4px solid var(--c1)
}

.custom-theme-post-description a i {
    vertical-align: middle;
    margin-left: 12px
}

.service-btn i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.service-btn {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.service-btn:hover i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@keyframes hvr-icon-wobble-horizontal {
    16.25% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.scale {
    position: relative
}

.scale:hover img {
    transform: scale(1.2) rotate(6deg)
}

.scale img {
    transition: .6s
}

#preloader {
    position: fixed;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff
}

#preloader .spinner-border {
    animation: 2s linear infinite spinner-border;
    width: 4rem;
    height: 4rem;
    border: .5em solid var(--c1);
    border-right-color: transparent;
    background: #eee
}

.mobile-menu-btn .mobile-menu-icon .menu-line {
    height: 2px;
    margin: 5px 0;
    border-radius: 24px;
    transition: .5s;
    background: #000
}

.mobile-menu-btn .mobile-menu-icon .menu-line.one {
    width: 40px
}

.mobile-menu-btn .mobile-menu-icon .menu-line.two {
    width: 20px
}

.mobile-menu-btn .mobile-menu-icon .menu-line.three {
    width: 30px
}

.mobile-menu-btn:hover .menu-line {
    width: 40px !important
}

section.responsive-menu {
    height: 100vh;
    top: 0;
    right: -31%;
    padding: 20px 30px 0;
    width: 30%;
    position: fixed;
    background: rgb(0 0 0 / 62%);
    backdrop-filter: blur(20px);
    transition: 1s ease-in-out;
    z-index: 9999
}

.menu-icon {
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff7d;
    padding-bottom: 20px
}

.responsive-social ul, section.section-complete-drain .row, section.section-testimonials .row {
    justify-content: center
}

.menu-icon .menu-logo {
    width: 65%;
    padding-right: 20px
}

.menu-close i {
    font-size: 25px;
    color: #fff
}

.mobile-menu ul li {
    text-align: right;
    padding-bottom: 15px
}

.mobile-menu ul li a {
    color: #fff;
    transition: .2s;
    border-bottom: 2px solid transparent
}

.mobile-menu {
    padding-top: 40px;
    padding-right: 20px
}

.responsive-bottom {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0
}

.responsive-social ul {
    display: flex;
    column-gap: 12px
}

section.responsive-menu.active {
    right: 0
}

.service-page-menu ul.menu-style-01 li a {
    background: #eee;
    width: 100%;
    display: table;
    padding: 12px 15px;
    color: #222;
    border-left: 3px solid var(--c1);
    transition: .7s
}

.service-page-menu ul.menu-style-01 li {
    margin: 9px 0
}

.footer-media ul li a:hover, .service-page-menu ul.menu-style-01 li a:hover {
    background: var(--c1);
    color: #fff
}

.service-page-menu ul.menu-style-01 li a:hover i {
    padding-right: 10px
}

.service-page-menu ul.menu-style-01 li a i {
    transition: .7s
}

.contact-details-item .contact-details-icon i {
    color: var(--c1);
    font-size: 35px
}

header.header .container {
    max-width: 1500px
}

.header-navbar ul li a {
    font-size: 15px;
    color: #000;
    font-family: Oswald, serif;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500;
    transition: .3s;
    position: relative
}

.header-navbar ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible
}

ul.sub-menu {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    top: 21px;
    background: #fff;
    z-index: 1;
    padding: 10px
}

.home-slider-image, .home-slider-item, .local-service-area-image, header.header {
    position: relative
}

a.main-btn:hover {
    opacity: .8
}

a.main-btn {
    font-size: 16px;
    font-family: Oswald, serif;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 32px;
    background: var(--c1);
    border-radius: 34px;
    transition: .3s
}

header.header .row, section.section-about-team .row, section.section-financing .row, section.section-join .row, section.section-local-service-areas .row, section.section-plumber .row, section.section-ready .row, section.section-residential .row, section.section-service-choose .row, section.section-service-hero .row, section.section-serving .row, section.section-voted .row, section.section-worry .row {
    align-items: center
}

header.header {
    padding: 15px 0
}

.home-slider-image {
    width: 100%;
    height: 550px
}

.complete-drain-image img, .home-slider-image video, .join-image img, .plumber-image img, .servicee-image img, .worry-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-slider-content h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 800;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, .4) !important
}

.home-slider-content p strong {
    font-size: 20px;
    color: #fff;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, .4) !important;
    margin-top: 28px;
    display: block
}

a.main-btn.site-btn-1 {
    border-radius: 30px 0 0 30px
}

a.main-btn.site-btn-2 {
    border-radius: 0 30px 30px 0;
    background: var(--c2);
    color: #000
}

section.section-marquee::after, section.section-marquee:before {
    position: absolute;
    background-image: url(assets/imgs/black-bg.png);
    width: 100%;
    content: ""
}

section.section-marquee::after, section.section-marquee:before, section.section-worry::before {
    background-repeat: no-repeat;
    background-size: cover
}

.choose-btns, .exp-btns, .home-slider-btns {
    margin-top: 50px
}

.home-slider-image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 52%;
    backdrop-filter: blur(1px)
}

section.section-marquee {
    width: 100%;
    position: relative;
    background: #000;
    margin-top: 40px
}

section.section-marquee:before {
    height: 170px;
    top: -145px
}

tspan.Marquee-svg-text {
    color: var(--c2);
    font-size: 24px;
    font-weight: 800
}

.marq-svg {
    position: absolute;
    top: -62px;
    width: 100%;
    height: 93px
}

.marq-content h3 {
    font-size: 18px;
    font-family: Oswald;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

button.form-btnn, input.message-submit {
    font-family: Oswald, serif;
    outline: 0;
    transition: .3s;
    text-transform: uppercase
}

.copyright-text p a, .exp-content h2 span, .exp-content p span, .footer-contact ul li a:hover, .footer-menu ul li a:hover, .inner-page-content p span, .marq-content h3 span, .plumber-content p span, .quality-content.ic-green i, .serve-content h2 span, .service-new-box ul li a:hover, .stay-content h2 span, .testi-content p span, .value-list ul li span, .worry-content h2 span, .worry-content p span {
    color: var(--c2)
}

.marq-content {
    margin-top: 70px;
    padding-bottom: 40px
}

section.section-marquee::after {
    height: 80px;
    bottom: -80px;
    rotate: 180deg
}

h2.main-heading {
    font-size: 50px;
    font-weight: 800;
    color: var(--c1);
    line-height: 66px
}

.voted-content p {
    font-size: 16px;
    line-height: 33px;
    padding-right: 100px
}

.voted-team-image {
    width: 150%;
    height: 660px;
    position: relative
}

.voted-team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    position: relative
}

section.section-voted {
    padding-bottom: 120px
}

.voted-content {
    margin-top: 55px
}

img.trust-image {
    width: 210px;
    height: 210px;
    position: absolute;
    z-index: 10;
    left: -125px;
    bottom: 40px
}

.worry-image {
    width: 100%;
    height: 420px
}

section.section-worry {
    background-color: #000;
    padding: 80px 0;
    position: relative
}

.worry-content h2 {
    color: #fff;
    font-size: 46px
}

.worry-content p {
    color: #fff;
    line-height: 28px
}

img.bless-image {
    width: 192px;
    height: 201px;
    position: absolute;
    left: -30px;
    top: -80px
}

section.section-worry::before {
    content: "";
    background-image: url(assets/imgs/black-bg.png) !important;
    width: 100%;
    height: 170px !important;
    top: -160px;
    position: absolute;
    z-index: -1
}

.exp-content h2 {
    color: #fff;
    margin-bottom: 30px
}

.exp-content h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px
}

section.section-experience {
    position: relative;
    padding: 80px 0;
    background-position: center;
    background-size: cover
}

section.section-experience:before {
    content: "";
    position: absolute;
    background: #000;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 60%
}

section.section-satisfied:after, section.section-satisfied:before {
    content: "";
    width: 100%;
    height: 160px;
    background: var(--c1);
    margin: 0;
    clip-path: polygon(100% 100%, 0% 100%, 0.00% 85.77%, 2.00% 85.65%, 4.00% 85.30%, 6.00% 84.73%, 8.00% 83.95%, 10.00% 82.98%, 12.00% 81.85%, 14.00% 80.59%, 16.00% 79.23%, 18.00% 77.81%, 20.00% 76.37%, 22.00% 74.94%, 24.00% 73.56%, 26.00% 72.28%, 28.00% 71.11%, 30.00% 70.11%, 32.00% 69.28%, 34.00% 68.66%, 36.00% 68.26%, 38.00% 68.08%, 40.00% 68.15%, 42.00% 68.44%, 44.00% 68.97%, 46.00% 69.70%, 48.00% 70.63%, 50.00% 71.72%, 52.00% 72.96%, 54.00% 74.30%, 56.00% 75.70%, 58.00% 77.15%, 60.00% 78.58%, 62.00% 79.97%, 64.00% 81.28%, 66.00% 82.48%, 68.00% 83.52%, 70.00% 84.39%, 72.00% 85.06%, 74.00% 85.52%, 76.00% 85.74%, 78.00% 85.74%, 80.00% 85.49%, 82.00% 85.02%, 84.00% 84.33%, 86.00% 83.45%, 88.00% 82.39%, 90.00% 81.18%, 92.00% 79.87%, 94.00% 78.47%, 96.00% 77.03%, 98.00% 75.59%, 100.00% 74.19%);
    position: absolute
}

section.section-satisfied {
    width: 100%;
    position: relative;
    padding: 80px 0 90px;
    background: var(--c1)
}

section.section-satisfied:before {
    top: -158px
}

.satis-content p {
    font-size: 48px;
    color: #fff;
    font-weight: 800;
    margin: 0
}

section.section-satisfied:after {
    bottom: -158px;
    rotate: 180deg
}

section.section-testimonials {
    position: relative;
    padding: 100px 0 80px
}

.testi-content i {
    width: 60px;
    height: 60px;
    background: var(--c2);
    border-radius: 60px;
    line-height: 60px;
    font-size: 28px;
    color: #fff
}

.testi-content p {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin: 28px 0 44px
}

.testi-content {
    padding-bottom: 40px;
    width: 80%;
    margin: auto
}

.container.cp, .plumber-btn, .residential-btns, .service-hero-btns {
    margin-top: 40px
}

.slick-next:before {
    content: '\f054'
}

button.slick-next, button.slick-prev {
    width: 40px;
    height: 40px;
    background: var(--c1);
    border-radius: 50%
}

.slick-prev:before {
    content: '\f053'
}

section.section-plumber {
    width: 100%;
    padding: 0;
    position: relative;
    background: #000
}

.plumber-image {
    width: 136%;
    height: 900px;
    margin-left: -40%
}

.plumber-content p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 33px
}

.dont-ignore-heading h4, .serve-content h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000
}

.service-areas-names {
    display: flex;
    column-gap: 50px;
    margin: 40px 0 50px 10px
}

.service-areas-names ul li i {
    color: var(--c1);
    margin-right: 8px
}

.service-areas-names ul li a {
    font-size: 16px;
    color: var(--c3);
    text-decoration: underline;
    line-height: 34px
}

section.section-about-team, section.section-dont-ignore, section.section-join, section.section-local-service-areas, section.section-ready, section.section-residential, section.section-reviews, section.section-schedule, section.section-serve, section.section-service-choose, section.section-serving {
    position: relative;
    padding: 80px 0
}

.ready-content p, .schedule-content p {
    font-size: 17px;
    color: #000;
    font-weight: 300
}

.schedule-content {
    width: 69%;
    margin: 0 auto 60px
}

.quality-content i {
    font-size: 42px;
    color: var(--c1);
    margin-bottom: 28px
}

.quality-content h4 {
    font-size: 18px;
    color: #000;
    font-weight: 300
}

.quality-content h3 {
    font-size: 22px;
    color: #000;
    font-weight: 800
}

.qua-btns {
    margin-top: 50px
}

section.section-choose, section.section-feedback {
    position: relative;
    padding: 100px 0;
    background: #000
}

section.section-stay {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 300px 0;
    background-position: top;
    background-attachment: fixed
}

section.section-stay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    opacity: 56%
}

.single-services p.label-main, .stay-content p {
    font-size: 17px;
    color: #fff
}

.stay-btn {
    margin-top: 80px
}

.stay-content {
    width: 70%;
    margin: 0 auto;
    display: none
}

.ready-image img, .team-image img {
    width: 100%;
    border-radius: 30px
}

.message-form-content h2 {
    color: #000;
    margin-bottom: 15px
}

p.message-text {
    font-size: 17px;
    margin-bottom: 50px
}

button.form-btnn {
    font-size: 16px;
    color: #fff;
    padding: 12px 32px;
    background: var(--c1);
    border-radius: 34px;
    border: none;
    margin-bottom: 30px
}

section.message-form, section.section-service-four .servicee-image:before, section.section-service-two .servicee-image:before {
    background: var(--c2)
}

.form-box {
    max-height: 0;
    transition: max-height .5s ease-in-out
}

.form-box.active {
    max-height: 100%
}

section.message-form {
    position: relative;
    padding: 100px 0
}

p.label-main span {
    font-size: 14px
}

p.label-main {
    font-size: 17px;
    color: #000
}

input.message-input, select.message-input {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    outline: 0;
    border: 1px solid transparent;
    transition: .3s;
    padding: 6px 20px
}

input.message-input:focus, input.message-input:hover, select.message-input:focus, select.message-input:hover, textarea.message-input:focus, textarea.message-input:hover {
    border-color: #000
}

textarea.message-input {
    width: 100%;
    height: 120px;
    border-radius: 6px;
    outline: 0;
    border: 1px solid transparent;
    transition: .3s;
    padding: 6px 20px
}

input.message-submit {
    font-size: 16px;
    color: #fff;
    padding: 12px 32px;
    background: var(--c1);
    border-radius: 34px;
    border: none;
    margin-top: 20px
}

.service-choose-content h2, .testi-heading h2 {
    font-family: Oswald
}

.site-logo {
    width: 63%
}

.footer-logo {
    width: 40%
}

.footer-about p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding-right: 40px;
    margin: 30px 0
}

.footer-media ul li a {
    font-size: 14px;
    display: block;
    color: #000;
    width: 35px;
    height: 35px;
    background: var(--c2);
    line-height: 35px;
    border-radius: 35px;
    transition: .3s
}

.footer-media ul, .service-hero-icon-list ul {
    display: flex;
    column-gap: 8px
}

.footer-title h4 {
    color: var(--c2);
    font-weight: 700;
    margin-bottom: 35px
}

.footer-menu ul li a {
    color: #fff;
    line-height: 35px;
    font-weight: 400;
    transition: .3s
}

.footer-contact ul li i {
    color: var(--c2);
    margin-right: 11px
}

.footer-contact ul li {
    line-height: 35px;
    color: #fff;
    font-size: 15px
}

.footer-contact ul li a {
    color: #fff;
    transition: .3s
}

footer.footer {
    position: relative;
    background: #000;
    padding-top: 60px
}

.copyright-text p {
    margin: 0;
    color: #fff;
    font-weight: 300
}

.container.cp {
    padding: 15px
}

.serving-content h2 {
    font-size: 40px;
    line-height: 49px
}

.serving-content p {
    font-size: 17px;
    font-weight: 300;
    line-height: 33px
}

.reason-heading h3 {
    font-size: 30px;
    font-weight: 700;
    display: block;
    background: var(--c1);
    color: #fff;
    padding: 20px 0;
    margin: 0
}

.reason-heading ul li, .solution-content p {
    font-size: 17px;
    color: #fff;
    line-height: 33px
}

.reason-heading ul li {
    font-weight: 400;
    list-style: disc
}

.reason-box {
    background: #1c1c1c
}

.reason-heading ul {
    padding: 30px 70px
}

section.section-mission, section.section-solution {
    position: relative;
    padding: 80px 0;
    background: #000
}

.solution-content p {
    font-weight: 300
}

.solution-content {
    width: 85%;
    margin: 0 auto
}

section.sec-custom-tabs {
    position: relative;
    background: var(--c1);
    padding: 30px 0
}

.custom-tabbs-menu ul li a {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    transition: .3s
}

.custom-tabbs-menu ul li i {
    font-size: 7px;
    color: #fff
}

.custom-tabbs-menu ul {
    display: flex;
    column-gap: 36px;
    justify-content: center
}

section.section-servicess {
    width: 100%;
    position: relative;
    padding: 80px 0;
    background: #000
}

.service-heading-title h2 {
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.section-servicess .container {
    max-width: 1480px
}

.servicee-image {
    width: 100%;
    height: 260px;
    position: relative
}

.servicee-image:before {
    background: var(--c1);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 45%;
    transition: .3s
}

.servicee-title h3 {
    font-size: 22px;
    color: #000;
    display: block;
    background: #fff;
    padding: 24px 0;
    font-weight: 700;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor: text
}

.section-servicess .slick-prev {
    left: 45%;
    top: 106%;
    background: 0 0
}

.section-servicess .slick-next {
    right: 45%;
    top: 106%;
    background: 0 0
}

.service-btns {
    margin-top: 70px
}

section.section-service-four, section.section-service-three, section.section-service-two {
    padding-top: 0
}

.faq-content p {
    font-size: 17px;
    line-height: 33px;
    font-weight: 300
}

.faq-content p strong {
    font-size: 15px;
    font-weight: 600
}

.team-content p {
    font-size: 17px;
    line-height: 30px
}

.fin-btn, .service-choose-btn, .team-btn {
    margin-top: 30px
}

.mission-content i {
    font-size: 44px;
    color: var(--c2)
}

.mission-content h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: 40px
}

.value-content {
    display: flex;
    column-gap: 40px
}

.value-list ul li {
    font-size: 20px;
    line-height: 60px;
    font-weight: 800
}

section.section-value {
    position: relative;
    padding: 80px 0 190px
}

.page-id-50 section.message-form, .single-services section.inner-banner, .single-services section.message-form, div#respond, h1.inner-page-title {
    display: none
}

.inner-page-content h1 {
    font-size: 70px;
    font-weight: 800
}

.inner-page-content p {
    font-size: 20px
}

.fin-content p {
    font-size: 17px;
    line-height: 33px;
    color: #000;
    font-weight: 300
}

.fin-image {
    width: 80%;
    margin: 0 auto
}

section.section-financing {
    position: relative;
    padding: 80px 0;
    display: none
}

.review-content p {
    font-size: 16px;
    font-weight: 300;
    line-height: 28px
}

.review-content p span {
    font-weight: 700;
    color: #000;
    margin-top: 10px;
    display: block
}

.reviews-heading {
    margin-bottom: 40px
}

.feedback-content h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 40px
}

.new-service-title h4, .new-service-title h4 a {
    color: var(--c1);
    font-weight: 700
}

.feedback-btn {
    margin-top: 60px
}

.join-content p {
    font-size: 17px;
    line-height: 31px;
    font-weight: 300
}

.join-image {
    width: 100%;
    height: 540px
}

section.section-position {
    position: relative;
    padding: 20px 0 80px
}

.job-title h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px
}

.job-main-btn {
    margin-top: 90px
}

.pos-heading {
    margin-bottom: 50px
}

section.contact-form {
    background-color: var(--c2) !important
}

img {
    height: 100%
}

.servicee-title {
    pointer-events: auto !important;
    position: relative;
    z-index: 10
}

.new-service-icon {
    width: 95px;
    height: 95px;
    background: var(--c1);
    border-radius: 100px;
    padding: 18px;
    margin: 0 auto 16px
}

.new-service-title h4 {
    font-size: 20px
}

.service-new-box ul li a {
    color: #000;
    transition: .3s
}

.service-new-box ul li i {
    font-size: 13px;
    color: var(--c1);
    margin-right: 8px
}

.local-area-name ul li, .service-choose-content ul li, .service-new-box ul li {
    line-height: 30px
}

section.section-newservices {
    position: relative;
    padding: 20px 0
}

.service-new-box {
    background: #f3f3f3;
    padding: 20px 15px;
    border-radius: 8px
}

.col.col-comp-drain, .section-dont-ignore .row .col-lg-4, section.section-newservices .row .col-lg-3 {
    display: flex;
    flex-direction: row
}

.serve-content h2 {
    font-size: 36px;
    line-height: 46px
}

.need-call-icon {
    width: 60px;
    font-size: 30px;
    background: var(--c1);
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 100px
}

section.section-need-help .row {
    background: #000;
    align-items: center;
    border-radius: 11px;
    padding: 20px 0
}

.need-call-heading h3 {
    font-size: 24px;
    color: #fff
}

.need-call-heading p, .process-content p, .service-hero-content p {
    color: #fff;
    margin: 0
}

.need-help-content {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.need-help-btns {
    text-align: end
}

.container-lg, .container-md, .container-sm, .container-xl, .single-services .container {
    max-width: 1360px
}

section.section-service-hero {
    position: relative;
    width: 100%;
    height: 700px;
    background-size: cover
}

.service-content-form, span.hero-label {
    background: var(--c2);
    background: var(--c2)
}

section.section-service-hero:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #698e11, #7a9c29e8, #7a9c2900, #7a9c2900)
}

span.hero-label {
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid #b8d675;
    border-radius: 6px;
    padding: 4px 8px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block
}

.service-hero-content h1 {
    font-size: 58px;
    font-family: Oswald;
    font-weight: 800;
    color: var(--c1);
    margin-bottom: 24px
}

.service-hero-btns .site-btn-2 {
    color: #fff !important;
    background: 0 0 !important;
    border: 2px solid var(--c1);
    padding: 10px 30px;
    margin-left: 4px
}

.service-hero-btns .site-btn-2:hover {
    background: var(--c1) !important
}

.service-hero-icon-list ul li i {
    font-size: 40px;
    color: #fff
}

.service-hero-icon-list ul li {
    display: flex;
    column-gap: 10px;
    align-items: center
}

.service-hero-icon-list ul li span {
    color: #fff;
    line-height: 22px
}

.service-hero-icon-list {
    margin-top: 40px;
    width: 78%
}

.single-services .service-content-form p {
    margin-bottom: 5px
}

.service-content-form {
    padding: 15px 20px;
    border-radius: 10px
}

.service-content-form h3 {
    font-size: 26px;
    font-weight: 800;
    color: #fff
}

.service-choose-content h3 i {
    color: var(--c1);
    font-size: 28px
}

.service-choose-content h3 {
    font-size: 30px;
    font-weight: 800
}

.service-choose-content ul {
    column-count: 2
}

.service-choose-content ul li i {
    color: var(--c1);
    font-size: 15px;
    padding-right: 6px
}

.testi-heading h2 {
    color: #fff
}

.single-services .ti-name, .single-services .ti-rating-text span strong {
    color: #fff !important
}

.single-services a.ti-header-write-btn {
    background: #fff !important
}

.single-services section.section-testimonials {
    background: #000
}

.dont-ignore-heading h2 {
    font-family: oswald
}

.dont-ignore-heading {
    text-align: center;
    margin-bottom: 20px
}

.dont-ignore-heading p {
    width: 60%;
    margin: 0 auto
}

.dont-ignore-box {
    width: 100%;
    position: relative;
    border-radius: 5px;
    border: 1px solid #7a9c2930;
    padding: 15px;
    display: flex;
    column-gap: 10px;
    align-items: flex-start;
    margin-top: 30px
}

.dont-ignore-icon {
    width: 110px;
    height: 110px;
    background: #7a9c2930;
    padding: 20px;
    border-radius: 110px
}

.complete-drain-box, .process-box {
    overflow: hidden;
    background: #161616;
    position: relative
}

.dont-ignore-icon img {
    width: 100%;
    object-fit: contain
}

.dont-ignore-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.dont-ignore-content p {
    margin: 0;
    font-size: 14px
}

section.section-complete-drain {
    position: relative;
    background: #000;
    padding: 80px 0
}

.complete-drain-heading h2 {
    color: #fff;
    font-family: Oswald
}

.complete-drain-heading p, .process-heading p {
    color: #fff;
    width: 60%;
    margin: 0 auto
}

.complete-drain-image {
    width: 100%;
    height: 180px;
    position: relative
}

.complete-drain-box {
    width: 100%;
    border: 1px solid #7a9c2933;
    border-radius: 10px;
    margin-top: 30px
}

.complete-drain-content {
    text-align: center;
    padding: 15px 7px
}

.complete-drain-content h3 {
    font-size: 24px;
    font-weight: 600;
    color: var(--c2)
}

.complete-drain-content p {
    color: #fff;
    margin: 0;
    font-size: 14px
}

section.section-common-causes {
    position: relative;
    padding: 80px 0;
    width: 100%
}

.common-causes-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--c2)
}

section.setion-process {
    background: #000;
    position: relative;
    padding: 80px 0
}

.process-box {
    border: 1px solid #7a9c2933;
    border-radius: 10px;
    padding: 20px;
    width: 75%;
    margin: 30px auto 0
}

.process-image {
    width: 100%;
    height: 200px;
    position: relative
}

.process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 9px 9px 0
}

.pocess-step-count {
    width: 80px;
    height: 80px;
    font-size: 42px;
    font-weight: 800;
    font-family: Oswald;
    color: #fff;
    background: var(--c2);
    text-align: center;
    line-height: 80px;
    border-radius: 80px
}

.process-content h3 {
    font-size: 30px;
    color: var(--c1);
    font-weight: 700
}

.process-detail {
    display: flex;
    column-gap: 20px
}

.sec-commercial {
    background: #7a9c2924
}

section.section-near {
    position: relative;
    padding: 100px 0 115px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

section.section-near:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: radial-gradient(black, transparent)
}

.near-content p {
    color: #fff;
    width: 80%;
    margin: 20px auto 50px
}

section.section-service-faq {
    position: relative;
    padding: 80px 0;
    background: #7a9c2924
}

.faq-content {
    text-align: center;
    margin-bottom: 30px
}

section.section-service-faq div#accordion {
    width: 70%;
    margin: 0 auto
}

.local-service-area-box {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 14px;
    margin-top: 30px
}

.local-area-name h4 i {
    background: var(--c1);
    color: #fff;
    font-size: 18px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    text-align: center;
    line-height: 35px
}

.local-area-name h4 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf
}

.local-service-area-content p {
    margin: 0
}

.local-area-name ul li i {
    color: var(--c2);
    margin-right: 10px
}

.local-service-area-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #00000000, #00000000, #fff)
}

section.section-service-ready {
    background: var(--c2);
    position: relative;
    padding: 80px 0
}

.ready-service-content p {
    color: #fff;
    width: 70%;
    margin: 20px auto 50px
}

.common-causes-content ul {
    margin-bottom: 20px
}

.common-causes-content ul li {
    list-style: disc;
    margin-left: 20px
}

.mt-20 h4 {
    margin-bottom: 10px;
    margin-top: 16px
}

.footer-hours p {
    margin: 0;
    color: #fff
}

.footer-03 {
    margin-left: 40px
}

.custom-theme-post-description h2 {
    font-size: 30px;
    color: var(--c1);
    font-weight: 600;
    margin-top: 20px;
}

.custom-theme-post-description h3 {
    font-size: 24px;
    color: var(--c2);
    font-weight: 600;
}

.single-post section.inner-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #698e11, #7a9c29e8, #7a9c2900, #7a9c2900);
}

.single-post section.inner-banner {
    position: relative;
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
}

.single-post .inner-page-content {
    text-align: left;
}

.single-post .inner-page-content h1 {
    display: block;
    font-size: 58px;
    font-family: Oswald;
    font-weight: 800;
    color: var(--c1);
    margin-bottom: 24px;
}

.single-post .inner-page-content span {
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(184, 214, 117);
    border-image: none;
    border-radius: 6px;
    padding: 4px 8px;
}

.single-post .inner-page-content p {
    font-size: 16px;
    margin-top: 30px;
}

.post-meta span {
    display: none;
}

.single-post .post-meta span.post-date {
    display: block !important;
}

.single-post h5.custom-theme-post-title {
    display: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

table th, table td {
    padding: 14px 16px;
    border: 1px solid #ddd;
}

table th {
    background-color: #f5f5f5;
    font-weight: 600;
    color: #222;
}

table td {
    background-color: #fff;
    color: #555;
}

table tbody tr:nth-child(even) td {
    background-color: #fafafa;
}

table tbody tr:hover td {
    background-color: #f1f1f1;
}

@media (max-width: 767px) {
    table {
        min-width: 650px;
    }

    table {
        overflow-x: auto;
        width: 100%;
    }
}

.post-meta span:nth-child(n+2):before {
    display: none;
}

body.category .inner-page-content p {
    display: none;
}

body.category section.inner-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #698e11, #7a9c29e8, #7a9c2900, #7a9c2900);
}

.custom-theme-post-description ul li {
    list-style: disc;
    margin-left: 18px;
}

.process-heading h2 {
    color: var(--c2);
}

.ti-widget.ti-goog .ti-review-item .ti-name {
    color: #000000 !important;
}

.custom-theme-post-description p a {
    color: var(--c2);
}
nav.blog-breadcrumbs ul {
    display: flex;
    column-gap: 3px;
    margin-bottom: 10px;
}
nav.blog-breadcrumbs ul li, nav.blog-breadcrumbs ul li a {
    font-size: 12px;
    font-weight: 600;
    color: var(--c2);
}

.single-meta {
    display: none;
}