/* 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 */
.wpcf7-not-valid-tip{font-size: 15px;}
input.wpcf7-not-valid{border-color: #dc3232 !important;}
textarea.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 */

/* 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: #64d27d;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: #1ea3b6; 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: #1ea3b6; 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: #64d27d; 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;}
/* contact sidebar end */
.appointment-box select.form-control { background-image: url('https://ecosolarperth.com.au/wp-content/uploads/2025/07/down.png'); background-size: 15px; background-position: center right 20px; background-repeat: no-repeat; color: #6c757d;}
/********************** common sidebar floating form end **********************/


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