.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:var(--theme-color);; z-index: 99992; 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: var(--theme-color);; 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: #db9300;;}
.appointment-box .wpcf7-spinner{position: absolute;left: 180px;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: 1.3; 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;
}

.main-menu .sub-menu .menu-item.active a { background-color: unset; color: var(--theme-color);}
.main-menu .sub-menu .menu-item.active { background-color: unset; color: var(--theme-color);}

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

.about-btm-lr ul { padding-left: 0;}
.about-btm-lr .box-title { margin-top: 0; font-weight: 500; font-size: 20px;}

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

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

.breadcumb-title {
    font-size: 70px;
    line-height: 1.11;
    max-width: 930px;
}

ul li,
ol li { color: var(--body-color);}

/* Header css */
header.sticky { box-shadow: 0px -2px 10px 0px #0000005e;}
.header-default.sticky .header-top { padding: 4px 0;}
.header-default.sticky .header-logo { padding: 7px 0; }
.header-default.sticky .header-logo a img { height: 50px ; }
.header-default.sticky .th-btn { padding: 15px 40px;}

.contact-form .form-btn { position: relative;}
.contact-form .wpcf7-spinner { margin: 0; top: 50%; right: 40px; position: absolute; transform: translateY(-50%); z-index: 9;}

.header-links li i { color: var(--theme-color2);}

.main-menu ul li { padding: 30px 0;}
.th-header .main-menu ul.sub-menu { top: 98px;}
/* .th-header.sticky .main-menu ul.sub-menu { top: 50px;} */
.th-header .dropdown-item.active, .th-header .dropdown-item:active { background-color: unset; color: #0d6efd;}
.main-menu ul.sub-menu { top: 68px;}
.main-menu ul.sub-menu li a:hover:before { display: none;} /* For Remove animation in Dropdown On Hower menu icon */
.main-menu ul.sub-menu li a:hover { padding-left: 0; background-color: transparent;} /* For Remove animation in Dropdown On Hower menu icon */
.main-menu ul.sub-menu li a:active,
.main-menu ul.sub-menu li a:active { background-color: transparent; color: #000;}



/* .title-area { padding-top: 0;} */

.header-top .g-2, .header-top .gy-2 { --bs-gutter-y: 0;}

/* Styling for sub-menu start */
.main-menu ul li:hover>ul.sub-menu { padding: 10px 0;}
.main-menu ul.sub-menu li { padding: 5px 50px 3px 20px; border-bottom: 1px solid var(--gray-color);}
.main-menu ul.sub-menu li:last-child { border-bottom: unset;}

.form-control { margin-bottom: 0;}

.form-group { margin-bottom: 0;}
.form-control { margin-bottom: 20px !important; color: #7a8289;}

.lf-content .row:not(:last-child) { margin-bottom: 80px;}

.about-btm-lf .why-2-left { margin-right: 0;}

.scrollable-service-content.scroll { overflow-y: auto; padding-right: 5px;}
.scrollable-service-content.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scrollable-service-content.scroll::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;}
.scrollable-service-content.scroll::-webkit-scrollbar-thumb{background-color: var(--theme-color); border-radius: 50px;}

.why-choose-area .why-choose-1-right .why-choose-1-right-card { background-color: var(--theme-color);}

.th-menu-wrapper .mobile-logo { padding: 30px 10px;}
.th-menu-wrapper .mobile-logo img { height: 55px;}

.appointment-box input[type=submit] { filter: unset; box-shadow: unset; border: none !important; padding: 13px 32px;}


.lf-content ol li,
.lf-content ul li:not(:last-child) { margin-bottom: 8px;}

.cta-box4 .title-area .box-text { color: var(--white-color);}


/* Meni styling  */
.current-menu-item>a { color: var(--theme-color);}

.accordion-card:not(:last-child) { margin-bottom: 20px;}
.accordion-card .accordion-body { padding: 23px 30px;}
.accordion-card .accordion-body p { margin: 0;}

/* Service page css  */
.scrollable-service-content { margin: 0;}


.contact-map { height: 100%;}
.contact-map iframe { height: 100%;}
 
.lf-content .container .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.header-default .col-auto { margin: 0;}

.accordion-card .accordion-button:after { right: 20px;}


@media (max-width: 1660px) {
    :root { --section-space: 60px; }
    :root { --section-space-mobile: 60px; }
}


@media (max-width: 1399px) {

  :root { --section-space: 60px; }
  :root { --section-space-mobile: 60px; }

  .header-default .header-logo { padding: 10px 0; }
  .header-default .header-logo img { height: 55px;}

    /* .img-box1 { margin-left: 30px;}
    .img-box1 .img1 { left: -30px;}
    .img-box1 .shape1 { right: -80px;} */
}

@media (max-width: 1199px) {

  .th-btn { padding: 15px 40px; }

  .header-logo { padding: 5px 0;}

  .breadcumb-title { font-size: 52px; }
  .breadcumb-wrapper:has(.breadcrumb-bottom-shape) { pad: 270px 0 140px;}
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span { font-size: 16px; }

  .lf-content .row:not(:last-child) { margin-bottom: 50px; }

  /* .counter-sec1 { padding-left: 50px; padding-right: 50px;} */

  .feature-item { padding: 18px; }

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

  .counter-sec1 .counter-card-wrap { padding: 60px 40px;}
  .counter-sec1 .counter-card .box-number .counter-number { font-size: 44px;}
  .counter-sec1 .counter-card .box-text { font-size: 16px;}
}

@media (max-width: 991px) {
  :root { --section-space: 40px; }
  :root { --section-space-mobile: 40px; }

  .header-default .th-menu-toggle { width: 46px; height: 46px; }

  .header-default.sticky .header-logo { padding: 0;}

  .page-template-about-us .title-area { margin-top: 30px;}

  .header-default.sticky .th-menu-toggle { width: 35px; height: 35px; font-size: 16px;}
  .header-default.sticky .sticky-wrapper { padding: 5px 0; }

  .breadcumb-title { font-size: 44px; }
  .breadcumb-wrapper:has(.breadcrumb-bottom-shape) { margin: 0; padding: 200px 0 110px;}

  .contact-feature { flex-direction: column; text-align: center; height: 100%;}

  .about-btm-lf .why-2-left { margin-bottom: 30px;}
  .about-btm-lf .why-2-left .img2 img { width: 100%;}

  .home-gallery-sec h2 { margin-bottom: 10px;}

    .service-card .box-content {
        padding: 20px 0;
    }

    .counter-sec1 .counter-card .box-number .counter-number { font-size: 34px;}
    .counter-sec1 .counter-card .box-text { font-size: 14px;}
    

  .lf-content .row:not(:last-child) { margin-bottom: 35px;}


    .img-box1 {  max-width: 640px;}
    .img-box1 .img1 { left: 20px;}
    .img-box1 .shape1 { right: 20px;}

    .accordion-card .accordion-button { padding: 15px 0 15px 20px;}
    .accordion-card .accordion-body { padding: 15px 15px 15px 20px;}
    .accordion-card:has(.show) { border-radius: 15px;}
    .accordion-card { border-radius: 15px;}

    .box-title { font-size: 20px;}
    .process-box .box-icon { height: 80px; width: 80px; line-height: 80px; margin-bottom: 15px;}
    .process-box .box-icon { font-size: 28px;}

    .contact-feature { padding: 15px; border-radius: 25px; gap: 15PX;}
    .contact-feature .contact-feature-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; border-radius: 7px;}
    .contact-feature .media-body { margin-bottom: 0; min-width: fit-content;}

    .quote-form-box.style-2 .contact-form { max-width: 100%; margin-bottom: 50px;}
    .contact-map iframe { height: 350px;}
}

@media (max-width: 767px) {

  .th-btn { padding: 14px 27px; min-width: 150px;}

  .header-logo a img { height: 50px; }
  .th-menu-toggle { height: 45px; width: 45px;}
  .header-links li:not(:last-child) { margin-right: 20px; }
  .header-links li:not(:last-child):after { display: block; right: -15px; }

  .header-default .header-logo { padding: 5px 0; }
  .header-default .header-logo a img { height: 45px;}
  .header-default .th-menu-toggle { height: 35px; width: 35px; font-size: 16px;}


  .header-default.sticky .header-logo a img { height: 50px; }
  .header-default.sticky .th-menu-toggle { width: 35px; height: 35px; font-size: 16px;}
  .header-default.sticky .sticky-wrapper { padding: 5px 0; }

  .breadcumb-wrapper:has(.breadcrumb-bottom-shape) { padding: 190px 0 100px; }
  .breadcumb-wrapper .breadcrumb-right { left: 75%;}

  .counter-sec1 .counter-card .box-number .counter-number { font-size: 30px;}
  .counter-sec1 .counter-card .box-text { font-size: 14px;}


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

    .img-box1 { margin: auto;}
    .img-box1 .shape1 { right: -20px;}
    .img-box1 .img1 { left: -20px;}

    .contact-feature { flex-direction: row; text-align: start; align-items: start;}

    .quote-form-box.style-2 .contact-form { margin-bottom: 30px;}

    .scrollable-service-content.scroll { height: initial !important; overflow-y: initial; margin-top: 20px;}

    .contact-form { margin-bottom: 20px;}
}

@media (max-width: 575px) {

  .header-default.sticky .header-logo a img { height: 40px; }

  .th-btn { padding: 13px 20px; min-width: 140px;}

  .header-default .header-top { padding: 5px;}

  .header-links li:not(:last-child) { margin-right: 10px;}
  .header-links li:not(:last-child):after { right: -7px;}
  .header-links li, .header-links span, .header-links p, .header-links a { font-size: 12px; }

  .breadcumb-title { font-size: 34px; max-width: 380px;}
  .breadcumb-wrapper:has(.breadcrumb-bottom-shape) { padding: 180px 0 70px;}
  .breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span { font-size: 14px;}

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

    .why-choose-area .container > .row { margin-bottom: 0px;}

    .choose-feature-wrap__content .box-title { font-size: 18px; margin-bottom: 5px;}
    .choose-feature-wrap .box-icon { height: 65px; width: 65px; line-height: 65px;}

    .footer-widget { border-bottom: 1px solid #3d4bfb; padding-bottom: 30px; border-radius: 0; margin-bottom: 30px;}

    .footer-default .row>:last-child .footer-widget { border-bottom: unset; padding-bottom: 0;}
}

@media (max-width: 479px) {

  .th-menu-wrapper .mobile-logo { padding: 30px 10px;}

  .page-template-about-us .title-area { margin-top: 20px;}

  .header-default .header-top .row { justify-content: end !important;}
  .header-default.sticky .header-top .row { justify-content: end !important;}

  .header-links li, .header-links span, .header-links p, .header-links a { font-size: 0; }
  .header-links li i { font-size: 14px; margin-right: 15px;}
  .header-links li:not(:last-child) { margin-right: 20px; }

    .th-menu-wrapper .th-menu-area {
        width: 100%;
        /* max-width: 270px; */
        max-width: 100%;
    }

    .th-mobile-menu>ul {
        padding: 0 20px
    }
    

}

@media (max-width: 380px) {

    .hero-title { font-size: 34px;}
    .sub-title { margin-bottom: 5px;}
}
    @media (max-width: 380px) {
    .th-menu-toggle { height: 40px; width: 40px; font-size: 18px;}

    .contact-feature { text-align: center;}
    .contact-feature .contact-feature-icon { margin: auto; margin-bottom: 15px;}
}