/* :root {
  --theme-bg-light: #F6F6F6;
  --theme-color-light: rgba(99, 193, 83, .2);
  --color-white: #ffffff;
  --color-green: #15D4C9;
  --color-blue: #0049D0;
  --color-skyblue: #00BFFF;
  --color-gray: #ECECEC;
  --color-red: #F05454;
  
  
} */


/* color variables start */
:root { 
    /* --body-color: #1A1A1A;
    --prim-color: #1172BA;
    --second-color: #F79421; */

    /* override theme color and chaqnge it to your desired color */
    --theme-color2: rgb(17, 114, 186);
    --theme-color: #F79421;
    --body-text-color: #1A1A1A;
    --color-white: #fff;

    --color-yellow: #1A1A1A;
    --color-dark: #1A1A1A;
    --footer-bg: #0061ac;
}
/* color variables end */

/* common css start */
body { color: var(--body-color);}
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 */
.wpcf7-not-valid-tip{font-size: 15px;}
input.wpcf7-not-valid{border-color: #dc3232 !important;}

header .header-top{overflow: hidden;}
.navbar .nav-item .dropdown-menu .dropdown-item.active{background-color: var(--theme-color);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 */

/* full width section li styling */
.full-width-sec ul.list li{font-weight: 500;color: rgba(var(--bs-white-rgb));margin-top: 5px;position: relative;padding-left: 25px;}
.full-width-sec ul.list li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';}
.full-width-sec ul{margin-bottom: 20px;}
.full-width-sec ul li{font-weight: 500;color: rgba(var(--bs-white-rgb));margin-top: 5px;position: relative;padding-left: 25px;}
.full-width-sec ul li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';}
/* full width section li styling */

/* 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: var(--color-dark);border: 0px solid #555555; border-radius: 50px;}

/* left right section end */


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

/********************** 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: #1172ba; 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; 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 */
 
/* contact sidebar start */
.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 {position: absolute; background-color: var(--theme-color2); right: 0; padding: 70px 20px 20px; height: 100%; overflow-y: auto;}
.appointment-box .inner-box::-webkit-scrollbar { width:5px;}
.appointment-box .inner-box::-webkit-scrollbar-thumb {background:  #fff; border-radius: 20px;}
.appointment-box .inner-box .cross-icon {position: absolute; z-index: 99; right: 20px; top: 10px; cursor: pointer; color: #fff;}
.appointment-box .inner-box .cross-icon a span{font-size: 28px;}
.appointment-box input:not([type=submit]),.appointment-box select {-webkit-appearance: none; height: auto; border-radius: 4px !important; margin-bottom: 16px;  background-color: #fff; border: none; padding: 10px 15px; color: #6c757d;}
.appointment-box textarea {height: 125px; min-height: 125px; max-height: 125px; border-radius: 4px !important; background: #fff; margin-bottom: 15px; border: none; padding: 10px 15px;}
.appointment-box input[type=submit] {border: none; background: var(--theme-color); display: inline-block; font-weight: 500; text-decoration: none; position: relative; z-index: 2; overflow: hidden; text-shadow: 0 0 1px rgb(255 255 255 / 30%); white-space: nowrap; padding: 10px 32px; color: #fff; width: auto; height: auto; border-radius: 4px; margin-top: 15px; 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 input[type=submit]:hover{background: #fff; color: #1ea3b6;}
.appointment-box .wpcf7-spinner{position: absolute;left: 141px;margin-top: 15px;  z-index: 9;}
.appointment-box input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {margin: 0;  }
.appointment-box span.wpcf7-not-valid-tip {margin-bottom: 5px; font-size: 13px; color: #fff;}
.appointment-box .wpcf7 form.invalid .wpcf7-response-output{border-color: #f00; font-size: 16px; line-height: 26px; color: #fff; margin:15px 0 0 0px;}
#appointment-close span img{height: 20px; filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(325deg) brightness(115%) contrast(101%);}
.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; }

.appointment-box form.invalid .form-control.wpcf7-not-valid { border: 1px solid red !important; margin-bottom: 0 !important;}
.appointment-box form .wpcf7-not-valid-tip { color: red;}
.appointment-box .recaptcha { margin-bottom: 15px;}
.appointment-box .form-group { margin-bottom: 0;}

.appointment-box .form-group .wpcf7-select.form-control { background-image: url('https://almostready.website/solar-gutter-cleaning/ecosolarqld.com.au/wp-content/uploads/2025/07/down.png'); background-size: 15px; background-repeat: no-repeat; background-position: center right 15px;}
/* contact sidebar end */

/********************** common sidebar floating form end **********************/


/*=================================================== Styling by Manav For theme Change start ===================================================*/

/********** header css start ***********/
.fixed-top { box-shadow: 0px 1px 5px 0px rgb(0, 0, 0, 0.1);}
.header-top { }
.header-top .shape { }
.header-top .shape .shape-1 { left: -100px; right: initial; width: 45%; border-radius: 20px 0 20px 0; border-right: 5px solid var(--color-white);}
.header-top .shape .shape-2 { right: -30px; left: initial; width: 15%; border-radius: 20px 0 20px 0; border-left: 5px solid var(--color-white);}
.header-top-wrap { justify-content: end;}

.navbar .nav-item .dropdown-menu .dropdown-item { line-height: 1.6;}

/********** header css end ***********/


/********** banner css start ***********/
.home .hero-slider { }
.home .hero-slider .hero-single { }
.home .hero-slider .hero-single .hero-content { }
.home .hero-slider .hero-single .hero-content .hero-title { }
.home .hero-slider .hero-single .hero-content .hero-title span { -webkit-text-stroke: unset; color: var(--theme-color);}

.home .hero-slider .owl-nav { position: absolute; right: 5%; bottom: 0; top: initial;}
.home .hero-slider .owl-nav>* { position: initial; margin: 0 5px;}
/********** banner css end ***********/

/********** main section css start ***********/

/* feature area styling start */
.feature-area { }
.feature-area .row>* { margin: 10px 0;}
.feature-area .feature-item { border-radius: 25px; flex-direction: initial; flex-wrap: wrap; align-items: center; background-color: var(--color-dark);}
.feature-area .feature-item .count { right: 20px; left: initial; top: 20px; bottom: initial;}
.feature-area .feature-item .feature-icon { border-radius: 20px; margin-right: 5px; }
.feature-area .feature-item .feature-content-head { }
.feature-area .feature-item .feature-content-head h4 { margin-bottom: 0; color: #fff;}
.feature-area .feature-item .feature-content { flex: initial;}
/* feature area styling end */

/* about area styling start */
.about-left { border-radius: 50px; overflow: hidden; height: 100%;}
.about-left::before { width: 50%; height: 100%; left: 0; top: 0; transform: translateX(0); z-index: 1; border-radius: 50px; background-color: var(--color-white);}
.about-left .about-img { background-repeat: no-repeat; background-size: cover; background-position: right bottom -100px; height: 100%;} 
.about-left .about-img .row { height: 100%;}
.about-left .about-img .row>:first-child { height: 100%;}
/* .about-left .about-img .row>:last-child { display: none;} */
.about-left .about-img .row>:first-child .img-1 { z-index: 1; position: relative; width: 93%; height: 92.5%; object-fit: cover; top: 50%; left: 0; transform: translate(15px, -50%); border-radius: 40px;}
.about-left .about-experience { top: 50%; left: 75%; background: var(--theme-color2); border-color: var(--theme-color); border-radius: 50px;}
/* about area styling end */

/* process area styling start */
.process-area { }
/* box theme 01 */
/* .process-area .process-item { text-align: start; display: flex; flex-wrap: wrap; justify-content: space-between;}
.process-area .process-item .count { width: 50%; display: flex; justify-content: center; align-items: center; background-color: var(--theme-color); border-radius: 50px;}
.process-area .process-item .icon { width: 50%; position: initial; background: var(--color-dark); border-color: initial; border-radius: 0;}
.process-area .process-item .content { margin-top: 0;} */

/* box theme 02 */
.process-area .process-item { text-align: start; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: initial; padding: 0; overflow: hidden; border: 1px solid #1a1a1a6e; height: 100%;}
.process-area .process-item .count { width: 50%; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--theme-color); border-radius: 50px; border-radius: 0;}
.process-area .process-item .icon { width: 50%; height: 65px; position: initial; background: var(--color-dark); border-radius: 0; border: unset; display: flex; justify-content: center; align-items: center;}
.process-area .process-item .content { margin-top: 0; padding: 10px 20px;}
/* process area styling end */

/* cta area styling start */
.cta-area { padding: 80px 0;}
.cta-area::before { background-color: var(--theme-color2);}
.cta-area::after { height: 100%; width: 24%; right: 0; left: initial; top: 0; transform: translateX(50%); border-radius: 300px; background-color: rgb(26, 26, 26, 05); display: none;}
/* .cta-area .cta-shape-circle { height: 100%; width: auto; position: absolute; right: 0; left: initial; top: 0; transform: translateX(0%); border-radius: 300px;} */
.cta-area .cta-content { text-align: center; max-width: 90%; margin: auto;}
.cta-area .cta-shape-circle { position: absolute; right: -47%; top: -35%; height: 630px; width: 100%;}
.cta-area .cta-shape-circle .rings { height: 100%; width: 100%; display: none;}
.cta-area .cta-shape-circle .rings circle { transform-origin: center; animation: pulse 3s ease-in-out infinite;}
.rings circle:nth-child(2) { animation-delay: 1s;}
.rings circle:nth-child(3) { animation-delay: 1.5s;}
.rings circle:nth-child(4) { animation-delay: 2.5s;}
.rings circle:nth-child(5) { animation-delay: 3s;}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.7; }
}
/* cta area styling end */

/* partner area in cta hide */
.partner-area { display: none; }
/* partner area in cta hide */

/* product area start */
.choose-area { }
.choose-area .row .row>* { display: flex;}
.choose-area .choose-content { position: relative; background-color: var(--color-white); box-shadow: 0px 0px 60px 0px #0000000d; border-radius: 10px; border: 1px solid transparent; padding: 30px; border-width: 1px; border-style: solid; border-color: transparent; border-image: initial; transition: .5s ease; margin-top: 50px; }
.choose-area .choose-content:hover { border-color: var(--theme-color);}
.choose-area .choose-content .choose-item-icon { text-align: center; transition: .5s ease; position: absolute; right: 30px; top: -35px; border-radius: 10px; }
.choose-area .choose-content:hover .choose-item-icon { transform: rotate(45deg);}
.choose-area .choose-content .choose-item-icon img { transition: .5s ease;}
.choose-area .choose-content:hover .choose-item-icon img { transform: rotate(-45deg);}
.choose-area .choose-content .choose-item-icon::before { border-radius: 10px;}
.choose-area .choose-content .choose-item { margin: 0;}
.choose-area .choose-content .choose-item .choose-item-info .list { display: flex; justify-content: start; align-items: center; margin-block: 20px; flex-wrap: wrap; gap: 10px;}
.choose-area .choose-content .choose-item .choose-item-info .list li a { padding: 10px 30px; border: 1px solid var(--theme-color); font-size: 28px; border-radius: 10px; transition: .3s ease;}
.choose-area .choose-content .choose-item .choose-item-info .list li:hover a { background: var(--theme-color); color: var(--color-white);}
/* product area end */

/* service area start */
.service-area { }
.service-area .service-slider  { }
.service-area .service-slider .service-item { max-width: 89%; width: 100%; margin: auto;}
.service-area .service-slider .service-item .service-img img { height: 200px; object-fit: cover;}
/* service area end */

/* quote area start */
.quote-area { }
.home .quote-area .quote-form { padding: 0;}
.quote-img { height: 100%;}
.quote-img img { height: 100%; object-fit: cover;}
/* service area end */

/* contact form start */
.form-control:focus { box-shadow: unset !important;}

.quote-form .invalid .form-control.wpcf7-not-valid { border-color: red !important;}

.contact-form .invalid .form-control.wpcf7-not-valid { border: 1px solid red !important;}
/* contact form end */

/* 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 h2{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 */
/********** main section css end ***********/


/*=================================================== Styling by Manav For theme Change end ===================================================*/

/*========================================= Styling For theme Change Responsive =========================================*/

@media (max-width: 1666px) {
  .header-top .shape .shape-1 { }
  .header-top .shape .shape-2 { width: 8%;}
}

@media (max-width: 1439px) {
  .header-top .shape .shape-1 { }
  .header-top .shape .shape-2 { display: none;}
}

@media (max-width: 1199px) {
  .header-top .shape .shape-1 { }
  .header-top .shape .shape-2 { width: 5%; display: block;}
  .about-left .about-img .row>:first-child .img-1 { width: 91%;}

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

@media (max-width: 1199px) {
  
}

@media (max-width: 991px) {

  .about-left .about-img .row>:first-child .img-1 { width: 94%; height: 94%;}

  .service-area .row>:last-child { order: -1;}
  .service-area .service-slider .service-item { max-width: 100%; margin-bottom: 30px;}

  .choose-area .choose-content { padding: 20px; margin-top: 60px;}
  .choose-area .choose-content .choose-item .choose-item-info .list li a { padding: 5px 13px; border-radius: 5px;}

  .quote-area .quote-form { margin-top: 30px;}

  .cta-area { padding-top: 30px !important; padding-bottom: 30px !important;}

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

@media (max-width: 767px) {

  .about-left .about-img .row>:first-child .img-1 { width: 93%; height: 93%;}

  .service-area .service-slider .service-item { border-radius: 10px;}

  .process-area .process-item { border-radius: 10px;}

  .choose-area .choose-content .choose-item .choose-item-info .list li a { padding: 5px 10px; font-size: 20px;}
  
  .cta-area { padding: 30px 0;}

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

@media (max-width: 575px) {

  .about-left .about-img .row>:first-child .img-1 { width: 91%; height: 91%;}

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






/* styling for scrollbar in firefor */
.mCSB_draggerContainer { }
.mCSB_draggerContainer .mCSB_draggerRail { background-color: var(--body-text-color) !important; width: 4px !important;}
.mCSB_draggerContainer .mCSB_dragger_bar { background-color: var(--theme-color) !important; border-radius: 20px !important;}
/*styling for scrollbar in firefor */