.hero-section .single-hero-slide .hero-content .banner-title-two { color: #fff !important; font-size: 80px; line-height: 1.2; font-weight: 600;}
.hero-section .single-hero-slide .hero-content .banner-title-two span { display: block; font-weight: 300;}

.cta-section-two .cta-text .title-two { font-size: 60px; line-height: 1.167; margin-bottom: 40px; color: #fff; font-weight: 900; font-family: 'Jost', sans-serif;}

.appointment-form:has(.invalid) .form-control-custom.wpcf7-not-valid { border: 1px solid red !important;}

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

/* 404 page styling */
/* .error404 .error-section { padding: 0;} */
.error404 .error_image { height: auto !important; padding: 0 !important;}
.error404 .error-section .content-box { padding: 120px 0 !important;}
/* 404 page styling */



/********************** 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: #2271bc; 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; }
.signup-btn:hover a { color: #fff;}
/* 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: #2271bc; 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 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: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 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: #000; 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: #000; color: #fff;}

.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;}

.appointment-box .wpcf7-form-control-wrap { display: flex; flex-direction: column;} /* form controll for custom edition in input */
.appointment-box .form-control { transform: unset; margin-bottom: 15px !important; display: block;}
.appointment-box .nice-select { height: auto !important; border-radius: 4px !important;}
.appointment-box .contact-form textarea { border-radius: 4px !important;}

.appointment-box .form-control.wpcf7-not-valid { margin-bottom: 0 !important;}
.appointment-box .wpcf7-not-valid-tip { margin-bottom: 5px;}

.appointment-box .wpcf7-spinner { position: absolute; right: -15px; top: 13px;}

.recaptcha { margin-bottom: 15px;}
/* input feild styling */

/* other styling  */
.appointment-form .unique-name:has(.wpcf7dtx-hidden),
.appointment-form .page-url:has(.wpcf7dtx-hidden) { display: none;}
/* other styling  */
/********************** common sidebar floating form end **********************/




@media(max-width: 1199px){
    .hero-section .single-hero-slide .hero-content .banner-title-two { font-size: 60px;}

    /* thanyou page start */
    .thankyou .thank-you-img img{height: 120px;}
    .thankyou .thank-you-title h2{font-size: 65px; line-height: 65px; }
    .thankyou .thank-you-text p{font-size: 20px; line-height: 28px;}
    /* thanyou page end */

}

@media(max-width: 991px){
    .cta-section-two .cta-text .title-two { margin-bottom: 20px; font-size: 40px; line-height: 1.4;}

    /* thanyou page start */
    .thankyou .thank-you-img img{height: 100px; margin-bottom: 12px;}
    .thankyou .thank-you-title h2{font-size: 55px; line-height: 55px; }
    .thankyou .thank-you-text p{font-size: 18px; line-height: 26px;}
    /* thanyou page end */
}

@media (max-width: 767px) {
    .hero-section .single-hero-slide .hero-content .banner-title-two {
        font-size: 38px;
    }
    .cta-section-two .cta-text .title-two { margin-bottom: 15px; font-size: 30px; line-height: 1.3; }

    /* thanyou page start */
    .thankyou .thank-you-img img{height: 90px; margin-bottom: 10px;}
    .thankyou .thank-you-title h2{font-size: 45px; line-height: 45px; }
    .thankyou .thank-you-text p{font-size: 16px; line-height: 24px;}
    /* thanyou page end */
}

@media (max-width: 575px) {
    .hero-section .single-hero-slide .hero-content .banner-title-two {
        font-size: 32px;
    }

    /* thanyou page start */
    .thankyou .thank-you-img img{height: 80px;}
    .thankyou .thank-you-title h2{font-size: 40px; line-height: 40px; }
    /* thanyou page end */

    /* 404 page styling */
    .error-section h1 { font-size: 118px !important; margin-top: 0 !important;}
    .error-section .text { margin-top: 0 !important;}
    .error-section .error_btn .main-btn { margin-top: 10px !important; }
    /* 404 page styling */
}

@media (max-width: 479px) {
    .hero-section .single-hero-slide .hero-content .banner-title-two {
        font-size: 30px;
    }
    .cta-section-two .cta-text .title-two { font-size: 26px; }

    .appointment-box { width: 100%;}
    .appointment-box .inner-box { position: unset;}
}