@import url(https://db.onlinewebfonts.com/c/68840034e47aea03234d2e48d3d4fadd?family=Futura+LT+W04+Extra+Bold); 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/stencil');

/*
font-family: "Futura LT W04 Extra Bold"; 
font-family: "Montserrat", sans-serif;
font-family: 'Stencil', sans-serif;
*/

body h2 {font-size: 44px; font-family: "Futura LT W04 Extra Bold"; font-weight: normal;}
.container {width: 100%; max-width: 1470px; padding: 0 40px; margin: 0 auto;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 16px;}
a {
	transition: 0.3s linear;
}


/***Header Section***/
.header-section {position: relative; background-color: #000; padding: 24px 0;}
.header-section .navbar {display: flex; justify-content: space-between; align-items: center;}
.header-section .navbar .logo a {color: white; text-decoration: none; font-size: 24px;}
.header-section .nav-links {list-style: none; display: flex; align-items: center; justify-content: flex-end;}
.header-section .nav-links li {margin-left: 36px;}
.header-section .nav-links a {color: white; text-decoration: none; font-size: 16px;}
.header-section .nav-links a:hover {color: #057efa;}
.header-section .menu-toggle {display: none; font-size: 30px; color: white; cursor: pointer;}
.header-section .openhrs {color: #057efa; font-size: 16px; font-weight: bold; display: flex; align-items: center; justify-content: flex-end; column-gap: 24px; margin-bottom: 28px;}
.header-section .openhrs a {font-size: 24px; color: #fff; text-decoration: none;}
.header-section .nav-links li.talk_btn a {background-color: #057efa; text-align: center; padding: 18px 30px; border-radius: 100px; display: inline-block; font-weight: bold; text-transform: uppercase;}
.header-section .nav-links li.talk_btn a:hover {
	background-color: #f2f0e4;
	color: #000;
}

/***Banner Section***/
.banner-section {background-image: url(../img/slide.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 80px 0 150px; height: auto; display: flex;
align-items: center; justify-content: center;}
.banner-content {max-width: 700px;}
.banner-content * {color: #fff;}
.banner-content .subtitle {color: #057efa; font-size: 36px; letter-spacing: 4px; margin-bottom: 10px;}
.banner-content .banner-title {font-size: 60px; line-height: 70px; font-family: "Futura LT W04 Extra Bold"; margin-bottom: 24px;}
.banner-content p {font-size: 20px; line-height: 30px;}
.multiple_btn {margin-top: 50px;}
.multiple_btn .talk-to-us {background-color: #057efa; min-width: 173px; display: inline-block; text-align: center; padding: 21px 10px; text-decoration: none; font-weight: bold; text-transform: uppercase;
line-height: normal; border-radius: 100px; margin-right: 40px;}
.multiple_btn .talk-to-us:hover {
	background-color: #f2f0e4;
	color: #000;
}
.multiple_btn .book_ins {font-weight: bold; color: #057efa; letter-spacing: 2px;}


/***Services Section***/
.services-section {background-color: #000; padding: 100px 0;}
.service_inner {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1130px; margin: -150px auto 80px;}
.service_inner .service_item {padding: 30px; background-color: #f2f0e4;}
.service_inner .service_item:nth-child(2) {background-color: #057efa;}
.service_inner .service_item:nth-child(2) * {color: #fff;}
.service_inner .service_item .service-title {font-size: 32px; line-height: 42px; margin-bottom: 12px; font-family: "Futura LT W04 Extra Bold";}
.service_inner .service_item p {font-size: 20px; line-height: 30px;}
.removal_inner {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1030px; margin: 0 auto 70px; column-gap: 80px;}
.removal_inner .removal_item .service-title {font-size: 32px; line-height: 42px; margin-bottom: 12px; font-family: "Futura LT W04 Extra Bold"; color: #fff; display: flex; align-items: center;}
.removal_inner .removal_item img {margin-right: 16px;}
.removal_inner .removal_item p {font-size: 20px; line-height: 30px; color: #fff;}
.removal_inner .removal_item ul {list-style: none; margin-top: 40px;}
.removal_inner .removal_item ul li {color: #fff; background-image: url(../img/check.png); background-repeat: no-repeat; background-position: left center; padding-left: 34px; margin: 13px 0; background-size: contain;
font-size: 20px; font-weight: bold;}
.removal_inner .removal_item ul li a {
	color: #fff;
	text-decoration: none;
}
.removal_button {text-align: center;}
.removal_button a {font-weight: bold; color: #057efa; font-size: 16px; letter-spacing: 2px;}


/***Our Process Section***/
.process-section {padding: 100px 0; background-color: #f2f0e4;}
.header_title {text-align: center;}
.header_title .title {margin-bottom: 12px;}
.header_title .sub_title {font-size: 16px; letter-spacing: 3px; color: #057efa; margin-bottom: 8px;}
.header_title p {font-size: 20px;}
.process-section .process_inner {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 60px; margin-top: 60px; row-gap: 60px;}
.process-section .process_inner .process_item {display: flex; align-items: flex-start; column-gap: 20px;}
.process-section .process_inner .process_icon h4 {font-size: 146px; font-family: 'Stencil', sans-serif; line-height: 110px; color: #057efa;}
.process-section .process_inner .process_desc h3 {font-size: 32px; font-family: "Futura LT W04 Extra Bold"; font-weight: normal; margin-bottom: 10px; text-transform: uppercase;}
.process-section .process_inner .process_desc p {font-size: 20px; line-height: 28px;}
.process-section .process_item.inspection {flex-direction: column; background-color: #057efa; padding: 30px 25px; row-gap: 20px;}
.process-section .process_item.inspection h3 {color: #fff; font-size: 46px; font-weight: normal; font-family: "Futura LT W04 Extra Bold"; text-transform: uppercase; line-height: 56px; margin-left: 30px;}


/***Testimonial Section***/
.testimonial-section {padding: 100px 0; background-color: #e3ddc3;}
.testimonial-section .testimonial_inner {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 60px; margin-top: 60px; row-gap: 60px;}
.testimonial-section .testimonial_inner .testimonial_item {display: flex; align-items: flex-start; column-gap: 20px;}
.testimonial-section .testimonial_inner .testimonial_icon h4 {font-size: 146px; font-family: 'Stencil', sans-serif; line-height: 110px; color: #057efa;}
.testimonial-section .testimonial_inner .testimonial_desc {margin-top: 32px;}
.testimonial-section .testimonial_inner .testimonial_desc h3 {font-size: 32px; font-family: "Futura LT W04 Extra Bold"; font-weight: normal; margin-bottom: 10px; text-transform: uppercase;}
.testimonial-section .testimonial_inner .testimonial_desc p {font-size: 20px; line-height: 28px;}
.testimonial-section .multiple_btn {text-align: center; margin-top: 70px;}
.testimonial-section .multiple_btn .talk-to-us {color: #fff;}
.testimonial-section .multiple_btn .talk-to-us:hover {background-color: #000;}


/***Location Section***/
.location-section {background-color: #000; padding: 100px 0;}
.location_inner {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1200px; margin: 0 auto; column-gap: 80px;}
.location_inner .location_left .header_title {text-align: left;}
.location_inner .location_left .header_title * {color: #fff;}
.location_inner .location_list ul {list-style: none; column-count: 2;}
.location_inner .location_list ul li {color: #fff; background-image: url(../img/check.png); background-repeat: no-repeat; background-position: left center; padding: 13px 0 13px 34px; background-size: 26px;
font-size: 20px; font-weight: bold;}
.location_inner .location_list ul li a {
	color: #fff;
	text-decoration: none;
}
.location_list {margin-top: 60px;}
.contact_form {background: #057efa; padding: 30px;}
.contact_form h2 {color: #fff; margin: 0 0 12px 8px; font-size: 36px;}
.contact_form .form-group {width: 100%; float: left; padding: 12px 8px;}
.contact_form .form-group.column_half {width: 50%; float: left;}
.contact_form .form-group input, .contact_form .form-group select, .contact_form .form-group textarea {background-color: #fff; font-size: 16px; color: #057efa; height: 60px; padding: 20px; font-weight: bold; font-family: "Montserrat", sans-serif;
width: 100%; border: none;}
.contact_form .form-group input::placeholder, .contact_form .form-group select::placeholder, .contact_form .form-group textarea::placeholder {opacity: 1; color: #057efa;}
.contact_form .form-group textarea {height: 130px;}
.contact_form #contactForm button[type="submit"] {margin: 18px 0 0 8px; background-color: #000; min-width: 173px; text-align: center; padding: 21px 10px; text-transform: uppercase; line-height: normal; border-radius: 100px;
color: #fff; font-weight: bold; font-size: 16px; font-family: "Montserrat", sans-serif; border: none; cursor: pointer;}



/***Footer Section***/
.footer-section {background-color: #000; padding-bottom: 80px;}
.footer_inner {display: grid; grid-template-columns: 2fr 1.5fr; max-width: 1200px; margin: 0 auto; column-gap: 80px;}
.footer_inner p {color: #fff; font-size: 16px; line-height: 30px;}
.footer_inner .header_title {text-align: left;}
.footer_inner .footer_logo {margin-bottom: 50px;}
.footer_inner .social_links {margin-top: 20px; display: flex; column-gap: 22px;}
.footer_inner .sub_title {font-size: 24px; letter-spacing: 0; color: #fff; margin-bottom: 0;}
.quick_links ul {list-style: none;}
.quick_links ul li {color: #fff; font-size: 16px; margin-bottom: 16px;}
.quick_links ul li a {text-decoration: none; color: #fff;}
.footer_inner .footer_right .sub_title {margin-bottom: 30px;}
.footer_right {display: grid; grid-template-columns: repeat(2, 1fr);}
.footer_right .contact_info .phone {margin: 20px 0 10px;}
.copyright {max-width: 1200px; margin: 40px auto 0;}
.copyright p {color: #9ea7a5; font-size: 21px; text-decoration: none;}
.policy_links {margin-bottom: 6px;}
.policy_links a {color: #9ea7a5; font-size: 21px; text-decoration: none;}



@media (max-width: 1480px) {
.header-section .nav-links li {margin-left: 16px;}

}

@media (max-width: 1199px) {
img {max-width: 100%;}
body h1 {font-size: 40px !important; line-height: normal !important;}
body h2 {font-size: 34px;}
body p {font-size: 17px !important; line-height: 27px !important;}

.header-section .navbar .logo {width: 20%;}
.header-section .navbar .logo img {width: 100%;}
.header-section .navbar .navigation {width: 80%;}
.header-section .nav-links li.talk_btn a {padding: 15px;}
.service_inner .service_item .service-title {font-size: 22px; line-height: 32px;}
.removal_inner .removal_item .service-title {font-size: 26px; line-height: 36px;}
.removal_inner .removal_item ul li, .location_inner .location_list ul li {font-size: 16px;}
.process-section .process_inner .process_desc h3 {font-size: 26px;}
.process-section .process_inner .process_icon h4 {font-size: 120px;}
.contact_form h2 {font-size: 34px;}
.testimonial-section .testimonial_inner .testimonial_icon {width: 220px;}

}


@media (max-width: 990px) {
.header-section .nav-links {display: none; width: 100%; flex-direction: column; align-items: center; background-color: #333; position: absolute; top: 100%; left: 0; padding: 10px 0;}
.header-section .nav-links.active {display: flex;}
.header-section .nav-links li {margin: 10px 0;}
.header-section .menu-toggle {display: flex; justify-content: end;}
.header-section .openhrs {margin-bottom: 8px;}
.header-section .navbar .logo {width: 40%;}
.banner-section {padding: 50px 0 110px;}
.process-section .process_inner {grid-template-columns: repeat(2, 1fr);}
.testimonial-section .testimonial_inner {grid-template-columns: repeat(2, 1fr);}
.location_inner {grid-template-columns: 1fr; row-gap: 30px;}
.location_list {margin-top: 30px;}
.footer_inner {grid-template-columns: 1fr; row-gap: 30px;}

}

@media (max-width: 767px) {
body h1 {font-size: 36px !important;}
body h2 {font-size: 30px;}
body p {font-size: 16px !important; line-height: 26px !important;}

.container {padding: 0 20px;}
.header-section .openhrs, .header-section .openhrs a {font-size: 14px;}
.multiple_btn .talk-to-us {min-width: 140px; padding: 14px 10px; margin-right: 20px;}
    .header-section .navbar .logo {
        width: 60%; /* Even larger for smaller screens */
.service_inner {display: grid; grid-template-columns: 1fr;}
.removal_inner {grid-template-columns: 1fr; row-gap: 30px;}
.process-section .process_inner {grid-template-columns: 1fr; row-gap: 22px;}
.process-section .process_inner .process_desc h3 {font-size: 22px;}
.process-section .process_item.inspection h3 {font-size: 22px; line-height: normal; margin-left: 0;}
.process-section .process_inner .process_icon h4 {font-size: 80px; line-height: 68px;}
.testimonial-section .testimonial_inner {grid-template-columns: 1fr; row-gap: 30px;}
.service_inner {margin-bottom: 40px;}
.removal_inner .removal_item ul {margin-top: 22px;}
.removal_inner {margin-bottom: 30px;}
.services-section {padding-bottom: 42px;}
.process-section, .location-section, .testimonial-section {padding: 42px 0;}
.process-section .process_inner, .testimonial-section .testimonial_inner {margin-top: 36px;}
.testimonial-section .multiple_btn {margin-top: 36px;}
.contact_form {padding: 14px 14px 24px;}
.contact_form .form-group.column_half {width: 100%;}
.footer-section {padding: 20px 0 40px;}
.footer_inner .footer_logo {margin-bottom: 32px;}
.footer_right {grid-template-columns: 1fr; row-gap: 18px;}

}


@media (max-width: 479px) {
.header-section .openhrs {display: none;}
    .header-section .navbar .logo {
        width: 80%; /* Maximize logo size on smallest screens */
    }


}

/* Floating Call Button */
.floating-call-button {
    position: fixed;
    bottom: 20px; /* Adjust distance from bottom */
    right: 20px; /* Adjust distance from right */
    z-index: 1000; /* Ensures it stays on top */
    background-color: #28a745; /* Green background */
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
}

.floating-call-button a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.floating-call-button span {
    font-size: 20px;
    margin-right: 8px;
}

/* Hover effect */
.floating-call-button:hover {
    background-color: #218838; /* Darker green on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

/* Mobile responsiveness */
@media screen and (max-width: 767px) {
    .floating-call-button {
        bottom: 15px;
        right: 15px;
        font-size: 14px;
    }

    .floating-call-button span {
        font-size: 18px;
    }
}

/* Testimonial Meta Information */
.testimonial_meta {
    margin-top: 10px;
}

.name {
    font-weight: bold;
    font-size: 16px;
    display: block;
}

.location {
    font-size: 14px;
    color: #555;
}

/* Testimonial Section Styles */
.testimonial_item {
    margin-bottom: 20px;
}

.testimonial_icon img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.testimonial_desc {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 15px;
}

.testimonial_meta {
    margin-top: 10px;
}

/* Name Styles */
.name {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
}

/* Location Styles */
.location {
    font-size: 16px;
    color: #777;
}

/* Review Section */
.review {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.google-logo {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.stars span {
    color: #f4c430; /* Gold color for stars */
    font-size: 18px;
    margin-right: 2px;
}
/* Badge Styling */
.badges {
    display: flex;
    align-items: flex-start; /* Align badges to the top of the section */
    gap: 20px; /* Add space between badges */
    margin-top: 40px; /* Add space above badges */
}

.badges img {
    width: 150px; /* Set consistent badge size */
    height: auto; /* Maintain aspect ratio */
}

.location_left .badges {
    justify-content: flex-start; /* Left-align the badges with the list */
    margin-left: 0; /* Ensure no extra indentation */
}
/* Consent Checkbox Styling */
.consent {
    margin-top: 15px;
    font-size: 16px;
    color: #fff; /* Matches the form text color */
    display: flex;
    align-items: center; /* Align checkbox and label horizontally */
    gap: 8px; /* Small space between checkbox and text */
}

.consent input[type="checkbox"] {
    width: 14px; /* Make the checkbox smaller */
    height: 14px; /* Ensure square shape */
    margin: 0; /* Remove default margin */
    cursor: pointer; /* Show pointer on hover */
}

.consent label {
    cursor: pointer; /* Allows clicking on the label to toggle the checkbox */
    margin: 0; /* Ensure no unnecessary margin */
}

.terms-privacy-section {
    max-width: 900px;
    margin: 80px auto; /* Adds spacing above and below */
    padding: 60px !important;
    background-color: #f2f0e4 !important; /* Ensures correct background color */
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    display: block; /* Ensures it's not collapsing */
}

/* Title Styling */
.terms-privacy-section h2,
.terms-privacy-section h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 25px;
    color: #000; /* Ensures text is visible */
}

/* Effective Date Styling */
.terms-privacy-section .effective-date {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
    color: #666;
}

/* Paragraph Styling */
.terms-privacy-section p {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
    text-align: justify;
    color: #333; /* Ensures readability */
}

/* Bullet Point List Styling */
.terms-privacy-section ul {
    margin: 30px 0;
    padding-left: 40px;
}

.terms-privacy-section ul li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #444;
}

/* Ensuring the container inside the section behaves correctly */
.terms-privacy-section .container {
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 20px;
    display: block; /* Ensures it doesn't collapse */
}