body {font-size:16px;color:#000000; font-family: "Roboto", sans-serif; font-weight:400;hyphens: auto;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; letter-spacing: 0;}
h2{font-size:34px;}
h3{font-size:24px;}
h4{font-size:20px;}
p,a,span,li{letter-spacing:0;}
img{width: auto; height: auto; max-width:100%;}
b, strong {font-weight: 600;}
.btn {background: #152e41;border: 2px solid #152e41;color: #fff;}
.btn:hover{background: #ffdf10;color: #152e41;}
.btn.darkBtn {background: #ffdf10;border: 2px solid #152e41;color: #152e41;}
.btn.darkBtn:hover{background: #152e41;color: #fff;}
.bg-darks{background:#152e41;}
.bg-blue {background: #152e41;color: #fff;}
.bg-gray {background:#f6f6f6;}
/*header*/

.main-header {position: fixed;top: 0;left: 0;right: 0;z-index: 99;background: #152e41;box-shadow: 0 5px 5px #0000002b;}
.header{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 0;position: relative;top: 0px;color: #fff;}
.get-free {font-size: 30px;font-weight: bold;display: flex;align-items: center;gap: 10px;}
.logoleft a{display: block;    padding: 10px;max-width: 300px;}
.wordofmouth {max-width: 50px;}
.haedright {display: flex;align-items: center;position: relative;margin-left: auto;font-weight: 300;font-size: 24px; gap:20px;}
.callbx {display: flex;align-items: flex-end;-webkit-transition: all .4s;transition: all .4s;white-space: nowrap;font-size: 31px;font-weight: bold;
margin-left: 20px;margin-right: 50px;}
.item-icons {font-size: 38px;margin-right: 9px;position: relative;top: 2px;}
.callbx span {font-size: 16px;display: block;line-height: 0;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;}
.callbx a {text-decoration: none;color: #000;}
.contact_header {position: fixed;right: 0;top: 40%;z-index: 99;transform: translateX(50px) rotate(-90deg);left: 89%;padding: 20px;border-radius: 10px;font-size: 16px;background-color: #ffdf11;animation-duration: 0.6s;animation-iteration-count: infinite;text-align: center;text-decoration: none;color: #fff;}
.headmenu{position: relative;padding: 0px;z-index: 9;background:#ffdf10;border-top: 1px solid rgba(51, 51, 51, .12);}
.headmenu .nav ul{list-style-type: none;padding: 0;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.headmenu .nav ul li a{font-weight: 400;letter-spacing: 0;padding: 15px 15px;position: relative;color: #152e41;font-size: 16px;display: block;text-decoration: none;}
.headmenu .nav ul li a:hover{color:#000;}
/*header*/
/*slider*/
.slider {position: relative;padding:150px 0px;overflow: hidden;z-index: 0;background: #152e41;margin-top: 110px;color: #fff;}
.slider .slider-tagline span {border: 1px solid #ffdf11;padding: 9px 15px;border-radius: 10px;color: #fff;}
.slider .slider-tagline { display:block;margin-bottom: 20px;}
span.big-tag{color: #fff;font-size:72px;font-weight: 900;line-height:92px;margin-bottom: 20px;}
.slider .mid-tag {color: #fff;font-size: 18px;margin: 0;display: block;}
.slideBoxs {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;margin-bottom: 30px;}
.slideitems {flex: 1 1 300px;background: #fff;padding: 15px;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.slideBtn {display: inline-block;padding: 12px 25px;background-color: #ffdf11;color: white;font-size: 18px;border-radius: 5px;text-decoration: none;}

.cta-buttons .btn {border-radius: 10px;padding: 9px 25px;border: 2px solid #fff;}
.btn-primary {background-color: transparent;}
.cta-buttons .btn.btn-secondary {color: #152e41;background-color: #ffdf11;border: 2px solid #ffdf11;}
.slider .container{position: relative;}
.slider:before{background:url('https://kkremovals.com.au/wp-content/uploads/2025/07/kk-removal-truck.png') no-repeat center right; content:'';position: absolute;right: 0;top: 0;bottom: 0;width: 50%;}
.slider .php-email-form {padding: 0;background:#ffffffe0;border-radius: 10px;overflow: hidden;}

.slider .php-email-form .wpcf7-form{padding: 25px;     padding-bottom: 40px;}
.php-email-form input{display: block;width: 100%;padding: 12px 15px;font-size: 15px;font-weight: 400;line-height: 1.5;color: #212529;background-color:#ffffff;background-clip: padding-box;border: 1px solid #152e41;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:5px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;letter-spacing: 0;}
.php-email-form textarea {display: block;width: 100%;padding: 12px 15px;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #152e41;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:5px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;letter-spacing: 0;height: 80px;}
input.wpcf7-form-control.wpcf7-submit {background: #152e41;color: #fff;font-size: 20px;border-radius:10px;}
input.wpcf7-form-control.wpcf7-submit:hover{background:#ffdf11;}
.contact-title {display: block;text-align: center;background: #ffdf10;padding: 20px;font-size: 32px;font-weight: bold;color: #152e41;}
.php-email-form p{margin:0;}
.wpcf7-spinner{margin-top: -36px;    display: block;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{color: #ffb900;text-align: center;}
/*slider*/

.home-page-title {padding: 80px 0 0;text-align: center;background: #fff;}
.home-page-title h1 {font-weight: 900;font-size: 42px;margin: 0;}
/*main*/
.space {padding: 100px 0;}
.cardbox {padding: 30px;box-shadow: 20px 20px 50px #00000014;border-radius: 51px;}
.ctabox {background: #152e41;padding: 50px;border-radius: 20px;}
.ctabox h2 {font-size: 32px;font-weight: 900;line-height: 34px;color:#fff;}
img.wp-smiley, img.emoji {display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 0.07em !important;
vertical-align: -0.1em !important;background: none !important;padding: 0 !important;}
.btn2 {background: #ffdf11;letter-spacing: 0;font-size: 20px;color: #fff;font-weight: normal;border: 1px solid #1a7f45;padding: 15px 30px;text-decoration: none;border-radius: 10px;display: flex;align-items: center;gap: 11px;}
.cbd-box {background: #152e41;height: 100%;border-radius: 6px;position: relative;padding: 20px;box-shadow: 10px 10px 10px #0000000d;margin: 10px;border-radius: 10px;text-align: center;}
.cbd-img {text-align: center;width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;margin: auto;background: #ffffff;border-radius: 45px;border: 5px solid #0f2d87;}
.cbd-box h4 {color: #fff;font-size: 20px;margin: 0;}
.ctabox2 {background: #ffdf11;padding: 50px;}
.numb {color: #fff;font-weight: 900;text-decoration: none;font-size: 42px;display: flex;align-items: center;gap: 10px;justify-content: end;}
ul.number-loc {padding: 0;list-style-type: none;}
ul.number-loc li {position: relative;padding-left: 25px;margin-bottom: 15px;}
ul.number-loc li:before {display: inline-block;content: "";width: 21px;height: 16px;position: absolute;left: 0;top: 5px;font-size: 14px;background: url(../images/tick.png) no-repeat;}
ul.number-loc2 {padding: 0;list-style-type: none;}
ul.number-loc2 li {position: relative;padding-left: 25px;margin-bottom: 15px;}
ul.number-loc2 li:before {display: inline-block;content: "";width: 21px;height: 16px;position: absolute;left: 0;top: 5px;font-size: 14px;background: url(../images/tick2.png) no-repeat;}
img.normlimg {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}

.cbd-box-1 {background: #ffdf11;padding: 15px;border-radius: 5px;height: 100%;color: #fff;}
.cbd-img-1 {width: 90px;height: 90px;display: flex;margin: auto;border-radius: 50px;overflow: hidden;border: 3px solid #1d904e;}
.locations-section {background: #f5f8fc;padding: 60px 20px;text-align: center;font-family: 'Segoe UI', sans-serif;}
.locations-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 15px;max-width: 1100px;margin: 0 auto;}
.location-item {background: #fff;padding: 12px 20px;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,0.05);font-weight: 500;font-size: 15px;color: #333;display: flex;align-items: center;gap: 8px;transition: 0.3s ease;}
.location-item:hover {background: #e6f0fb;color: #0056b3;cursor: pointer;}
.location-item i {color: #0056b3;}

/*faq*/
.faq-section {background: #f5f8fc;padding: 60px 20px;font-family: 'Segoe UI', sans-serif;}
.faq-title {text-align: center;margin-bottom:30px;}
.faq-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));gap: 20px;max-width: 1200px;margin: 0 auto;}
.faq-item {background: #fff;border-radius: 10px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);overflow: hidden;transition: all 0.3s ease;}
.faq-question {background:#ffdf11;color: #fff;border: none;width: 100%;padding: 18px;font-size: 16px;font-weight: bold;text-align: left;cursor: pointer;transition: background 0.3s ease;}
.faq-question:hover {background: #cce0ff;}
.faq-answer {display: block;padding: 15px 18px;font-size: 15px;color: #444;}
.faq-item.open .faq-answer {display: block;}
.ctabox2 .btn2 {background: #152e41;max-width:max-content;}
.ctabox2 .btn2:hover {color: #ffdf11;}

/*footer*/
.logofooter{padding: 15px;border-top: 1px solid rgba(255, 255, 255, .12);background: #152e41;color: #fff;text-align: center;}
.logofooter p {margin: 0;}
.logofooter a {color: #ffdf11;}
span.mobile-nav-trigger {display:none;position: fixed;top:48px;right: 7px;z-index: 99;color:#ffdf11;}
.mobile-nav-trigger .bi-list {-webkit-transition: all .4s;transition: all .4s;font-size: 42px;}
.bi-x {display: none;-webkit-transition: all .4s;transition: all .4s;}
.mobile-nav-trigger.open .bi-list {display: none;}
.mobile-nav-trigger.open .bi-x {display: block;position: absolute;top: 0px;right: 0px;font-size: 48px;padding: 0px;}

.thankyou-container {text-align: center;max-width: 800px;margin: 50px auto;padding: 40px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 10px;}
.thankyou-container img {width:300px;margin-bottom: 20px;}
.thankyou-container h1 {color: #000;font-size: 32px;margin-bottom: 10px;}
.thankyou-container p {font-size: 18px;color: #555;margin-bottom: 25px;}
.cta-button {background-color: #152e41;color: white;padding: 12px 24px;font-size: 16px;text-decoration: none;border-radius: 6px;display: inline-block;margin-top: 20px;}
.cta-button:hover {background-color: #000;}

.stats {display: flex;gap: 10px 30px;flex-wrap: wrap;}
.stats h3 {font-weight: bold;font-size: 42px;color: #152e41;}
.objectimg {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.h-200{height:200px;}


.sub-title {font-size: 14px;color:#ffdf10;font-weight: bold;margin-bottom: 10px;display:flex;align-items: center;gap: 6px; justify-content:center;}
.main-title {font-size: 38px;font-weight: bold;margin-bottom: 50px;line-height: 1.4;}
.main-title span {color:#ffdf10;}
.services {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;}
.service-box {background: #fff;color: #333;width: 260px;border-radius: 20px;padding: 30px 20px;text-align: center;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;opacity: 0;transform: translateY(40px);animation: fadeUp 1s forwards;}
.service-box:nth-child(2) { animation-delay: 0.2s; }
.service-box:nth-child(3) { animation-delay: 0.4s; }
.service-box:nth-child(4) { animation-delay: 0.6s; }
.service-box:hover {transform: translateY(-10px) scale(1.03);box-shadow: 0 12px 35px #ffdf1052;}
.icon-circle {background: #f2f2f2;width: 60px;height: 60px;margin: 0 auto 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;font-size: 40px;}
.service-box:hover .icon-circle img {transform: scale(1.2) rotate(10deg);}
.icon-circle img {width: 30px;height: 30px;transition: transform 0.3s ease;}
.service-box h3 {font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.service-box p {font-size: 14px;color: #555;min-height: 60px;}
.read-more {display: inline-block;color:#152e41;font-weight: bold;text-decoration: none;border-bottom: 2px solid transparent;transition: border-color 0.3s ease;}
.read-more:hover {border-color:#152e41;}
.bottom-text {margin-top: 50px;}
.bottom-text p {font-size: 14px;margin-bottom: 20px;color: #fff;font-size: 18px;}
.bottom-text .button {background:#ffdf10;color: #152e41;padding: 12px 25px;border-radius: 30px;text-decoration: none;font-weight: bold;transition: background 0.3s ease, transform 0.3s ease;display: inline-block;}
.bottom-text .button:hover {background: #fff; color: #152e41;transform: scale(1.05);}
@keyframes fadeUp {to {opacity: 1;transform: translateY(0);}}
.services{text-align:center;}

.process-wrapper .sub-title{color:#152e41;}
.process-wrapper h2 {text-align: center;}
.icon-separator {margin: 20px auto;width: 60px;height: 1px;border-top: 2px solid #152e41;position: relative;}
.icon-separator::after {content: "🚚";position: absolute;top: -14px;left: 50%;transform: translateX(-50%);font-size: 18px;color: #152e41;}
.steps-container {display: flex;justify-content: space-between;gap: 20px;flex-wrap: wrap;margin-top: 50px;position: relative;}
.step {flex: 1 1 22%;background: transparent;text-align: center;position: relative;}

.step-circle:hover {transform: scale(1.05);}
.step-number {position: absolute;top:0px;right:0px;background:#ffdf10;color:#152e41;font-size: 14px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;font-weight: bold;}
.step h3 {font-size: 18px;font-weight: 700;margin-bottom: 10px;color: #001f3f;}
.step p {font-size: 14px;color: #56687a;padding: 0 10px;line-height: 1.6;}
/* Dotted Curve Line */
.steps-container::before {content: "";position: absolute;top: 35px;left: 0;right: 0;height: 100px;background: none;z-index: 0;
background: url(https://kkremovals.com.au/wp-content/uploads/2025/07/step-line.png) no-repeat center center;
}
.step img {width: 50px;z-index: 1;}
.step-circle {width: 150px;height: 150px;border-radius: 50%;background:#152e41;margin: 0 auto 20px;display: flex;justify-content: center;align-items: center;box-shadow: 0 0px 30px #ffdf106b;position: relative;transition: transform 0.3s ease;}
.step-center {border: 2px dashed #ffdf10;width: 120px;height: 120px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 60px;}
.step-center img.emoji {-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.step-circle:hover .step-center{    background: #ffdf10;    border: 2px dashed #152e41;}
.step-circle:hover img.emoji  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

/*Reviews css*/
.review-content {
    background-color: #152e41;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10196078431372549);
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #ddd;
    color: #fff;
    margin:0 7px;
}
.review-header .ratting {
    color: #ffdf10;
    display: flex
;
    align-items: center;
    gap: 2px;
}
.review-content p{font-size:15px;}
.review-header {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.reviewer-profile img {
    max-width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffdf10;
    padding: 1px;
    border: 1px solid #152e412e;
    object-fit: cover;
}
.review-footer {
    display: flex
;
    align-items: center;
    gap: 9px;
}
.published-date {
    border: 2px solid #ffdf10;
    padding: 3px 10px;
    border-radius:4px;

}
.review-footer h6 {
    color: #ffdf10;
}
.review-content span{font-size:15px;}
.why-choose {
    padding: 0;
    display: flex;
    margin-bottom: 20px;
    gap: 15px;
}
.why-choose img {
    max-width: 65px;
    height: 65px;
    border: 2px solid #ffdf10;
    padding: 7px;
    border-radius: 50%;
}
.whchoose-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:25px;
}
/*faqa css*/
.Faqs.shadow {
    border-radius: 25px;
    background-color: #fff;
    padding: 50px;
    position:relative;
}

.Faqs .accordion-item.border-bottom {
    border: none;
}
.rel-sec{position: relative;}
.absolute-img {
    position: absolute;
    right: 0;
    width: 50%;
    z-index:0;
    top: 0;
    object-fit: cover;
    height:100%;
}
.Faqs .accordion-button:not(.collapsed) {
    background:transparent;
    color:#152e41;
}

.Faqs button.accordion-button.collapsed {
    padding: 20px 0;
}

.Faqs button.accordion-button {
    padding: 20px 0;
    font-weight:600;
}
.Faqs .accordion-body {
    padding: 0 !important;
}
.Faqs .accordion-button:focus{box-shadow:none;}

@media screen and (min-width:200px) and (max-width:991px){
span.mobile-nav-trigger {display: block;}
.headmenu{box-shadow: 0 0 10px #00000061; position: fixed;left: -305px;background: #fff;top: 0px;display: block;margin: 0;bottom: 0;width: 300px;z-index: 999;-webkit-transition: all .4s;transition: all .4s;}
.headmenu.open {left: 0;-webkit-transition: all .4s;transition: all .4s;}
.headmenu .nav ul li{width:100%}
.headmenu .nav ul li a{border-bottom: 1px solid #e1dcdc; padding:10px;}
.header{justify-content:center;flex-direction: column-reverse;}
.wordofmouth{display: none;}
header .container {padding: 0; max-width:100%;}
.haedright{width:100%; justify-content: space-between;background:#ffdf10; color:#152e41; padding:5px; gap:5px;}
.callbx{color:#fff;margin-right: auto;margin: 0;font-size: 21px;margin-right: auto;}
.callbx a{color:#fff;}
.callbx span{display: none;}
.contact_header{position: relative;left: 0;top: 0;right: 0;transform: none;padding: 10px;font-size: 13px; border-radius:5px;}
.logoleft a{max-width:220px;}
.slider{padding:50px 0;margin-top: 100px;}
span.big-tag{font-size: 32px;line-height: 42px;margin-top: 30px;display: block;}
span.form-title span.title{font-size: 30px; display: block;}
.home-page-title{padding: 50px 0 0;}
.home-page-title h1{font-size: 28px;}
.space {padding: 50px 0;}
h2 {font-size:26px;}
.ctabox{padding:20px;}
.ctabox h2{font-size:21px; text-align: center;}
.item-icons {font-size: 24px;margin-right: 4px;position: relative;top: 0;}
.btn2{max-width:228px; margin:auto; text-align: center;}
.ctabox2{padding:20px; text-align: center;}
a.numb{font-size: 28px;justify-content: center;}
.slider .php-email-form{max-width:400px; margin:auto;}
.logoleft {margin-right: auto;}
.services {flex-direction: column;align-items: center;}
.main-title {font-size: 28px;}
.addrs {display: none;}
.cta-buttons.mt-4 {gap: 15px;display: flex;flex-wrap: wrap;margin-bottom: 30px;}
}
@media screen and (min-width:200px) and (max-width:767px){
.faq-grid{display: block;}
}
@media screen and (min-width:360px) and (max-width:767px){
.get-free{font-size: 18px;}
.haedright {padding:5px 15px;}
}