/************************* Styling for Solve Design issues By Manav *************************/

/***** common styling start *****/
.btn-one { margin-top: 20px;}
.btn-two { margin-top: 20px;}

h1 { font-size: 58px; line-height: 72px;}
h2 { font-size: 42px; line-height: 54px;}
p { font-size: 16px; line-height: 27px;}
/***** common styling end *****/

/***** main header styling start *****/
.header__main .main-menu .header-menu-list .active { color: #101927 !important;}
.header__main .main-menu .header-menu-list .active > a { color: #101927 !important;}

.header-top-menu-list li:last-child { margin-right: 0;}
.header-top-menu-list li:last-child a { padding-right: 0;}

.header-top-menu-list li .active { color: #f78e26;}

.header__main .main-menu ul { gap: 25px;}
.header__main .main-menu ul li .sub-menu { border-top-left-radius: 0; border-top-right-radius: 0;}
.header__main .main-menu ul li .sub-menu li a { white-space: normal; line-height: 1.4;}
.header__main .main-menu ul li .sub-menu li a { padding: 8px 20px; }
.header__main .main-menu ul li .sub-menu li a:hover { padding: 8px 20px; color: var(--secondary-color) !important; }

.header__main .btn-two { margin-top: 0;}

.mean-container .mean-nav ul li li a { padding: 5px 15px; }
.mean-container .mean-nav ul li a.mean-expand { height: 10px; width: 10px; line-height: 10px; top: 11px; border-radius: 5px;}
.mean-container .mean-nav ul li .sub-menu a.mean-expand { top: 5px;}
.mean-container .mean-nav ul li li li a { padding: 5px 10%; }
/***** main header styling end *****/

/***** main footer styling start *****/
.footer__wrp { padding: 50px 0;}
.footer__copy-text { padding: 15px 0;}
.footer__item ul li a i,
.footer__item li i { color: #f78e26;}
.footer__item ul li a:hover { color: #f78e26;}
.footer__item ul li:not(:last-child) { margin-bottom: 5px;}

.footer__wrp .active { color: #f78e26;}
/***** main footer styling end *****/

/* home banner styling start */
.banner-area { padding: 120px 0;}
.banner-area .banner__content p { margin-top: 10px;}
/* home banner styling end */

/* home section wise styling  */

.service-two__bg { height: 100%;}
.service__item h4 { padding-bottom: 5px;}
.service-two .row > * { margin-top: 40px;}

.process-two__item { padding: 30px;text-align: center;}

.choose-area .about__content ul li { font-size: 16px; line-height: 25px;}
.choose-area .about__content ul li:not(:last-child) { margin-bottom: 10px;}

.accordion .accordion-item { margin-bottom: 15px;}
.accordion .accordion-item:has(.show) h2 { border-bottom: 1px solid #00000017;}
.accordion .accordion-item h2 button { padding: 20px 60px 20px 30px;}
.accordion .accordion-item .accordion-body { padding: 20px 30px;}

/* home section wise styling  */


/***** faq Styling start *****/
.accordion .accordion-item:last-child { margin-bottom: 0;}
/***** faq Styling end *****/

/***** Styling for contact form comman start *****/

.subscribe__item { padding: 30px;}
.form-control.wpcf7-not-valid { margin-bottom: 0; border-color: red;}
.form-control { position: relative; display: block; background-color: transparent !important; border: 1px solid #f0eef9; width: 100%; font-size: 16px; margin-bottom: 0; padding: 10px 15px; border-radius: 5px !important; transition: all 500ms ease; color: #868298; margin-bottom: 20px;}
.wpcf7-not-valid-tip { font-size: 13px; line-height: normal; margin-bottom: 10px; margin-top: 4px;}
.subscribe__item .form-control:focus { box-shadow: unset;}

/* .contact-form-control .form-control.wpcf7-not-valid { margin-bottom: 0;}
.contact-form-control:has(.invalid) .wpcf7-not-valid-tip { margin-bottom: 8px;}
.form-control { position: relative; display: block; background: transparent; border: 1px solid #f0eef9; width: 100%; font-size: 16px; margin-bottom: 0; padding: 10px 15px; border-radius: 5px; transition: all 500ms ease; color: #868298; margin-bottom: 20px;}
.wpcf7-not-valid-tip { font-size: 13px; line-height: normal; margin-bottom: 15px; margin-top: 4px;} */


/* contact page styling */
.contact-info-coll { display: flex; flex-direction: column; justify-content: stretch;}
.contact-info-coll .contact__map { height: 100%;}
.contact-info-coll .contact__map iframe { height: 100%; min-height: 250px;}

/* .contact-area-custom-page .contact-info-coll .row > * { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;}
.contact-area-custom-page .contact-info-coll .row > *:last-child { border-bottom: unset; padding-bottom: 0;} */
.contact-area-custom-page .contact-info-coll .row > * { margin-top: 0;}
.contact-area-custom-page .contact-info-coll .contact__content { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;}
.contact-area-custom-page .contact-info-coll .row > *:last-child .contact__content { border-bottom: unset; padding-bottom: 0;}
.contact-area-custom-page .contact-info-coll .contact__content { padding: 20px 0;}
.contact-area-custom-page .contact-info-coll .contact__content span { color: #000;}
.contact-area-custom-page .contact-info-coll .contact__content a,
.contact-area-custom-page .contact-info-coll .contact__content span { transition: .3s all;}
.contact-area-custom-page .contact-info-coll .contact__content span:hover,
.contact-area-custom-page .contact-info-coll .contact__content a:hover { color: #f78e26;}

.contact-area-custom-page .row >:nth-child(odd) > .contact__content { border-right: unset; border-left: none;}
.contact-area-custom-page .row >:last-child .contact__content { border-right: none; border-left: none;}

.contact-area-custom-page .subscribe__item .form-control { background-color: #fff !important;}
/* contact page styling */
/***** Styling for contact form comman end *****/

/***** inner page styling start *****/

/* 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 */

/***** inner page styling end *****/



/********************** common sidebar floating form start **********************/
/* sign up button  */
.signup-btn { width: 145px; height: 45px; position: fixed; right: -51px; top: 48%; text-align: center; line-height: 40px; letter-spacing: 0.5px; background: #f78e26; z-index: 999; cursor: pointer; border-top-left-radius: 4px; border-top-right-radius: 4px; transform: rotate(270deg); transition: ease-in-out all 0.5s;}
.signup-btn a { text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 3.1; text-decoration: none; color: #fff;}
.signup-btn:hover { background-color: #000;}
/* sign up button  */

/* form back drop */
.form-back-drop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #000000b3; visibility: hidden; z-index: 99999; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.appointment-form-visible .form-back-drop { opacity: 1; visibility: visible;}
/* form back drop */

/* main box styling */
.appointment-box { position: fixed; right: -400px; top: 0; width: 400px; max-width: 100%; height: 100%; overflow-y: auto; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.appointment-form-visible .appointment-box { right: 0px; opacity: 1; visibility: visible;}
.appointment-box .inner-box { background-color: #f78e26; position: absolute; right: 0; padding: 80px 20px 20px; height: 100%; overflow-y: auto;}

.appointment-box .inner-box .cross-icon { position: absolute; z-index: 99; right: 20px; top: 30px; cursor: pointer; color: #fff;}
.appointment-box .inner-box .cross-icon a span { font-size: 28px;}
#appointment-close span img { height: 20px; filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(325deg) brightness(115%) contrast(101%);}

.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important;}
/* main box styling */

/* input feild styling */
.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 textarea { max-height: 110px; min-height: 110px; height: 80px; border-radius: 4px; font-size: 16px; background: #fff !important; border: none; padding: 10px 15px;}

.appointment-box input[type=submit] { background-color: #fff; color: #f78e26; font-size: 16px; padding: 10px 20px; cursor: pointer; display: inline-block; font-weight: 600; text-decoration: none; position: relative; z-index: 2; overflow: hidden; text-shadow: 0 0 1px rgb(255 255 255 / 30%); white-space: nowrap; width: 100%; height: auto; border-radius: 4px; margin-top: 0; margin-bottom: 0 !important; transition: ease-in-out all 0.5s; -moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;}
.appointment-box .wpcf7-spinner { z-index: 99;}
.appointment-box input[type=submit]:hover { background-color: #101927; color: #fff;}

.appointment-box .wpcf7-not-valid-tip { margin-bottom: 10px;}

.appointment-box .wpcf7-response-output { color: #fff;}

.appointment-box .form-control.wpcf7-not-valid { border: 1px solid red;}
.appointment-box .form-control:focus { box-shadow: unset;}

.form-control { transform: unset;} /* form controll for custom edition in input */

.recaptcha { margin-bottom: 15px;}
/* input feild styling */
/********************** common sidebar floating form end **********************/

.logo{width: auto;}
.logo img{height: 60px; width: auto;}
.header__main .main-menu ul li:hover:hover a{color: var(--secondary-color);}
.header__main .main-menu .header-menu-list .active > a{color: var(--secondary-color) !important; }
select.wpcf7-form-control.wpcf7-select{height: 44px !important;}

/* service sec start */
.service__icon{position: unset ; margin-bottom: 10px; background-color: var(--secondary-color);}
.service__item{padding: 20px; display: flex;flex-direction: column;height: 100%;}
.service__item .service__content{display: flex;flex-direction: column;height: 100%;}
.service__item:hover{border: 1px solid var(--secondary-color);}
.service__item h4{padding-right: 0;}
.service__item p{margin-bottom: 10px;}
.service__item a.more-btn{border-top: 2px solid var(--primary-color); padding-top: 15px; margin-top: auto;}
/* service sec end */

/* process sec start */
.process-two__item::after{background-color: var(--secondary-color);}
.process-two__item .icon{margin-left: auto; margin-right: auto; margin-bottom: 20px; border: 1px dashed #000000;}
.process-two__item .number {position: absolute; top: 20px; left: 20px; background-color: #000; opacity: 1; color: #fff; font-size: 14px;padding: 5px;height: 40px;width: 40px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.process-two__item .number::after{display: none;}
.process-two__item:hover .number{ color: #fff; background-color: var(--secondary-color);}
.process-two__item .icon img {filter: invert(1);}
/* process sec end */


/* left-right sec start  */
.left-right .row:not(:last-child){margin-bottom: 50px;}
.left-right .row.flex-row-reverse .choose__item{padding-left: 0;}
/* left-right sec end  */

/* accordian sec start */
.accordion .accordion-item{margin-bottom: 0;}
.accordion .accordion-item{border: 0;}
.accordion .accordion-item h2 button{padding-left: 0;}
.accordion .accordion-item .accordion-body{padding: 0; padding-top: 10px;}
.accordion .accordion-item h2 button{border-bottom: 1px solid #d7d7d7;}
.accordion .accordion-item:has(.show) h2{border: 0;}
/* accordian sec end */
.scroll-up.active-scroll{background-color: #fff;}
/* footer start */
.footer-area{background-color: #e5e5e5;}
.footer__item p{color: #000;}
.footer__item ul li a{color: #000;}
.footer__copy-text p{color: #000;}
.footer__item .logo{width: auto;}
.g-recaptcha > div{width: 100% !important;}
.wpcf7 .wpcf7-recaptcha iframe{width: 100% !important;}
.wpcf7 .wpcf7-recaptcha iframe .rc-anchor-logo-portrait {margin: 10px 0 0 0px;}
/* footer end */