/* common css start */
p{margin-bottom: 20px;}
p:last-child{margin-bottom: 0;}
h1,h2,h3,h4,h5,h6{margin-bottom: 1rem;}
.row{margin-top: 0;}
.row > *{margin-top: 0;}
.main { margin-top: 0;}
/* common css end */

.contact-form:has(.invalid) form p { margin-bottom: 10px;}
.wpcf7-not-valid-tip{font-size: 14px; text-align: start;}
.wpcf7 form .wpcf7-response-output { line-height: normal;}
input.wpcf7-not-valid{border-color: #dc3232 !important;}


header .header-top{overflow: hidden;}
.navbar .nav-item .dropdown-menu .dropdown-item.active{background-color: #64d27d;color: #fff;}
/* homepage start */

/* service area start */
.service-area .site-title{margin-bottom: 15px;}
/* service area end */

/* cta area start */
.cta-area .site-title{margin-bottom: 15px;}
/* cta area end */

/* homepage end */

/* left right section start */
.left-right-sec .row{align-items: center; margin-bottom: 50px;}
.left-right-sec .row:last-child{margin-bottom: 0;}
.left-right-sec .row:nth-child(even){flex-direction: row-reverse;}
.left-right-sec .text-holder ul.list li{font-weight: 500;color: var(--color-dark);margin-top: 5px;position: relative;padding-left: 25px;}
.left-right-sec .text-holder ul.list li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';color: var(--theme-color);}
.left-right-sec .text-holder ul{margin-bottom: 20px;}
.left-right-sec .text-holder ul li{font-weight: 500;color: var(--color-dark);margin-top: 5px;position: relative;padding-left: 25px;}
.left-right-sec .text-holder ul li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';color: var(--theme-color);}

.scrollable-service-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5; border-radius: 50px;}
.scrollable-service-content::-webkit-scrollbar{width: 5px;background-color: #F5F5F5; }
.scrollable-service-content::-webkit-scrollbar-thumb{background-color: #64d27d;border: 0px solid #555555; border-radius: 50px;}
/* left right section end */
.navbar .nav-item .dropdown-menu {width: 250px;}

.full-width-sec{background-color: var(--theme-color2); opacity: .9;}

/* process sec start */
.process-area .process-item{text-align: center;}
.process-area .col-md-6{margin-bottom: 30px;}
/* process sec end */

/* cta sec start */
.cta-area.cta-sec{padding-bottom: 70px; margin-bottom: 50px;}
/* cta sec end */

/* feature area start */
.feature-item{flex-direction: column;}
.feature-area.usp-main .feature-item{flex-direction: column; height: 100%;}
.feature-item{height: 100%;} 
/* feature area end */




/* service pagination start */
.service-area .pagination li .page-link{height: 40px; width: 40px; border: 1px solid #64d27d;}
.service-area .pagination li .page-link:focus{box-shadow: none;}
.service-area .pagination li .page-link.next,.service-area .pagination li .page-link.prev{width: auto;}
/* service pagination end */

/* footer start */
.footer-list li a{margin-left: 0 ;}
.footer-shape {height: 100%; text-align: center;}
.footer-shape img{height: 100%;}
/* footer end */

/* thank you page start */
.thank-you-section .thankyou{text-align: center;}
.thank-you-section .thankyou img{height: 400px; margin-bottom: 30px;} 
.thank-you-section .thankyou .thanktitle{font-size: 40px; margin-bottom: 20px;}
.thank-you-section .thankyou .thankdec{font-size: 20px; color: #000;}
/* thank you page end */

.toggle-description { color: #0073aa; cursor: pointer; font-weight: 600; margin-top: 10px; display: inline-block;}

.scrollable-service-content { overflow-y: auto; padding-right: 10px;}
.logo-box a img { max-width: inherit; height: 46px;}

.footer-logo a img { max-width: 100%; height: 50px !important; }






/*============== Styling By Manav ==============*/

.signup-btn { width: 160px; height: 40px; right: -60px; }

.btn-one { padding: 20px 50px; cursor: pointer;}
.btn-two { cursor: pointer;}


.secpd1 { padding: 80px 0; }

/*********** this class for add in ul to show dots ***********/
.theme-list { padding-left: 20px; list-style: disc; margin-bottom: 10px;}
.theme-list li { padding-left: 0; list-style: disc; line-height: 1.6; margin-bottom: 8px;}
.theme-list li:last-child { margin-bottom: 0;}
/*********** this class for add in ul to show dots **********/

/*********** this class for add in main section which contains ul and prra **********/
.theme-lf-list ul { padding-left: 20px; list-style: disc; margin-bottom: 10px;}
.theme-lf-list ul li { padding-left: 0; list-style: disc; line-height: 1.6; margin-bottom: 8px;}
.theme-lf-list ul li:last-child { margin-bottom: 0;}
/*********** this class for add in main section which contains ul and prra **********/

.footer-area ul { padding-left: 0; list-style: none;}
.footer-area ul li { list-style: none;}

.sec-title { padding-bottom: 40px;}
.sec-title h3 { font-family: 'Nunito', sans-serif; line-height: 1.3; margin-bottom: 5px; font-size: 18px;}

.cta-common-style { text-align: center; padding: 40px 0 60px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top;}
.cta-common-style::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 71%);
    z-index: 1;
}
.cta-common-style .title { margin-bottom: 0; color: #fff;}
.cta-common-style .title h2 { color: #fff;}
.cta-common-style .button .btn-one { transition: .3s all; /*padding: 20px 50px;*/}
.cta-common-style .button .btn-one:hover { background-color: #0071BC; color: #fff;}
.cta-common-style .button .btn-one { margin-top: 15px;}

.scrollable-service-content.scroll {
    overflow-y: auto;
    padding-right: 5px;
}

.scrollable-service-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scrollable-service-content::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
.scrollable-service-content::-webkit-scrollbar-thumb{background-color: #ff662a; border-radius: 50px;}

/*============== Home page styling ==============*/

/* top header  */
.main-header .header-top { background-color: #0071bc;}
.main-header .header-top .inner-container { justify-content: end;}
.main-header .header-top a { color: #fff; font-weight: 400; line-height: normal; position: relative; padding: 3px 0; transition: .3s all;}
.main-header .header-top a:hover { color: #000;}
.main-header .header-top a:not(:last-child) { margin-right: 40px;}
.main-header .header-top a:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 15px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff85;
}
.main-header .header-top a i { font: normal normal normal 16px/1 FontAwesome; margin-right: 7px;}
.main-header .header-top a:last-child i::before { content: "\f041";}
/* top header  */

/* main header css start */
.main-header .inner-container { display: flex; align-items: center; justify-content: space-between; }
.main-header .main-box .logo-box { padding: 15px 0;}
/* .main-header .nav-outer { width: max-content;} */
.main-menu { padding-left: 0;}
.main-menu .navigation li a { padding: 10px 0; color: #000; font-size: 14px;}

.main-header .main-menu .navigation>li { margin-right: 45px; padding: 15px 0;}
.main-header .header-right { padding: 10px 0;}
.btn-two:hover { background-color: #ff662a; }
.clearfix::after { content: unset;}

/* menu dropdown start */
.main-menu .navigation > li > ul { width: 310px;}
.main-menu .navigation li.dropdown>a::after { 
    content: "\f078";
    display: inline-block;
    position: relative;
    font-family: 'FontAwesome';
    margin-left: 4px;
    top: -1px;
    font-size: 0.7em;
    transition: 0.3s ease-in-out;}
.main-header .main-menu .navigation li.dropdown:hover a::after { transform: rotate(180deg) !important;}
.main-header .main-menu .navigation > li > ul > li:before { width: 100%; left: 0 !important;}
.main-header .main-menu .navigation li ul li:hover a:before { display: none !important;}
.main-header .main-menu .navigation > li:hover > ul { top: 90%;}
.main-header .main-menu .navigation li ul li a { padding: 12px 20px !important; background: transparent; color: #000; font-weight: 500; font-family: 'Poppins', sans-serif; white-space: normal; font-size: 14px; }
.main-header .main-menu .navigation li ul li a:hover { color: #0071BC;}
/* .main-header .main-menu .navigation li ul li:hover a { padding: 12px 20px !important;} */
.main-header .main-menu .navigation li ul li:focus a,
.main-header .main-menu .navigation li ul li:active a { background-color: unset; color: #0071BC;}
.main-header .main-menu .navigation .menu-item.active .nav-dropdown li.active a { color: #0071BC;}
.main-header .main-menu .navigation .menu-item.active>a  { color: #0071BC;}

.main-header.fixed-header .main-menu .navigation>li { padding: 0 0;}
.main-header.fixed-header .main-menu .navigation > li > ul { top: 100%; margin-top: -10px;}
/* .main-header.fixed-header .main-menu .navigation > li > a { padding: 10px 0;} */

.main-header .main-menu .navigation > li > ul:before { border-top-right-radius: 0; border-top-left-radius: 0;}

.main-header .main-menu .navbar-collapse .navbar-toggle { z-index: 99999; background-color: #fff; background-image: url('https://almostready.website/solar-gutter-cleaning/globalguttersbrisbane/wp-content/uploads/2025/06/close.png'); background-position: center; background-repeat: no-repeat; background-size: 35%; height: 40px; width: 40px; position: absolute; left: 330px; top: 10px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

.main-header.fixed-header .main-menu .navigation > li > ul > li:hover > a { padding: 12px 20px;}
/* main header css end */


/* main footer css start */
.footer-area { padding: 80px 0;}
.footer-area .footer-logo { background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0px 0px 3px 1px #fc652994; display: inline-block;}
.footer-area .single-footer-widget { overflow: visible;}
.single-footer-widget .contact-info li a { transition: .3s all;}
.single-footer-widget .contact-info li h3 { font-size: 16px; display: flex; align-items: center; transition: .3s all;}
.single-footer-widget .contact-info li a:hover h3 { color: #007bff;}
.single-footer-widget .contact-info li h3 i { margin-right: 5px;}

.footer-area .single-footer-widget .title { margin-bottom: 20px;}

.footer-area .single-footer-widget .explore-links li a,
.footer-area .single-footer-widget .legal-links li a { padding-left: 15px;}
.footer-area .single-footer-widget .explore-links li a:hover,
.footer-area .single-footer-widget .legal-links li a:hover { padding-left: 15px;}
.footer-area .single-footer-widget .explore-links li a:hover::before,
.footer-area .single-footer-widget .legal-links li a:hover::before { left: 0; color: #fff;}

.footer-area .single-footer-widget .company-info .text-box { padding-top: 10px;}

/* .footer-bottom-area .copyright-text p { display: inline-block; transition: .3s all;}
.footer-bottom-area .copyright-text p:hover { color: #fff;} */

.scroll-to-top { }
.scroll-to-top:hover { opacity: unset; background-color: #0071bc;}
/* main footer css end */


/* sidebar form start */
.signup-btn {
    width: 145px;
    height: 45px;
    position: fixed;
    right: -51px;
    top: 48%;
}
.signup-btn a { font-size: 16px; line-height: 3.1;}
.appointment-box .inner-box { background-color: #0071bc;}
.appointment-form .form-group { margin-bottom: 0;}

.appointment-box textarea { max-height: 110px; min-height: 110px;}
.appointment-box input:not([type=submit]), .appointment-box select { height: auto !important; border-radius: 4px; font-size: 16px; background-color: #fff !important; border: none; padding: 10px 15px; color: #6c757d;}
.appointment-box select { appearance: none; background-image: url('https://almostready.website/solar-gutter-cleaning/globalguttersbrisbane/wp-content/uploads/2025/06/angle.svg'); background-repeat: no-repeat; background-position: 96% center; background-size: 14px;}
.appointment-box input[type=submit] { font-size: 16px; padding: 10px 20px; cursor: pointer;}
.appointment-box .wpcf7-spinner { left: 100px;}
.appointment-box span.wpcf7-not-valid-tip { margin-bottom: 10px; line-height: normal; margin-top: 4px;}
/* sidebar form end */

/* faq start */
/* .contact-info-area .custom-faq-common { }
.contact-info-area .custom-faq-common .accordion{ }
.contact-info-area .custom-faq-common .accordion .faq-box { border: 1px solid #D8DDE1; border-radius: 15px; margin-bottom: 20px; overflow: hidden;}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) { border-radius: 10px;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head { background: #fff; padding: 15px 25px;}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) .faq-head { background: #ed511412;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 { margin: 0; padding: 0; }
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 button { background: #fff; padding: 15px 25px;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 button::before {
    content: "\f078";
    display: inline-block;
    font-family: 'FontAwesome';
    margin-left: 4px;
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 10px;
    top: 25px;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) .faq-head h5 button::before { transform: rotate(180deg); }
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 button { white-space: normal; color: #000; padding: 0; margin: 0; box-shadow: unset; text-align: start;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button { text-decoration: none;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:active,
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:focus,
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:focus-visible { text-decoration: none; outline: unset; box-shadow: unset;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-body { }
.contact-info-area .custom-faq-common .accordion .faq-box .faq-body .card-body { padding: 10px 20px 20px;} */
/* faq end */

/* faq Design 2 test start */
.contact-info-area .custom-faq-common { }
.contact-info-area .custom-faq-common .accordion{ }
.contact-info-area .custom-faq-common .accordion .faq-box { border: 1px solid #D8DDE1; border-radius: 15px; margin-bottom: 20px; overflow: hidden;}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) { border-radius: 10px;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head { padding: 0; border-bottom: unset;}
/* .contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 { margin: 0; padding: 0; } */
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 { text-decoration: none !important;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 button { background: #fff; padding: 15px 30px 15px 18px; width: 100%; white-space: normal; color: #000; box-shadow: unset; text-align: start; text-decoration: none !important;}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) .faq-head h5 button { background: #ed511412;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5 button::before {
    content: "\f078";
    display: inline-block;
    font-family: 'FontAwesome';
    margin-left: 0;
    transition: 0.3s ease-in-out;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
}
.contact-info-area .custom-faq-common .accordion .faq-box:has(.show) .faq-head h5 button::before { transform: rotate(180deg); }
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button { text-decoration: none;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:active,
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:focus,
.contact-info-area .custom-faq-common .accordion .faq-box .faq-head h5:hover button:focus-visible { text-decoration: none; outline: unset; box-shadow: unset;}
.contact-info-area .custom-faq-common .accordion .faq-box .faq-body { }
.contact-info-area .custom-faq-common .accordion .faq-box .faq-body .card-body { padding: 10px 20px 20px;}
/* faq Design 2 test END */


/* home banner start */
.home-slider-one .owl-carousel .owl-stage-outer { height: auto; }

.home-slider-one .silder-right-content { background-size: cover; display: none;}
.home-slider-one .home-slider::before {
    content: '';
    background-image: url(https://almostready.website/solar-gutter-cleaning/globalguttersbrisbane/wp-content/uploads/2025/06/slide-right-bg.png);
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 284px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.home-slider-one .home-slider .slide-item::after {
    content: '';
    background-image: linear-gradient(90deg, #000000ab, #00000033);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.home-slider-one .home-slider .slide-item>* {z-index: 2; position: relative;}

.home-slider-one .content-box { max-width: 760px;}
.home-slider-one .link-box .btn-one { padding: 20px 50px; transition: .5s all;}
.home-slider-one .link-box .btn-one:hover { background-color: #0071bc;}

/* home banner end */

/* home welcome section start */
.welcome-area { padding-bottom: 80px;}
.welcome-area.home-welcome-area { pading: 80px 0;}
.home-welcome-area .row { align-items: center;}
.welcome-area.home-bottom-lf { padding-bottom: 0; padding-top: 80px;}
.home-welcome-area .welcome-content-box .top { padding: 0;}
.home-welcome-area .image-box img { width: 100%;}
/* home welcome section end */

/* home service section start */
.services-style1-area .single-service-style1 { margin-bottom: 0;}
.single-service-style1 .inner { padding: 20px;}
/* .single-service-style1 .text-holder { padding: 20px;} */
/* home service section end */


/* home benefits section start */
.benefits-area .row { align-items: center;}
.benefits-area .benefits-text-box .top { padding: 0;}
.benefits-area .benefits-image-box { max-width: none;}
.benefits-area .benefits-image-box img { width: 100%;}
/* home benefits section end */

/* home steps section start */
.working-steps-area { padding: 0 0 80px;}
.working-steps-area .single-working-steps-box { margin: 0; padding: 0; max-width: max-content; width: auto; }
.working-steps-area .single-working-steps-box:before { display: none;}
.working-steps-area .single-working-steps-box .text-holder h4 { line-height: 28px; margin-bottom: 10px;}
.working-steps-area .single-working-steps-box .text-holder p { margin: 0; line-height: 26px; font-weight: 400;}
/* home steps section end */

.choose-area { padding: 80px 0;}
.choose-area .choose-content { padding-left: 0; list-style: none;}
.choose-area .choose-content .single-choose-box { padding: 30px 15px; margin-bottom: 0; height: auto;}


.contact-info-area { padding: 80px 0; }

.home .slogan-area-style1 { padding: 30px 0; overflow: hidden;}
.home .slogan-area-style1 .inner-content { display: flex; align-items: center; justify-content: space-between; }
.home .slogan-area-style1 .inner-content .title { margin: 0;}
.home .slogan-area-style1 .inner-content .title h2 { margin: 0;}
.home .slogan-area-style1 .inner-content .button .btn-one { transition: .3s all; }
.home .slogan-area-style1 .inner-content .button .btn-one:hover { background-color: #0071bc; color: #fff;}



/*============== Home page styling ==============*/


/*============== Inner page styling ==============*/

.breadcrumb-area .title h1 { line-height: 1.1;}

/* about page */
.welcome-area .row:not(:last-child) { margin-bottom: 50px }
.welcome-area .welcome-content-box2 { padding-left: 0; }
/* about page */

/*============== Inner page styling ==============*/

/* thanyou page start */
.thank-you-section .thankyou{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.thankyou img{height: 150px;margin-bottom: 15px;}
.thankyou h1{font-size: 80px; line-height: 80px; text-transform: uppercase;margin-bottom: 0; text-align: center;font-weight: 900;}
.thankyou p{font-size: 22px; line-height: 30px; text-align: center; margin-top: 5px;}
/* thanyou page end */

/*================== contact page styling start ==================*/

.contact-info-area .contact-form { box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08); border-radius: 20px; background-color: var(--white-color); padding: 20px; text-align: center}

.contact-info-area .contact-input-box-main .contact-input-main { position: relative; display: block; background: transparent; border: 1px solid #f0eef9; width: 100%; height: 60px; font-size: 16px;  margin-bottom: 0; padding-left: 45px; padding-right: 20px; border-radius: 5px; transition: all 500ms ease; color: #868298;}
.contact-info-area .contact-input-box-main .btn-one { border: unset;}
.contact-info-area .contact-input-box-main select.contact-input-main { appearance: none; background-image: url('https://almostready.website/solar-gutter-cleaning/globalguttersbrisbane/wp-content/uploads/2025/06/angle.svg'); background-repeat: no-repeat; background-position: 96% center; background-size: 14px;}

.contact-info-area .contact-input-box-main textarea.contact-input-main { max-height: 110px; min-height: 110px; padding-left: 45px; padding-right: 20px; padding-top: 17px; padding-bottom: 15px;}

.contact-info-area .contact-input-box-main .btn-one:hover { background-color: #0071bc;}

select.form-control:not([size]):not([multiple]) { height: 60px;}
.contact-info-area .contact-input-box-main .wpcf7-spinner { position: absolute; top: 50%; transform: translateY(-50%); right: 25%;}

.contact-info-content .inner-content ul { padding-left: 0;}
.contact-info-content .inner-content a span { transition: .3s all;}
.contact-info-content .inner-content a:hover span { color: #ff662a;}


.google-map-area .google-map-box { display: flex;}
.google-map-area .google-map-box iframe { min-height: 450px;}
/*================== contact page styling end ==================*/




/* styling for scrollbar in firefor */
.mCustomScrollBox { }
.mCustomScrollBox .mCSB_draggerRail { background-color: #f5f5f5 !important; width: 4px !important;}
.mCustomScrollBox .mCSB_dragger_bar { background-color: #f78c25 !important; border-radius: 20px !important;}
/*styling for scrollbar in firefor */