:root {--dark-bl:#0f084c;--light-bl:#00adea;--Black: #000000;--White:#fff;--Yellow:#f3e921;}
body{color:var(--black);font-family: 'Comfortaa', sans-serif;hyphens:auto;font-size: 15px;line-height: 28px;}
h1,h2,h3,h4,h5,h6{font-weight:bold;letter-spacing:0;color:var(--Black); margin-bottom:1.5rem;font-family: "Mulish", sans-serif;}
h2{font-size:40px;}
img{max-width:100%;}
.info-text h5 {margin: 0;}
.bg-darkblue{background: var(--dark-bl)}
.bg-darkblue p,.bg-darkblue a,.bg-darkblue h1,.bg-darkblue h2,.bg-darkblue h3,.bg-darkblue h4,.bg-darkblue h5,.bg-darkblue h6,.bg-darkblue li{color:var(--White);}
.bg-blue{background: var(--light-bl)}
.bg-blue p, .bg-blue h1,.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue h5,.bg-blue h6,.bg-blue li{color:var(--White);}
.site-header {display: flex;align-items: center;justify-content: space-between;padding:0;}
.header{position: fixed;left: 0;right: 0; top:0; background:#302782;z-index: 99;    box-shadow: rgba(26, 54, 85, 0.1) 0px 20px 30px;}
header.fixHeader {box-shadow: 0 0 10px var(--Black)}
@keyframes slideDown {
from {transform: translateY(-100%);}
to {transform: translateY(0);}
}
.bg-gray{background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;}
.btn.btn-md{padding: 12px 35px;}
.btn.btn-lg{padding: 20px 50px;}
.btn{background:var(--light-bl); color:var(--White); position: relative; overflow: hidden;transition: all 0.3s ease-in-out;}
.btn:hover{background: var(--light-bl);}
.btn span{position: relative; z-index:2; color:var(--White);}

/*.btn::after {content: '';position: absolute;width: 100%;height: 0;top: 50%;left: 50%;background: var(--dark-bl);opacity: 0;z-index: 1;*/
/*-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);*/
/*-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);transition: all 0.6s ease-in-out;}*/

.btn:hover:after {height: 450%;opacity: 1;background: var(--dark-bl); color:var(--White);}
a.btn.btn-lg br {display: none;}
.form-sectionc {padding:0px; background-color:#fff;border-radius:15px;    box-shadow: 0 0 10px #000;}
.form-sectionc p {margin-bottom: 7px;}
.form-sectionc.bg-light p{margin:0;}
.alignnone {margin: 0;}
.phoneNumber {font-size:42px;font-weight:bold;display: flex;gap:7px;align-items:center;text-decoration:none;color:var(--dark-bl);}
.phoneNumber:hover {color:var(--light-bl);}
.getFreeQuote {background:var(--light-bl);color:var(--White);padding: 7px 20px;display: table;border-radius: 5px;}
.getFreeQuote:hover {background:var(--light-bl);color:var(--White);}
.haedright {display: flex;align-items: center;gap:30px; margin-left:auto;}
.space {padding:100px 0;}
.titlebox {background:var(--dark-bl);padding:40px 0; margin-bottom:0px; margin-top:80px; position: relative; text-align:center;}
.titlebox h1{color:var(--White); margin:0; font-size:54px;}
.titlebox.featured-image {background-repeat: no-repeat;background-size: cover;background-position: center;height: 400px;text-align: center;display: flex;align-items: center;}
.titlebox.featured-image .container{position: relative;}
.titlebox.featured-image:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background:#00000094;}
/*form*/
ul.square li a {text-decoration: none;color: #222;}
ul.square li a:hover{color:#00adea;}
.contactForm p {margin: 0;}
.wpcf7-form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color:var(--White);background-clip:padding-box;
border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; height:45px;}
.contactForm {background:var(--dark-bl);padding: 20px;border-radius: 5px;}
textarea.wpcf7-form-control.wpcf7-textarea {height: 75px;}
.col-md-12.submitBTN {position: relative;}
input.wpcf7-form-control.wpcf7-submit {background:var(--light-bl);border: 0;padding:10px;color:var(--White);border-radius: 10px;height:auto;}
.wpcf7-spinner{margin: 0;position: absolute;top: 14px;right: 25px;}
.titlebox.blogTitle {padding: 100px 0;}
/*end form*/
.logoleft {max-width:140px;}
img.logo-item {max-width:100%}
h1.home-page-title {text-align: center;margin: 0;font-size: 40px;margin-top:50px;color: #302782;}
img.min-height {height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
/*menu*/
.mobile-nav-trigger {z-index:999;font-size: 40px;font-weight: bold;position: fixed;top:9px;right:15px;color:var(--White);background:var(--light-bl);display: none;line-height: 0;}
i.bi.bi-x {display: none;}
.mobile-nav-trigger.open i.bi.bi-x{display:block;}
.mobile-nav-trigger.open i.bi.bi-list{display: none;}
ul.navigation {display: flex;align-items: center;flex-wrap: wrap;}
ul.navigation li a {color:var(--dark-bl);padding:20px 19px;text-align: center;}
ul.navigation li a:hover {color:var(--light-bl);}
.navigation ul li a {color:var(--dark-bl);padding:8px;border-bottom: 1px solid #eeeeeec4;text-align: left;}
.navigation ul{min-width: 260px;background:var(--White);padding: 10px;box-shadow: 0 10px 10px #00000014;max-height: 75vh;overflow: auto;}
.navigation ul li:last-child a {border-bottom: 0;}
ul.navigation li a.dropmenu{position: relative;display: flex;align-items: center;gap: 8px;}
ul.navigation li a.dropmenu:after{content: "\F282";font-size: 14px;font-family: "bootstrap-icons";}
.navigation li:hover>ul {top:50px;}

.header.fixHeader .logoleft {max-width: 130px;}
.header.fixHeader ul.navigation li a{padding: 20px 19px;}
.header.fixHeader .navigation ul li a{padding:8px;}
.header.fixHeader .navigation li:hover>ul {top:50px;}
/*End of menu*/
section.map iframe {margin: 0;}
.mainsilder .form-section{background:#fff;box-shadow: 0 0px 20px #00000052;}
.mainsilder {padding:0px;padding-top:127px; position: relative; overflow: hidden;}

.Homesilder {box-shadow:rgb(2 1 12 / 24%) 0px 10px 10px;padding-top:80px;background-image: url(https://gasplumbingservices.com.au/public/uploads/gallery/1775712729_slider-bg.jpg);
background-size: cover;background-position: center;position: relative; background-repeat:no-repeat; height:863px;display: flex;
justify-content: center;margin-top:0px; z-index:9;}
.Homesilder .form-title .title{font-size:32px;text-shadow:none; color:#fff;line-height: normal;margin-bottom: 10px;}
span.sm-title {display: block;font-size: 20px;color: var(--White);margin:20px 0;}
.mainsilder .form-section span.form-title {background: #00adea;display: block;padding: 20px;text-align: center;    display: block;}
.Homesilder .container {position: relative;}
.sliderboxTex {background:#0f084cde;padding: 30px;border-radius: 24px;}
.sliderboxTex span.title {display: block;color: #fff;font-size: 44px;}
.mainsilder .form-section span.sec {color: #fff;}
.contact-card.form-card {padding: 30px;}
section.slidebottom {padding: 40px 0;background: #0f084c;}
.form-section{}
span.formTitle {font-size:32px;color:var(--dark-bl);display:block;margin-bottom:25px;text-align:center;font-weight:bold;line-height:40px;}
h1.homeTitle {padding: 30px 0;font-size: 52px;}
span.sm-title {display: block;}
/* .h3, h3 {font-size: 24px;} */
ul.square {padding: 0;list-style-type: none;}
ul.square li {position: relative;margin-bottom: 15px;gap: 8px;}
ul.square li:before {display: inline-block;content: "\F2EF";font-size: 14px;font-family: "bootstrap-icons";margin-right: 6px;}
ul.square.blueD li:before{color:var(--dark-bl);}
ul.square.blueL li:before{color:var(--light-bl);}
ul.square.white li:before{color:var(--White-bl);}
.section.calltoaction {background: var(--dark-bl);padding: 50px 0;text-align: center; color:#fff;}
.section.calltoaction .btn.contactus{display: table;margin: auto;margin-top: 30px;}
.section.calltoaction .phoneNumber {color: var(--White);display: table;margin: auto;font-size: 72px;line-height: 120px;}
/*.section.calltoaction h2 {color:var(--White);}*/
.section.calltoaction p {margin:0;color:var(--White);}
a.btn.contactus {background: var(--light-bl);font-size: 24px;color:var(--White);padding: 5px 30px;margin-top: 20px;}
section.space.mt-50 {margin-top: 50px;padding: 0;}
section.servicesSection {padding: 50px 0;}
section.servicesSection h2 {text-align: center;}
.block-service {overflow: hidden; position:relative;}
.block-service:before {content: '';z-index: 9;position: absolute;left: 20px;top: 20px;right: 20px;bottom: 20px;border: 5px solidvar(--White);}
.block-service:after {content: '';position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: #00000038;}
.block-service h3 {text-transform: none;font-weight: 500;position: absolute;bottom: 30px;right: 30px;color:var(--White);font-size:32px;z-index: 9;}
.block-service img {width: 100%;height: 100%;object-fit: cover;-webkit-transition: 0.4s all;transition: 0.4s all;}
.block-service:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.block-service p{margin: 0;}
.section-header {text-align: center;margin-bottom:20px;}
.testimonials h6 {color: var(--light-bl);}
.discountbox {display: flex;gap: 30px;justify-content: center;}
.offerbox {display: block;color: #fff;font-size: 20px;background:#00adea;outline: 3px dashed #fff;padding:15px;text-align: center;max-width: 330px;
border-radius: 20px;box-shadow: 0 0 19px #00adea;}
span.off {display: block;font-size: 38px;font-weight: bold;text-transform: uppercase;text-shadow: 2px 4px #302782;color: #ffffff;line-height: 52px;}
.call-btn {padding: 0;background-color: #00adea;color: #fff;font-weight: bold;border: none;border-radius: 50px;cursor: pointer;text-decoration: none;
transition: all 0.3s ease-in-out;overflow: hidden;width:70px;height:70px;display: flex;justify-content: center;
align-items: center;font-size:32px;text-shadow: 0 3px #000;border: 5px solid #fff;box-shadow: inset 0 0 10px #201e1a;}
.offerbox.frsbooking {background: #f16027;}
.call-btn:hover {color: #fff;transform: scale(1.1);}
.call-btn-slide{position:relative;margin-top: 50px;display: flex;align-items: center;font-size: 40px;color: #fff;font-weight: bold;
gap: 10px;text-shadow: 0 3px #00adea;}
.call-btn-slide:hover{color:#00adea;text-shadow: 0 3px #fff;}
/* Pulse Animation */
@keyframes pulse {
0% {box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);}
70% {box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);}
100% {box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);}
}
.navigation li {position: relative;z-index: 1000;}
.navigation li i.bi.bi-chevron-down.dropmenu {position: absolute;top:21px;right: -4px;color: #000;}
.danger {color: #ffc107;}
.service-head h3 {color: #000;}
.call-btn.pulse {animation: pulse 1.5s infinite;}
.testimonialSlide {overflow: hidden;}
.testimonials {padding: 50px 0;}
.block-testimonial .item-head {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.block-testimonial h3.title {font-size: 20px;}
.ratings {display: flex;align-items: center;gap: 5px;color: #c99f46;}
.testimonialSlide .slick-prev:before, .testimonialSlide .slick-next:before{font-size:27px; color:#0d4169;}
.slick-next:before{content:'\F133';font-family:"bootstrap-icons" !important;}
.slick-prev:before {content: '\F129';font-family:"bootstrap-icons" !important;}


.testimonialSlide .slick-slide{float: none;height: auto;margin: 10px;font-size: 14px;}
.testimonialSlide .slick-track{display:flex;}
.testimonialSlide .slick-next{right:-40px;-webkit-transition: 0.4s all;transition: 0.4s all;}
.testimonialSlide:hover .slick-next {right:24px;-webkit-transition: 0.4s all;transition: 0.4s all;}
.testimonialSlide .slick-prev {left: -40px;-webkit-transition: 0.4s all;transition: 0.4s all;}
.testimonialSlide:hover .slick-prev {left:24px;-webkit-transition: 0.4s all;transition: 0.4s all;}
.testimonialSlide .slick-prev:before, .testimonialSlide .slick-next:before{opacity:1;}
.block-testimonial {padding: 20px;background: #00000030;margin: 15px;}
.block-testimonial p {margin: 0;font-size: 13px;}
.block-testimonial h4 {font-size: 17px;}
.testimonialSlide .slick-list{overflow: visible;}
.testimonial .video {padding: 10px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);background:var(--White);margin: 10px;}
.accordion br {display: none;}
.accordion-item {margin-bottom:20px;border-radius:30px !important;border:0 !important;overflow: hidden;}
button.accordion-button {border: 0;padding:30px;}
.accordion-button:not(.collapsed){background:var(--dark-bl); color:var(--White);}
.accordion-collapse.collapse.show{background:var(--dark-bl); color:var(--White);}
/*404*/
.section-404 .sub-section {text-align: center;padding: 50px;}
.search-options form#searchform div {display: flex;box-shadow: 0 0 3px #00000036;}
.search-options form#searchform {background: #eee;padding: 10px;}
.search-options input {width: 100%;border: 0;height: 40px;}
.search-options input#searchsubmit {background: var(--Black); color:var(--White);border: 0;max-width: 80px;}
.section-404 .btn {background: var(--Black); color:var(--White);margin-top: 20px;}
/*end 4040*/
.field {position: relative;}
/*sidebar*/
.two-line {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.reviews-container {display: flex;align-items: center;gap: 20px;}
.testimonialSlide .slick-slide:hover .two-line{display:block;}
aside.sidebar .contact-card.form-card {background: #ffffff;border:0;border-radius: 18px;box-shadow: 0 0px 10px rgb(16 24 40 / 68%);padding:0px; overflow: hidden;}
aside.sidebar .wpcf7-form{padding:20px;}
aside.sidebar span.form-title {display: block;text-align: center;background: #0f084c;color: #fff;font-size: 20px;padding: 15px;}
aside.widget {background: #fff;box-shadow: 0 18px 40px rgba(16, 24, 40, 0.10);padding: 25px;border-radius: 18px;}
ul.recent-post-list {list-style-type: none;padding: 0;margin: 0;}
li.recent-post-list-li {display: flex;align-items: center;gap: 7px;background: transparent;margin-bottom: 0;padding: 10px 0;border-top: 1px solid #eee;}
ul.recent-post-list li.recent-post-list-li a {font-size: 16px;text-decoration: none;color: #000;}
li.recent-post-list-li img {width: 70px;min-width: 70px;height: 45px;object-fit: cover;border-radius: 7px;margin: 0;background: #fff;padding: 3px;border: 1px solid #b5b1b1;max-width: 100%;}
li.recent-post-list-li .recent-post-thum {min-width: 70px;}
/*end sidebar*/
.titlebox h1 span {display: block;}
.from_box {box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.058823529411764705);padding: 30px;border-radius: 20px;height: 100%; position:relative;}
.icon .bi {font-size: 44px;}
.from_box p{margin-bottom: 5px;}
/*blog*/
.entry-featured {margin: 0;}
h2.entry-title.h3 a{border:0;text-align:center;display:block;margin-top:15px;}
.entry-meta.entry-meta-bottom {background: #eee;padding: 5px;}
.subTitle {position: relative;display: flex;align-items: center;gap: 7px;color: var(--dark-bl);font-size: 15px;font-weight: bold;    margin-bottom: 15px;}
.subTitle:before {content: '';display: block;width: 30px;height: 30px;min-width: 30px;background:#fff url(https://gasplumbingservices.com.au/wp-content/uploads/2024/10/icon.png) no-repeat;background-size: 30px;border-radius: 5px;}
/*end blog*/

/*footer*/
#footer {border-top:0;background:var(--dark-bl);color:var(--White);}
.copyright {padding: 15px;text-align: center;background: var(--light-bl);margin-top: 30px;}
#footer h3.widget-title{color:var(--White); margin-bottom:25px;position:relative;}
#footer ul {padding: 0;list-style-type: none;}

#footer ul li a {color: #fff;text-decoration: none;}
#footer ul li {position: relative;margin-bottom:10px;display: flex;gap: 8px;}
#footer ul li:before {display: inline-block;content: "\F2EF";font-size: 14px;font-family: "bootstrap-icons";line-height: 19px;color: var(--light-bl);}
.footercall {text-align: center;background: #00000040;padding: 20px;border-radius: 5px;}
.footercall img {max-width: 130px;}
.footercall p {margin: 0;}
.footercall a.num {font-size:32px;font-weight: bold;font-family:'Taviraj';}
.footercall a.btn.contactus {margin:0;border:2px solid var(--light-bl);}
#footer a.btn.contactus:hover {color:var(--White);background:var(--dark-bl);border: 2px solid var(--White);}
#footer a:hover{color:var(--light-bl);}
#footer .copyright a:hover{color:var(--dark-bl);}
/*End footer*/
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{color: #d0b670;text-align:center;margin-bottom:0;}
.wpcf7 form.sent .wpcf7-response-output {color: #0af41f;text-align: center;margin-bottom:0;}
.widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_nav_menu ul li a, 
.widget_pages ul li a, .widget_recent_entries ul li a{border:0; padding:0;}
.copyright .container {display: flex;align-items: center;justify-content: space-between;}
.topfooter h3{color: #fff;}
/*new*/
.cta-buttons .btn {border-radius: 50px;padding: 15px 30px;border: 2px solid var(--White);}
.btn-primary {background-color:transparent;border: 2px solid var(--White);}
.cta-buttons .btn.btn-secondary {background-color:var(--light-bl);border: 2px solid var(--light-bl);}
.btn-primary:hover {background-color:var(--light-bl);border: 2px solid var(--light-bl);}
.bg-light {background-color:#f8f8ff !important;}

section.service {position: relative;padding-top: 100px;}
section.service .container{position:relative;}
section.service:before{content:'';background-color:#f8f8ff; position: absolute; top:0; left:0; right:0; height:70%;}

.info-section {margin-top: -50px;z-index: 1;position: relative;background-color:var(--White);padding:50px;border-radius: 15px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.about-section img {border-radius: 15px;}
.stats .stat {background-color:var(--White);padding: 20px;border-radius: 15px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);text-align: center;}
.service-card {border-radius:30px;box-shadow:0px 0px 7px 0px rgb(0 0 0 / 33%);overflow: hidden;background-color: white; padding:40px; height:100%;}
.service-card img {width: 100%;object-fit: cover;}
.service-icon {width: 50px;height: 50px;padding: 5px;background-color:var(--dark-bl);display: flex;align-items: center;justify-content: center;border-radius: 12px;}
.service-head {display: flex;gap: 10px;align-items: center;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}

.all-services-button {background-color: #7a5fff;color: white;border-radius: 20px;}
.highlight-section {padding: 50px 0 150px;}
.custom-check {display: flex;align-items: flex-start;margin-bottom:30px;border-top: 1px solid #eee;padding-top: 30px;}
.custom-check-icon {font-size: 24px;color:var(--light-bl);margin-right: 10px; line-height:0;}
.card-img {border-radius: 12px;overflow: hidden;}

section.whychoose {background-color: var(--dark-bl); padding-top:100px; background-image: url(https://gasplumbingservices.com.au/wp-content/uploads/2024/10/hero-bg.png);}
section.whychoose .info-card {display: flex; margin-bottom:20px;}
section.whychoose h6 {font-size: 18px;}
section.whychoose .info-card .bi {font-size:36px;color:var(--White);line-height:0;margin-right:20px;}
.pattern-bg {border-radius:12px;margin-top:140px;}
/*4*/
.section-container {padding: 60px 0;}

.service-card.slick-slide{box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 14%);overflow: hidden;    margin: 20px;}

.btn-custom {background-color: #6f52ff;color: white;border-radius: 50px;padding: 10px 25px;font-weight: 500;}
.btn-custom:hover {background-color: #5a45d6;}
.gpg-speciality .info-card {background-color:var(--light-bl);border-radius: 12px;padding:10px 20px;display: flex;align-items: center;
position: absolute;bottom: 0;width: 250px;}
.gpg-speciality .info-card i {font-size:30px;color:var(--White);min-width: 60px;height: 60px;border-radius: 40px;display: flex;align-items: center;justify-content: center; background:var(--dark-bl);}
.gpg-speciality {position: relative;align-items: flex-start;}
.doctor-img {width: 100%;max-width: 400px;border-radius: 12px;}

.gpg-speciality .info-card{animation: doctormoveobject 3s infinite linear alternate;transition: all 0.3s ease-in-out; left:10px;}
.gpg-speciality:before {content: '';position: absolute;left: 50px;top: 50px;right: 51px;bottom: 50px;background: var(--dark-bl);border-radius: 20px;z-index: -1;}
@keyframes doctormoveobject{
50%{left: 50px;}
}
section.section.calltoaction img {
    display: none;
}
.call_section {overflow: hidden;background: url(https://gasplumbingservices.com.au/public/uploads/gallery/1775712729_slider-bg.jpg) no-repeat center;padding: 40px;border-radius: 20px;display: flex;position: relative;color: #fff;gap: 30px;align-items: center;justify-content: space-between;}
.call_section div{position: relative; z-index:9;}
.call_section:before{content: '';display: block;background: #0000007a;position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.call_section h2{margin-bottom: 10px;}
.call_section p{margin:0;}
.phoneNumber-btn {
    position: relative;
    background: #00c8ea;
    display: block;
    font-size: 25px;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
}
/*faq*/
.appointment-section {padding: 50px 0;}
.working-hours-card {background-color:var(--dark-bl);color:var(--White);padding: 30px;border-radius: 10px;}
.emergency-info {background-color: #f6f7fb;padding: 15px;border-radius: 10px;margin-top: 20px;}
.emergency-info .emergency-icon {color: #8f6bf7;font-size: 1.5rem;}
.form-section {background-color:var(--light-bl);padding: 0px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.form-control {border-radius:10px;padding: 10px;border: 1px solid #2222229c;}
.btn-book {background-color: #8f6bf7;border-color: #8f6bf7;border-radius: 20px;padding: 12px 30px;font-size: 1rem;}
.btn-book:hover {background-color: #6a52c4;}
.contact-card.form-card label {position: absolute;top: -8px;left: 15px;font-size: 14px;background: #fff;line-height: 15px;}
.field {position: relative;margin-top:20px;}
aside.sidebar .field{margin-top:20px;}
/**/
.testimonial-section {padding: 50px 0;}
.testimonial-card {background-color:var(--White);color: #333;padding: 30px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.testimonial-header {font-size: 1.5rem;font-weight: bold;}
.testimonial-author img {width: 50px;height: 50px;border-radius: 50%;}
.testimonial-quote {font-size: 1.25rem;font-style: italic;}
.quote-icon {font-size: 2rem;color: #8f6bf7;}
.carousel-indicators button {background-color: #8f6bf7;}
.btn-contact {background-color: #8f6bf7;border-color: #8f6bf7;}
.btn-contact:hover {background-color: #6a52c4;}

.info-items {display: flex;gap: 10px;}
.info-text p {margin: 0;}
.info-icon {display: flex;background: var(--light-bl);color: var(--White);min-width: 50px;align-items: center;justify-content: center;font-size: 30px;border-radius: 5px;}
.info-text h5 {font-weight: 500;}
.dr-items img {max-width: 70px;border-radius: 40px;box-shadow: 0 0 5px #0000003b;height: 70px;}
.dr-detail {display: flex;align-items: center;gap: 30px;flex-wrap: wrap; border-top:1px solid #eee; margin-top:20px;padding-top: 25px;}
.dr-items {display: flex;align-items: center;gap: 10px;}
.stat {display: flex;align-items: center;gap: 20px;}
.dr-items h4 { margin: 0;}
.stat p {margin: 0;}
.stat h3 {font-size:40px;margin: 0;color: var(--light-bl);}
.about-img {position: relative;padding-right: 50px;}
.about-img .experi-item {position: absolute;bottom: 0;right:35px;max-width: 250px;overflow: hidden;    border-radius: 20px 0;
background:var(--White);padding:15px 0px 0 15px;}
.about-img .experi-item .text-item {position: absolute;top: 15px;left: 15px;right:0px;background: #0d416996;bottom:0px;border-radius:15px;display: flex;
align-items: center;justify-content: center;color:var(--White);font-size: 20px;text-align: center; padding:30px;}
.item-in span {font-size: 48px;display: block;font-weight: bold;line-height: 50px;}
img.service-img {border-radius: 20px;margin-top: 20px;}
.service-card a{position:relative;}

.treatment-list {display: flex;gap: 20px;}
.img-items{width:100%;border-radius:20px;height:200px; object-fit: cover;}
.img-items2{border-radius:20px; margin-top:20px;width:100%;height: 240px; object-fit: cover;}
.treatment-check {margin-top: 30px;}
.treatment-check h6 {font-size: 21px;}

.testimonial-home {position: relative;padding-top: 100px;}
.testimonial-home .container{position:relative;}
.testimonial-home:before{content:'';position: absolute; top:0; left:0; right:0; height:80%;}
.testimonial-home:before{background-color: var(--dark-bl);background-image: url(https://gasplumbingservices.com.au/wp-content/uploads/2024/10/hero-bg.png);}
.testimonialSlide .video{padding:10px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);background:var(--White);margin: 10px;}
.emergency-contact {display: flex;padding: 30px;background: #f8f8ff;border-radius: 30px;align-items: self-start;gap: 20px;}
.emergency-contact img.call {max-width: 150px;}
.emergency-contact h3{font-size: 28px;margin: 10px 0px;}
.emergency-contact a {display: table;font-size: 20px;margin: 10px 0;}

.blog-items {background:var(--White);display:block;border-radius: 30px;overflow:hidden;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03137254901960784);border: 1px solid #f0f0ff;}
.blog-items .blog-body {padding:15px;}
.twoline {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */line-clamp: 2; -webkit-box-orient: vertical;}
.twoline p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */line-clamp: 2; -webkit-box-orient: vertical;}
.fourline {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4; /* number of lines to show */line-clamp: 4; -webkit-box-orient: vertical;}
.blog-items p {font-weight: normal;font-size: 14px;}
.learn-more {font-weight: bold;color: var(--light-bl);}
.blog-items .blog-body h5{margin-bottom: 10px;}
.blog-items .thumb-nall-blob img{height:250px;object-fit: cover;}
.blog-item .thumb-image-box img {height: 300px;object-fit: cover;}
.imgEffect{position: relative; overflow: hidden;}
.treatment-list .imgEffect {width: 50%;}
.imgEffect:after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);
transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.imgEffect:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}
.form-section p{margin:0;}
/*blog*/
.blog-item {background-color:var(--White); border: 1px solid #f0f0ff; box-shadow: 0px 10px 30px 0px #00000008; border-radius: 40px; height: calc(100% - 30px); margin-bottom: 30px; overflow: hidden;}
.thumb-image-box a.imgEffect {display: block;}
.blog-item .text-body {padding:30px;}
.entry-meta-time {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;flex-wrap: wrap;font-size: 13px;}
#paging, .entry, .post-comments {margin: 0;}
a.read-btn {font-weight: bold;color: var(--light-bl);display: flex;align-items: center;}
a.read-btn .bi {font-size: 32px;line-height: 1px;}
a.read-btn:hover{color: var(--dark-bl);}
.blogDetail ul li {margin-bottom: 15px;}
.blogDetail h2 {font-size: 32px;}
.timeTag {color:var(--White);display: flex;justify-content: center;margin-top: 30px;}
.tagItems {display: flex;align-items: center;justify-content: center;gap: 30px;}
.tagItems .tagline {display: flex;align-items: center;gap: 7px;}
.blogDetail .entry-featured{margin-bottom:30px;border-radius: 50px;}
.blogDetail .entry-featured img {width: 100%;}

ul.numberlist {list-style: none;counter-reset: item;padding: 0;}
ul.numberlist li {counter-increment: item;margin-bottom: 15px;position: relative;padding-left:35px;}
ul.numberlist li:before {top: 3px;margin-right: 10px;content: counter(item);background: var(--dark-bl);border-radius: 100%;color: white;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;font-family: none !important;}
ul.check {list-style: none;padding: 0;}
ul.check li {margin-bottom: 20px;position: relative;padding-left: 27px;}
ul.check li:before {content: '';border-radius: 100%;position: absolute;left: 0; top: 5px; width: 20px; height: 20px;}
ul.check.check-blue li:before {background: #302782 url(https://gasplumbingservices.com.au/wp-content/uploads/2024/10/check-white.png) no-repeat center; background-size: 10px;}
ul.arrowlist {list-style: none;padding: 0;}
ul.arrowlist li { margin-bottom: 15px;position: relative; padding-left:23px;}
ul.arrowlist li:before {content: '\F2EF';font-family: "bootstrap-icons" !important;color:#00adea;border-radius: 100%; position: absolute; left: 0; font-size: 16px;top: 13px;line-height: 0;}
.fixed-top-h-section {background:#fff;}
.main-menu {display: flex;background:var(--dark-bl); width: 100%;justify-content: space-between;padding: 5px 20px; position: relative;}
.main-menu:before{content: "";display: block;position: absolute;top: 0px;left: 0px;width: 0px;height: 0px;transform: translateX(-100%);border-bottom:76px solid rgb(255, 255, 255);
border-left: 48px solid transparent;}
span.icon-menu {min-width:85px;background:var(--dark-bl);display: flex;align-items: center;justify-content: center;height: 76px;color: #fff;font-size: 48px;}
.container-top {display: flex;align-items: center;justify-content: end;gap: 20px;padding: 5px 0;}
.service-head .user { width: 40px;background: var(--dark-bl);color:var(--White);display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 30px;font-size: 28px;}
.star-rt {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;font-size: 20px;}
.star-rt i.bi.bi-quote {font-size: 40px;line-height: 0;}
.star-rt span{ color: #f4dd04;display: flex;}
.phon {font-size: 32px;font-weight: bold;display: block;margin-bottom: 10px;}
.servicetasker {display: flex;align-items: center;font-size: 20px;background:var(--dark-bl); color:var(--White); padding: 10px;gap: 10px;border-radius: 10px;max-width: 208px;margin-bottom: 20px;}
.servicetasker:hover{color:#fff;}
.sidebar.sidebar-right .emergency-contact a {display: table;margin: auto;font-size: 48px;font-weight: bold;color: var(--light-bl);}
.footertop {background: var(--light-bl);padding: 30px 0;}
.footertop .getfree {display: flex;align-items: center;gap: 10px;justify-content: space-between;flex-wrap: wrap;}
.s-icon {display: flex;align-items: center;gap: 10px;font-size: 18px;background: #fff;padding: 5px;border-radius: 5px;}
.s-icon .bi {font-size: 34px; color:var(--light-bl);}
.social-links svg {
    color: #00adea;
}
.footer-logo {
    max-width: 200px;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.reviewbox {display: flex;align-items: center;gap: 10px;color: #fff;background:var(--dark-bl); padding:0px; border-radius:12px;line-height: 13px;}
.reviewbox img {max-width:30px;}
.reviewbox span.start {display: flex;align-items: center;gap: 5px;color: #ffc107;}
.top-bar {background: var(--dark-bl);padding:0px 50px; color:var(--White);}
.top-bar p{margin:0;}
.text-left.hours {display: flex;align-items: center;gap: 20px;justify-content: end;font-size:15px;}
a.phoneNumber2 {display: flex;align-items: center; gap: 10px;}
.sec-space {padding: 50px 0;}
.box {background: #fff;padding: 16px;border-radius: 8px;height: 100%;}
.bg-1 {background: url(https://gasplumbingservices.com.au/wp-content/uploads/2024/11/regular-plumbing-maintenance.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 102px;}
.box-1 {background: #ffffff;height: 100%;padding: 24px;border-radius: 5px;}
.bg-1 h2 {color: #fff;}
p.pera {color: #fff;}
.Back-box b {font-size: 21px;}
.Back-box {background: #00adea;height: 100%;padding: 22px;border-radius: 5px;color: #fff;}
.Back-icons img {border: 3px solid #ffc107;border-radius: 50%;max-width: 76px; margin-bottom: 8px;}
.first-box {background: #302782;padding: 20px; height: 100%; border-radius: 5px;color: #fff;}
.bg-3 {background: #00adea;color: #fff;}
.bg-3 h2 {color: #fff;}
.boxes {background: #00adea;padding: 27px;color: #fff;}
.boxes h2 {color: #fff;}
.boxes h4 {color: #fff;}
.ourReview{background-color:#302782; color:#fff;}
.reviewboxs h3{margin: 0; color:#fff;}
.stats {color: #FFC107;}
.reviewSlide {background: #0f084c8a;padding:13px;border-radius: 20px;}
.ti-review-header {position: relative;display: flex;align-items: center;gap: 10px;}
span.ti-tooltip {display: none;}
.ti-platform-icon.ti-with-tooltip {position: absolute;right: 14px;}
span.ti-stars {display: flex;    margin: 10px;}
span.ti-verified-review.ti-verified-platform {
    padding: 10px 0;
    display: block;
}
section.space.ourReview .ti-widget.ti-goog .ti-review-item>.ti-inner{background-color: rgb(34 34 34 / 26%) !important;}
.ti-widget.ti-goog .ti-review-item>.ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button{background-color:red!important;}
.ourReview .subTitle, .ourReview h2, .ourReview p, .ourReview strong.ti-rating.ti-rating-large, .ourReview .ti-widget.ti-goog .ti-rating-text .nowrap, .ourReview span.nowrap strong  {color: #fff!important;}
.content-bg{ position: relative; background:#ffffffc2; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03137254901960784); padding:35px; border-radius: 30px;}
.img-right{ position: absolute; right: 0;    top: 0; width: 50%; top: 0; left: auto; height: 100%;object-fit:cover;}
.img-relative { position: relative;padding:100px 0;}
.img-left {position: absolute; left: 0; width: 45%; height: 100%; top: 0;object-fit:cover;}
.faq-section.faq2.space button.accordion-button {background: #0dcaf0;color: #fff;}
.map {height: 100%;background: #fff;padding: 10px;border-radius: 20px;}
iframe.mapFrame {width: 100%;height: 100%;border-radius: 20px;}
.bg-blue .service-card h5 {color: #000;}
.bg-blue .service-card p {color: #000;}
.bg-blue .service-card .icon {max-width: 80px;display: block;margin: auto;}
.service-card .icon2 {max-width: 80px;display: block;margin: auto;}
.service-card.sc2 .service-head {display: block;text-align: center;    padding: 0;}
.service-card.sc2 .service-head p{margin:0;}
.service-card.sc3 .service-head {display: block;text-align: center;    padding: 0;}
.service-card.sc3 .service-head p{margin:0;}
section.bg-img-left1 {position: relative;}
section.bg-img-left1:before {content: '';position: absolute;top: 0;background: url(https://gasplumbingservices.com.au/wp-content/uploads/2025/06/best-plumber-in-baulkham-hills-today.jpg) no-repeat center;bottom: 0;width: 60%;left: 0;background-size: cover;}
section.bg-img-right1 {background: url(https://gasplumbingservices.com.au/wp-content/uploads/2025/01/emergency-plumbing-services-available.jpg) no-repeat;background-size: cover;}
.service-cards { background:#fff;padding: 30px;}
section.bg-img-left1 .container {position: relative;}
.bgtranperant {background: #ffffff24;padding: 20px;border-radius: 10px;margin-top: 30px;}
.mx-height { width: 100%;height: 100%;border-radius: 30px; object-fit: cover;}

.conTnt-bx {padding: 25px;border-right:1px solid #dee2e6;border-left:1px solid #dee2e6;}
.blockBg-img {box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03137254901960784);background-color: white;padding: 0;border-radius: 20px;
height: 100%;width: 100%;object-fit: cover;}
.blog-page-img{max-height: 500px;width: 100%;object-fit: cover;border-radius:20px;}
.main-img{width: 100%;max-height: 420px;position: relative;object-fit: cover;border-radius:15px 15px 0 0;}
.overlay-content {position: relative;bottom: 0;background: #fffffffc;padding:15px;transition: all 0.5s ease-in-out;align-items: center;width:100%;z-index: 2;margin: auto;margin-top: -210px;border-radius:15px;}
.ourService h2{color: #fff;}
.ourService h5 a, .ourServie h5 {color: #0f084c;font-size: 24px;}
.ourService {background: #0f084c;}
.heading-bx {position: absolute;background:#00adea;gap: 15px;left: 0;z-index:0;bottom: 0;display: flex;align-items: center;padding:15px;width: 90%;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);border-radius:5px 5px 5px 0;transition: all 0.5s ease;}
.service-bx {border: 2px solid #fff;position: relative;z-index: 2;border-radius:15px;background:#fff;height:100%;padding-bottom:15px;}
.service-bx .icon {max-width: 75px;}
.service-bx h3 a {text-decoration: none;color: #000;}
.top-heading h5 {color: #fff;}
.service-bx ul.arrowlist{margin-top:15px;}
.service-bx:hover .overlay-content {opacity: 1;}
.service-bx:hover .heading-bx {opacity: 0;transition: all 0.5;}
.service-bx ul.arrowlist li:before{color:#302782;}
.service-card2 .service-icon {color: #fff;font-size: 26px;}
.service-card2 {height: 100%;padding: 20px;border-radius: 20px;}
ul.square.bg-wht li {background: #fff;margin-bottom: 8px;padding: 10px;border-radius: 5px;box-shadow: 0 0 10px #0000001c;}
ul.square.bg-wht li:before{color:#00adea}
table.table {overflow: hidden;border-radius:15px 15px 0 0;}
thead.thead-light tr th {background: #00adea !important; color: #fff;}
.bg-darkblue a.btn.btn-lg:hover{color:#fff;}
.bg-darkblue a.btn.btn-lg:hover:after {z-index: -1;}
img.srvc-icon {max-width: 55px;}
.footertop .reviewbox { padding: 10px;}
.btn.btn-md:hover:after, a.btn.contactus:hover:after {z-index: -1;}
.process-icon {max-width:40px;}
.process-n {position: absolute; display:none; right: 0;font-size: 72px;top: 0;width: 90px;height: 90px;background: #00adea1a;align-items: center;justify-content: center;border-radius: 50px 0 0 50px;font-family: ui-monospace;color: #0f084c91;}
.process-rel{position:relative;padding: 25px;}
.social-links {display: flex;align-items: center;gap: 15px; flex-wrap:wrap;}
.news-section{background: #f8f8ff;}
.calltoaction h2 { color: #fff;}
.sidebar.sidebar-right h3.widget-title {position: relative;}
.process-guide { background-color: #fff;padding: 25px; height: 100%; border-radius: 20px;}
.pro-d {color: #00adea;font-size: 35px;text-align: center;display: block;}
.www {font-size: 30px;margin: 0;text-align: center;color: #00adea !important;/* background: #0f084c; */width: 55px;height: 55px;justify-content: center;display: flex;border-radius: 12px;
align-items: center;border: 2px solid #00adea;}
thead th {font-weight:600;background: #0f084c;color: #FFF;}
tr {background: #00adea;border-bottom: 1px solid #FFF;margin-bottom: 5px;color:#fff;}
.breadcrum {padding-top: 160px;background: #00adea;padding-bottom: 30px;margin-bottom: 70px;}
tr:nth-child(even) {background: #e8eeef;color: #000;}
th, td {text-align: left;padding: 12px;font-weight: 300;}
.service-card.new-card h3 {margin-bottom: 10px;font-size: 21px;color: #00adea;}
.service-card.new-card {border-left: 5px solid #00adea;border-right: 5px solid #00adea;padding: 20px;}
.service-card.new-card p {margin: 0;}
.service-card.new-card .service-head {text-align: start;}
service-card.new-card-dark {border-left: 5px solid #302782;border-right: 5px solid #302782;}
.service-card.new-card-dark h5 {color: #00adea;}
img.ttt {max-width: 55px;border: 2px solid #00adea;padding: 8px;border-radius: 7px;height: 55px;}
.footertop .reviewbox:hover {color: #fff;}
a.reviewsbox.info-box:hover {color: #302782;}
.cf7sr-g-recaptcha {transform: scale(0.77);transform-origin: 0 0;}
.form-sectionc .wpcf7-form-control{background-color: transparent;  border: 1px solid #fff;height:42px;color:#ffffffe0;}
.form-control::placeholder{color:#22222259; font-size:13px;}
.form-sectionc input:focus-visible {  outline: transparent;}
.form-sectionc input:-internal-autofill-selected{padding:12px;}
.form-sectionc textarea:focus-visible{outline:transparent;}
.form-sectionc textarea.wpcf7-form-control.wpcf7-textarea{height:60px;}
.form-sectionc .form-title {display: block;padding: 20px;text-align: center;background: #00adea;color: #fff;font-weight: bold;position: relative;  font-size: 23px;}
.form-sectionc{overflow: hidden;}                            
.breadcrum a {color: #fff;}
.pbmit-breadcrumb-inner {color: #fff;}
/*suburbs*/
.filter-buttons, .filter-dropdown {margin-bottom: 20px;}
.filter-buttons {display: flex;flex-wrap: wrap; gap: 10px;}
.filter-buttons button {padding: 10px 15px;font-size: 16px;border: none;background-color: #00aaff;color: white;cursor: pointer;border-radius: 4px;}
.filter-buttons button:hover {background-color: #008ecc;}
.filter-dropdown {display: none;}
.location-groups {display: flex;flex-wrap: wrap;}
.location-group {display: none; width:100%;border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;}
.location-group.active {display:flex; align-items: flex-start; gap: 20px;}
.letter-title {font-size: 28px;font-weight: bold;background-color: #333;color: white;padding: 10px;width:100px;text-align: center;height: 100px;display: flex;align-items: center;
justify-content: center;}
.location-groups ul {list-style: none;padding-left: 0;width:100%; display:flex; flex-wrap:wrap;}
.location-groups ul li {width: 33%;margin-bottom: 15px;}
.location-groups ul a{text-decoration:none;}
.location-groups ul a:hover {color: #00adea;}
.filter-buttons button.active {background-color:#0f084c;font-weight: bold;}
.sidebar.sidebar-right input.wpcf7-form-control.wpcf7-submit {background: #0f084c;}
.page-id-135 .my-greviews .ti-widget { max-width: 1000px; margin: 0 auto; }
.page-id-135 .my-greviews .ti-review { border:1px solid #eee; border-radius:12px; padding:16px; box-shadow:0 4px 14px rgba(0,0,0,.06); }
.page-id-135 .my-greviews .ti-review .ti-name { font-weight:600; }
.page-id-135 .my-greviews .ti-stars svg { height:18px; }
.tbx {background: #fff;padding: 15px;box-shadow: 0 .563rem .625rem 10px rgba(111, 126, 144, .1);border-radius: 15px;}
.tablebox tr td:first-child {border-right: 1px solid #ddd;}.tablebox tr { border: 1px solid #ddd;}
.copyright a { color: #0f084c;}
.entry-content a {border-bottom: 0;}
.Homesilder ol.square {padding: 0;list-style-type: none;margin-bottom: 30px;}
.Homesilder  .square li {position: relative;margin-bottom: 10px;    color: #fff;text-align: left;}
.Homesilder .square li:before {display: inline-block;content: "\F2EF";font-size: 14px;font-family: "bootstrap-icons";margin-right: 6px;color: #00adea;}
/* Responsive styling */
.topfooter{padding-top: 70px;}

.blogUL ul {padding: 0;list-style-type: none;}
.blogUL ol {padding: 0;list-style-type: none;}
.blogUL li{margin-bottom: 10px;}
.blogUL li:before {display: inline-block;content: "\F2EF";font-size: 14px;font-family: "bootstrap-icons";margin-right: 6px;}
.testimonialSlide2{flex-wrap: wrap;column-count: 4;column-gap: 25px;margin-bottom:50px;}

.testimonialSlide2 .reviewSlide {background: #fff;box-shadow: 0 0 10px #00000059;overflow: hidden;margin-bottom: 25px;}
.testimonialSlide2 .two-line {display: block;}
article.card.shadow-sm.bloglist-items {padding: 15px;height: 100%;border-radius: 20px;}
.bloglist-items img {border-radius: 10px;}

.service-bx2{background: #fff;box-shadow: 0 0 10px #00000059;overflow: hidden;height: 100%;border-radius: 20px;padding: 15px;}
.service-bx2 .main-img {border-radius: 10px;max-height: 300px;margin-bottom: 20px;}

@media screen and (max-width: 768px) {
.filter-buttons {display: none;}
.filter-dropdown {display: block;}
.filter-dropdown select {width: 100%;padding: 10px;font-size: 18px;border-radius: 4px;}
}

/*responsive*/
.adreS {font-size: 14px;}
p.abn {background: #0000006e;padding: 10px;font-size: 20px;border-radius: 5px;max-width: 220px;}
p.abn b{color: #00adea;}
.topfooter a.phon.gap-2.d-flex {color: #fff;}
a.phonenumber.mb-0 {font-size: 20px;}

@media screen and (min-width:1601px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1600px;}
}
@media screen and (min-width:1300px) and (max-width:1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1300px;}
}
@media screen and (min-width:1160px) and (max-width:1299px){
.Homesilder{margin-top: 95px;}
.titlebox{margin-top: 95px;}
}
@media screen and (min-width:200px) and (max-width:991px){
.headmenu {    background: var(--dark-bl);position:fixed;left:0;overflow:auto;top:0;max-width:75%;width:250px; z-index:999;left:-75%;-webkit-transition: all .4s;transition: all .4s;padding-top: 20px;bottom: 0;overflow: auto;}
.headmenu.open{left:0;}
.mobile-nav-trigger{display:block;}
ul.navigation{display:block; width:100%;}
ul.navigation li a{text-align: left;padding: 10px;color:var(--White);        border-bottom: 1px solid #ffffff36;}
.navigation li i.bi.bi-chevron-down.dropmenu {position: absolute;top: 10px;right: 10px;color: #fff;background: #00adea;display: flex;width: 25px;align-items: center;justify-content: center;height: 25px;border-radius: 2px;}
.navigation ul.sub-menu {position:relative;opacity:1;top:0;background:#00000036;width:100%;min-width:100%;padding:0;display: none;}
.navigation .sfHover>ul, .navigation li:hover>ul {top: 0;}
.navigation ul.sub-menu.open{display: block;}
ul.navigation li a.dropmenu{justify-content:space-between;}
.site-header{flex-wrap: wrap;}
.fixed-top-h-section .container {padding: 0; max-width:100%;}
.logoleft {padding:0 10px 5px;}
.site-header{flex-wrap: wrap;}
.haedright{width: 100%;background:#00adea;justify-content: space-between;padding:10px;color: var(--White); gap:5px;}
.phoneNumber{font-size:20px;}
.logoleft img {max-width:90px;}
.site-header{padding: 5px 0 0;}
.header.fixHeader ul.navigation li a {padding: 10px;font-size: 14px;white-space: normal;}
.navigation ul.sub-menu li a {font-size: 13px;white-space: normal;}
.header.fixHeader .navigation li:hover>ul {top: 0;}
.Homesilder .title{font-size:38px;line-height: 52px;text-align: center;margin-bottom: 20px;}
h1.homeTitle{font-size:32px;}
.section.calltoaction .phoneNumber{font-size:42px;}
.block-service h3{font-size:24px;    bottom: 25px; margin:0;}
/*.section.calltoaction img { max-width: 100px;}*/
.titlebox{padding:20px 0;margin-bottom: 30px; margin-top: 105px;}
.Homesilder{height: auto;}
.titlebox h1{font-size:30px;}
.Homesilder{margin-top:105px;}
.thankupage{height:auto;}
.Homesilder .title{margin-bottom:0;}
section.service{padding-top:50px;}
.space {padding: 30px 0;}
.highlight-section {padding: 50px 20px 50px;}
section.whychoose{padding:50px 0;}
.testimonial-home{padding:50px 0;}
.blog-items .thumb-nall-blob {width: 100%;}
.blog-items .blog-body{width:100%;}
.info-section a.btn.btn-lg {margin: auto;display: table;}
h2 {font-size: 30px;}
section.service:before{height:100%;}
.titlebox.featured-image{height:auto;padding:70px 0;}
.testimonialSlide {padding-bottom: 15px;}
.sidebar.sidebar-right .widget{border-radius: 20px;padding: 15px;}
.sidebar.sidebar-right .emergency-contact a{font-size:30px;}
.phon{font-size:24px;}
.content-bg{padding:25px;}
.img-right, .img-left{width:100%;}
.mainsilder:before{width:100%;clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.mainsilder{padding-top:75px;padding:0;}
img.logo-item{left:0;}
.main-menu{padding:0;}
img.logo-item{position:relative;}
span.icon-menu{display:none;}
.discountbox {gap:15px;justify-content: center;margin: 50px 0;}
.mainsilder .cta-buttons.mt-4 {display: flex;justify-content: center;}
h1.home-page-title{margin-top: 30px;text-align: center;padding: 0;}
span.sm-title{text-align: center;}
div#address-menu{display:none;}
.tablebox {overflow: auto;}
.ourService h5 a, .ourService h5{font-size:23px;}
ul.arrowlist li{margin-bottom:8px;}
.discountbox{flex-wrap: wrap;}
.about-img{padding-right:0;}
.content-bg{background:#fff;}
.overlay-content{border:none;box-shadow:none;margin-top: 0;color;}
}
@media screen and (min-width:200px) and (max-width:767px){
.mainsilder .form-section{max-width: 500px;margin: auto;}
}
@media screen and (min-width:200px) and (max-width:639px){
.Homesilder{margin-top:55px;}
.Homesilder .container{padding:15px;}
.getFreeQuote {position: fixed;top: 12px;right: 15px;}
span.icon-menu {position: fixed;right: 0;top: 55px;height: 52px;font-size: 36px;width: 50px;min-width: 60px;}
.mobile-nav-trigger{top:8px;}
.haedright .phoneNumber {color: #ffffff;font-size:24px;}
.haedright .getFreeQuote{right: 70px;}
.haedright {justify-content: center;padding:5px!important;}
.breadcrum{padding-top: 125px;}
}

@media screen and (min-width:640px) and (max-width:991px){
.haedright{position: fixed;top:3px;background: transparent;left: 50%;transform: translateX(-50%); display: flex;justify-content: center;  gap: 20px;}
.breadcrum{padding-top:80px;}
}


@media screen and (min-width:200px) and (max-width:575px){
.about-img{padding-right: 0;}
.about-img .experi-item {position: relative;bottom: 0;right: 0;max-width: 100%;border-radius: 5px;padding: 0;}
.about-img .experi-item .text-item{top:0; left:0;}
.emergency-contact{flex-wrap: wrap; justify-content:center; text-align:center;}
.emergency-contact a{margin: 10px auto;}
.about-img .experi-item{margin-top:15px;}
.info-section{margin-top:0; padding:20px;}
.info-items {display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;text-align: center;margin-bottom: 20px;}
.info-text {width: 100%;}
.info-section a.btn.btn-lg {margin: auto;display: table;}
section.bg-img-right1{padding:20px;}
section.bg-img-left1:before{width:100%;}
.discountbox{flex-direction:column;align-items:center;}
h1.home-page-title{margin-top:0;font-size:26px;text-align: center;padding-right: 0;padding-top: 25px;}
img.logo-item{position:relative;}
.heading-bx { display: none;}
span.sm-title{font-size:21px;}
.Homesilder .title{line-height:54px;}
.service-card{padding:25px;}
.location-groups ul li {width: 100%;margin-bottom: 8px;font-size: 15px;}
.testimonialSlide2{flex-wrap: wrap;column-count:1;}
}
@media screen and (min-width:200px) and (max-width:360px){
.phoneNumber{gap: 3px;font-size: 18px;}
.Homesilder .title{font-size:24px;}
}
@media screen and (min-width:200px) and (max-width:479px){
.getFreeQuote{padding: 5px 10px;font-size: 14px;}
.Homesilder .contactForm {margin-top: 30px;} 
.Homesilder {text-align: center;}
.sidebarCall a.phoneNumber{font-size:28px;}
.cta-buttons.mt-4 {display: flex;flex-wrap: wrap;justify-content: center;gap:20px;margin: 0;}
.cta-buttons .btn{margin:0;}
.titlebox.blogTitle {padding: 30px 0;}

}
@media screen and (min-width:480px) and (max-width:767px){
.getFreeQuote{padding: 3px 15px;}
.info-section{margin-top:0; padding:20px;}
.Homesilder .contactForm {margin-top: 30px;} 
.Homesilder {text-align: center;}
.phoneNumber {font-size: 26px;}
.haedright{padding:5px 10px;}

}
@media screen and (min-width:576px) and (max-width:991px){
header#masthead{border-bottom: 2px solid var(--light-bl);}
/*.header.fixHeader .haedright{position: relative;}*/
.header.fixHeader{position:fixed; top:0;left:0;right:0;background:#fff;}
.site-header {padding:0;}
.Homesilder .container {max-width: 100%;}
.phoneNumber {font-size: 24px;}
.Homesilder {margin-top: 50px; padding-bottom:30px;}
.titlebox{margin-top: 50px;}
.header.fixHeader .getFreeQuote {margin-right: 0;}
.header.fixHeader .site-header {padding: 5px 0;}
.location-groups ul li {width:45%;margin-bottom: 8px;font-size: 15px;}
.location-groups ul{gap:0 30px;}
.testimonialSlide2{flex-wrap: wrap;column-count:2;}
}

@media screen and (min-width:767px) and (max-width:991px){
.service-card{padding:15px;}
.haedright{top:0;}
.cf7sr-g-recaptcha {transform: scale(0.6);transform-origin: 0 0;}
.emaitId {display:none;}
.testimonialSlide2{flex-wrap: wrap;column-count:2;}
}
@media screen and (min-width:992px) and (max-width:1199px){
.container, .container-lg, .container-md, .container-sm {max-width: 97%;}
.Homesilder .title{font-size:52px; line-height:72px;}
.getFreeQuote{padding:7px;font-size: 13px;}
.space {padding: 50px 0;}
.phoneNumber{font-size:16px;}
.header.fixHeader .logoleft {max-width: 80px;}
.titlebox.featured-image{height:auto;}

.titlebox h1{font-size:36px;}
img.logo-item{position:relative;left:0;max-width:100px;}
.haedright{display:none;}
h1.home-page-title{text-align: center;margin-top: 50px;}
.logoleft{min-width: 120px;   padding-left: 10px;}
.emaitId { display:none;}
.overlay-content{margin-top:0;}
.testimonialSlide2{flex-wrap: wrap;column-count:3;}
}
@media screen and (min-width:992px) and (max-width:1199px){
.testimonialSlide{overflow: hidden;}
ul.navigation li a{padding:20px 16px!important;}
.Homesilder{margin-top:50px;padding: 30px 0;height: auto;}
.titlebox{margin-top:65px;}
.mainsilder {padding: 10px;padding-top: 50px;}
.Homesilder .container{padding: 0;}
.Homesilder .title {font-size: 30px;line-height: 44px;}
span.sm-title{font-size:20px;}
.form-section{padding: 15px;}
span.formTitle{font-size: 24px;margin-bottom: 5px;}
.discountbox{gap: 20px;}
.offerbox{font-size: 13px;padding: 5px;}
span.off{font-size: 20px;}
.sidebar.sidebar-right .widget{padding:25px;}
}

@media screen and (min-width:992px) and (max-width:1199px){
.logoleft {max-width: 80px;}
}
@media screen and (min-width:1200px) and (max-width:1399px){
a.btn.getFreeQuote { display: none;}
ul.navigation li a{padding:20px 12px;}
.header.fixHeader ul.navigation li a{padding:20px 12px;}

.Homesilder{margin-top:50px;padding: 30px 0;height: auto;}
.titlebox{margin-top:65px;}
.mainsilder {padding: 10px;padding-top:80px;}
.Homesilder .container{padding: 0;}
.Homesilder .title {font-size:42px;line-height:62px;}
span.sm-title{font-size:20px;}
.form-section{padding: 15px;}
span.formTitle{font-size:32px;margin-bottom: 5px;}
.discountbox{gap: 20px;}
.offerbox{font-size: 15px;}
span.off{font-size:26px;}
h1.home-page-title{    margin-top: 50px;}
img.logo-item {max-width:100%;}
.logoleft { max-width: 130px; min-width: 200px;}
}

@media screen and (min-width:1200px) and (max-width:1600px){
.phoneNumber{font-size:24px;}
.Homesilder .container{padding:0;}
.space {padding: 50px 0;}
}

@media screen and (min-width:1400px) and (max-width:1600px){
  img.logo-item{max-width: 160px;    bottom: 8px;left: 10px;}
.logoleft {max-width: 160px;min-width: 160px;}
ul.navigation li a {padding: 10px 15px;}
.header.fixHeader ul.navigation li a {padding: 10px 15px;}
.main-menu:before{border-bottom: 56px solid rgb(255, 255, 255);}
span.off{font-size: 24px;}
span.formTitle{font-size: 24px;    margin-bottom: 0;} 
span.icon-menu{height: 56px;}
span.icon-menu button.open-btn{line-height: 0;}
.Homesilder .title{line-height: 62px;font-size: 44px;}
  .mainsilder{padding: 15px;padding-top: 115px;}
.Homesilder{margin-top:0;}
}


/*address btn*/
button {cursor: pointer;/* font-size: 16px; */margin: 0;border: navajowhite;background: transparent;color: #fff;}
span.stars i.bi.bi-star-fill {color: #fbbc05;}
img.google-img {max-width: 47px;
}
/* The address menu (hidden by default) */
.address-menu {position: fixed;top: 0;right: -100%;width: 350px;height:100%;background-color:#302782;color: white;transition: right 0.5s ease-in-out;display: flex;justify-content: center;z-index:99;}
.menu-content {text-align:start;padding: 25px;}
/* Fade-in Animation */
.address-menu.show {right: 0;}
h2 {margin-top: 0;}
.info-box {display: flex;gap: 12px;margin-bottom: 15px;border: 1px solid #fff;padding: 15px;border-radius: 8px;background:#0f084c;color:#FFF;}
.icon__img i.bi {background: #00adea;width: 47px;height: 47px;display: flex;align-items: center;justify-content: space-evenly;border-radius: 5px;font-size: 21px;color: #fff;}
a.iconn {background-color:#f8f8fa;width: 47px;height: 47px;display: flex;border-radius: 9px;color: #00adea;display: flex;align-items: center;justify-content: center;font-size: 28px;border: 2px solid #ffffff;}
.menu-content button {position: absolute;top: 0;right: 0;background: #00adea;width:70px;height:70px;color: #fff;font-size: 36px;}
.menu-content h3, .menu-content h5 {color: #00adea;margin-bottom: 17px;}
.info-box__title {color: #00adea;font-weight: 600;font-size: 15px;}
.sidebar-logo {max-width: 190px;}
.menu-content .servicetasker {background: #00adea;}
img.footer-logo {max-width: 200px;margin-bottom:12px;}
h3.widget-title:before {content: '';position: absolute;width: 100px;height: 2px;background: #00adea;/* top: 0; */bottom: -8px;left: 0;}
.topfooter a.emaitId {color: #fff;}


/*New menu*/
ul.mainul {padding: 0;margin: 0;}
.menu ul{list-style:none;display:flex;}
.menu ul li{position:relative;}
.menu ul li a{display:block;padding:10px 15px;color:#fff;text-decoration:none; font-size:15px;font-weight: bold;}
.menu ul li a:hover{color:#0b63ff;}
.menu ul li.dropdown{display: flex;align-items: center;}
/* SUBMENU DEFAULT HIDDEN */
.menu ul .submenu{position:absolute;top:100%;left:0;background:#0f084c;display:none;min-width:300px;padding:10px;
margin: 0;box-shadow: 0 10px 10px #00000030;border-radius: 10px;}
.menu ul .submenu .submenu{box-shadow: 10px 0px 10px #00000030;border-left: 2px solid #0b63ff;border-radius: 0 10px 10px 0;}
.menu ul .submenu .submenu:before {content: '';position: absolute;width: 20px;height: 20px;left: -12px;top: 14px;background: #0b63ff;
transform: rotate(45deg);}
.menu ul .submenu .submenu li{background:#fff;}
.menu ul .submenu .submenu{top:0;left:100%;}
.menu ul .submenu li {border-bottom: 1px solid #eee;}
.menu ul .submenu li:last-child{border-bottom:0;}
.menu ul li a.dropArrow {position: relative;padding-right: 20px;}
.menu ul li a.dropArrow:before {content: ''; position: absolute;width: 10px;height: 10px;background: transparent;right: 0;top: 16px;border: 2px solid #0b63ff;transform: rotate(45deg);border-left: 0;border-top: 0;}
.menu ul .submenu li a.dropArrow:before{transform: rotate(314deg);right: 15px;top: 18px;}
.menu ul .submenu li:hover a.dropArrow:before{display: none;}
.mobile-toggle{display:none;color:#fff;font-size:28px;padding:15px;cursor:pointer;position: fixed;right: 0;top: 47px;z-index: 99999;}
.submenu-toggle{cursor:pointer;position: relative;right: 8px;top: 2px;}
.submenu{display:none;}
.dropdown.active > .submenu{display:block;}
.menu ul .submenu span.submenu-toggle {margin-left: auto;}
.menu ul .submenu li:hover span.submenu-toggle{display:none;}

@media(min-width:769px){
.menu ul li:hover > .submenu{display:block;}
}




@media screen and (min-width:768px) and (max-width:991px){
.mobile-toggle {display: block;top: 0;background: #0144ae;}
.menu ul li:hover > .submenu {display: block;top: 0;}
.menu ul .submenu{background: #0b63ff0d;border-radius: 0;}
}
/*New menu*/


@media screen and (min-width:992px) and (max-width:1250px){
.nav__logo {max-width: 130px;}
.nav__logo img {max-width: 100%;}
.menu ul li a {padding: 10px 8px; font-size: 14px;}
}

@media (min-width: 992px) {
.menu-bar .nav__right{display:none;}
.menu-bar {position: relative;z-index: 9;}
.sticky .nav__right{display:flex;}
.menu ul li a{color:#fff;}
.nav{position:relative;}
}
@media(max-width:991px){
.mobile-toggle{display:block;}
.menu.active{display:block;}
.menu ul{flex-direction:column;}
.menu ul li a{color:#fff;}
.menu ul li a.dropArrow:before{right:15px;}
.menu ul li{border-bottom: 1px solid #eee;}
.submenu{position:static;display:none;}
.dropdown.active > .submenu {display: block;top: 0;box-shadow: none;padding-left: 15px;background: #0b63ff0a;border-radius: 0;min-width: 100%;}
.menu ul .submenu{position: relative;}
.menu ul .submenu .submenu {top: 0;left: 20px;}

ul.mainul{height: 100vh;overflow: auto;}
.menu ul .submenu li{border-bottom:1px solid #0b63ff26;}
.menu ul .submenu .submenu {box-shadow: none;border-left: 0;border-radius: 0;padding: 0;}
.menu ul .submenu .submenu:before{display: none;}
.menu ul .submenu .submenu li {background: #0b63ff14;}
.menu ul .submenu li:hover a.dropArrow:before {transform: rotate(46deg);right: 15px;top: 15px; display: block;}
.menu ul li.dropdown{display: block;}
.submenu-toggle {cursor: pointer;position:absolute;right:10px;top:8px;background:#00adea;width:30px;display: flex;align-items: center;justify-content: center;color:#fff;height:30px;border-radius:5px;}
.submenu-toggle .bi{line-height: 0;}
.menu ul .submenu li:hover span.submenu-toggle {display: flex;}
.menu-bar .nav__right{display:none;}
}