.signup-btn{background-color: var(--theam-color);}
.signup-btn:hover{background-color: var(--comman-color);}
.signup-btn a{font-size: 16px;}
.appointment-box {width: 447px;}
.appointment-box .inner-box{background-color: var(--theam-color);}
.appointment-box input[type=submit]{border: 1px solid #fff !important; background-color: var(--theam-color); border-radius: 50px;}
.appointment-box input[type=submit]:hover{color: var(--theam-color); }
.read-more-btn{background: transparent;font-weight: 700;border-bottom: 1px solid var(--theam-color); line-height: normal; padding: 0;}

/* contact sidebar start */
.signup-btn {text-align: center; width: 140px; height: 38px; line-height:40px; letter-spacing: 0.5px; position: fixed; right: -51px; top: 48%; background:#0071bc;; z-index: 999; cursor: pointer; border-top-left-radius:4px; border-top-right-radius: 4px; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); 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;   }
.signup-btn:hover{background:#000;}
.signup-btn a {font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff;}
.signup-btn a:hover{text-decoration:none; color: #fff;}
.form-control:focus,.form-select:focus{box-shadow: none;}

.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: #0071bc;; 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; font-size: 16px;  background-color: #fff !important; border: none; padding: 10px 15px; color: #6c757d;}
.form-control{margin-bottom: 16PX !important;}
.form-control.wpcf7-not-valid{margin-bottom: 0PX !important; border: 1px solid #ff0000 !important;}
.appointment-box textarea {height: 80px; border-radius: 4px; font-size: 16px; background: #fff !important; margin-bottom: 15px; border: none; padding: 10px 15px;}
.appointment-box input[type=submit] {border: none; background: #000; 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: 12px 32px; font-size: 18px; color: #fff; width: auto; 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 input[type=submit]:hover{background: #fff; color: #0071bc;;}
.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: 10px; font-size: 12px; color: #ffffff;}
.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; }
.recaptcha{margin-bottom: 15px; display: block;}
.recaptcha .wpcf7-form-control{margin-bottom: 15px; display: block;}
.recaptcha .wpcf7-form-control.wpcf7-not-valid{margin-bottom: 0px; }

/* contact sidebar end */

.menu-sidebar-area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}
@media (max-width: 560px) {
  .menu-sidebar-area {
    width: 375px;
  }
}

@media (max-width: 479px) {
.appointment-box {right: -300px; width: 100%;}
}
.menu-sidebar-area .menu-sidebar-logo {
  display: inline-block;
  width: 180px;
}
.menu-sidebar-area .menu-sidebar-wrapper {
  position: relative;
  padding: 40px;
}
.menu-sidebar-area.active {
  right: 0;
}
.menu-sidebar-area .menu-sidebar-close {
  position: absolute;
  top: 35px;
  right: 45px;
}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  height: 40px;
  width: 40px;
  background-color: var(--comman-color);
  color: #ffffff;
  border-radius: 50%;
}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover {
  background-color: var(--comman-color);
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title {
  margin-bottom: 5px;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 24px;
  padding: 6px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  color: #0e3440;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  width: 100%;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span.contact-info-item {
  gap: 0 10px !important;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #0e3440;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a:hover {
  color: var(--comman-color);
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile {
  margin-top: 20px;
  border-top: 1px solid #dfe2e9;
  width: 100%;
  padding-top: 20px;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a {
  color: #0e3440;
  font-size: 22px;
}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover {
  color: var(--comman-color);
}

/* common css strat */
.ptb70{padding-top: 70px; padding-bottom: 70px;}
img{max-width: 100%;}
/* common css end */

/* home gallery start */
.home-gallery-sec h2{text-align: center; margin-bottom: 40px; font-size: 38px;}
.home-gallery-sec .gallery-img-box{margin-bottom: 24px; overflow: hidden;}
.home-gallery-sec .gallery-img-box img{ transition: ease-in-out all 0.5s;}
.home-gallery-sec .gallery-img-box:hover img{transform: scale(1.1); transition: ease-in-out all 0.5s;}
.lightbox{top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); position: fixed;}

 .lb-nav a.lb-next{background: url("../image/next.png") right 48% no-repeat; }
.lb-nav a.lb-prev{background: url("../image/prev.png") left 48% no-repeat; }
.lb-data .lb-close{background: url("../image/close.png")top right no-repeat;} 
.lb-nav a.lb-next{background: url("https://almostready.website/solar-gutter-cleaning/adelaidegutterservice/wp-content/uploads/2025/06/next.png") right 48% no-repeat; }
.lb-nav a.lb-prev{background: url("https://almostready.website/solar-gutter-cleaning/adelaidegutterservice/wp-content/uploads/2025/06/prev.png") left 48% no-repeat; }
.lb-data .lb-close{background: url("https://almostready.website/solar-gutter-cleaning/adelaidegutterservice/wp-content/uploads/2025/06/close.png")top right no-repeat;}
/* home gallery end */