.hero-section {
background-color: #FFFFFF;
min-height: 100vh;
padding-top: 6rem;
padding-bottom: 1.5rem;
} @media (min-width: 1200px) {
.hero-section {
min-height: auto;
}
} .hero-title {
color: #000000;
font-size: 2.5rem;
font-weight: 800;
font-family: 'Quatro', sans-serif;
line-height: 1.2;
margin-bottom: 1.5rem;
} .pest-images {
display: flex;
align-items: center;
justify-content: center;
}
.pest-images img {
display: block;
max-width: 100%;
height: auto;
}
.hero-subtitle {
color: #000000;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
line-height: 1.3;
margin-bottom: 2rem;
}
.hero-paragraph {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.highlight-license {
color: #BE1E2D;
text-decoration: underline;
}
.highlight-rating {
color: #BE1E2D;
font-weight: 700;
} .hero-rating-section {
align-items: center !important;
} .hero-rating-section .pest-images {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
}
.hero-rating-section .pest-images img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
} .rating-box {
text-align: center;
min-width: 280px;
}
.rating-box svg {
width: 100%;
height: 100%;
} .quote-form-container {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1.75rem;
height: fit-content;
}
.quote-form-subtitle {
color: #BE1E2D;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 0.5rem;
}
.quote-form-title {
color: #FFFFFF;
font-size: 1.875rem;
font-weight: 800;
font-family: 'Quatro', sans-serif;
}
.quote-form .form-control {
background-color: #42475A;
border: none;
border-radius: 0.3125rem;
color: #FFFFFF;
font-size: 1.125rem;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 1.25rem;
}
.quote-form .form-control::placeholder {
color: #FFFFFF;
opacity: 1;
}
.quote-form .form-control:focus {
background-color: #42475A;
color: #FFFFFF;
box-shadow: 0 0 0 0.2rem rgba(190, 30, 45, 0.25);
}
.quote-form select.form-control {
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1.5em 1.5em;
padding: 0 2.5rem 0 1.25rem;
list-style: 1;
}
.quote-form .wpcf7-submit {
width: 100%;
background-color: #BE1E2D;
border: none;
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
transition: background-color 0.3s ease;
}
.quote-form .wpcf7-submit:hover {
background-color: #A01825;
color: #FFFFFF;
}
.btn-quote {
background-color: #BE1E2D;
border: none;
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
transition: background-color 0.3s ease;
}
.btn-quote:hover {
background-color: #A01825;
color: #FFFFFF;
} .why-choose-section {
background-color: #FFFFFF;
padding-top: 1.5rem;
}
.why-choose-title {
color: #000000;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
}
.why-choose-section .why-choose-card {
background-color: #FFFFFF;
border: 1px solid #282C3A;
border-radius: 1rem;
padding: 1.5rem 1.75rem 2.25rem 1.75rem;
height: 100%;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.why-choose-section .why-choose-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.why-choose-section .card-title {
color: #000000;
font-size: 1.5rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
margin: 0;
flex: 1;
}
.why-choose-section .card-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin: 0;
} .why-choose-section .card-icon-svg {
flex-shrink: 0;
width: 44px;
height: 44px;
margin-right: 8px;
} .services-overview {
background-color: #FFFFFF;
}
.services-title {
color: #000000;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
}
.rating-box-small {
text-align: center;
min-width: 250px;
}
.rating-box-small svg {
width: 100%;
height: 100%;
}
.services-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
} .importance-section {
background-color: #FFFFFF;
}
.importance-title {
color: #BE1E2D;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.importance-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.importance-image-container {
position: relative;
height: 320px;
}
.importance-image-container img {
position: absolute;
left: 50px;
top: 10px;
width: 320px;
height: 288px;
} .services-pricing {
background-color: #FFFFFF;
}
.pricing-title {
color: #BE1E2D;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.pricing-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
}
.pricing-highlight {
color: #BE1E2D;
font-weight: 700;
text-transform: uppercase;
}
.pricing-link {
color: #BE1E2D;
text-decoration: underline;
}
.video-container {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
overflow: hidden;
position: relative;
height: 531px;
}
.video-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.video-wrapper img {
width: 100%;
height: 100%;
position: absolute;
}
.play-button-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.play-button-container svg {
width: 100%;
height: 100%;
}
.play-button {
background-color: #BE1E2D;
position: absolute;
border-radius: 50%;
}
.play-button-small {
width: 1.5rem;
height: 2rem;
left: -0.75rem;
top: -1rem;
}
.play-button-medium {
width: 4rem;
height: 4rem;
left: -2rem;
top: -2rem;
}
.play-button-large {
width: 6rem;
height: 6rem;
left: -3rem;
top: -3rem;
} .experience-section {
background-color: #FFFFFF;
}
.experience-title {
color: #BE1E2D;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.experience-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
}
.experience-highlight {
color: #BE1E2D;
font-weight: 700;
}
.experience-image-container {
position: relative;
height: 320px;
overflow: hidden;
}
.experience-image-container img {
position: absolute;
left: 0;
top: 6.8px;
width: 457.8px;
height: 320px;
} .youtube-section {
background-color: #FFFFFF;
}
.youtube-title {
color: #BE1E2D;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.youtube-text {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.youtube-subscribe-container {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1.75rem;
height: fit-content;
}
.youtube-subscribe-title {
color: #BE1E2D;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
}
.subscribe-text-white {
color: #FFFFFF;
font-weight: 800;
}
.youtube-subscribe-description {
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.btn-subscribe {
background-color: #BE1E2D;
border: none;
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
transition: background-color 0.3s ease;
}
.btn-subscribe:hover {
background-color: #A01825;
color: #FFFFFF;
} .dark-section {
background-color: #282C3A;
color: #FFFFFF;
padding-top: 6rem;
padding-bottom: 3rem;
}
.dark-card {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1.75rem;
margin-bottom: 2rem;
}
.dark-card .card-content {
color: #FFFFFF;
}
.dark-card .card-title {
color: #FFFFFF;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
} .title-highlight {
color: #BE1E2D;
}
.title-main {
color: #000000;
}
.text-emphasis {
color: #000000;
font-weight: 500;
}
.dark-section .title-main {
color: #FFFFFF;
}
.dark-section .text-emphasis {
color: #FFFFFF;
}
.dark-card .card-text {
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.dark-card .card-text-content {
margin-bottom: 1.5rem;
}
.btn-book-now {
background-color: #BE1E2D;
border: none;
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
transition: background-color 0.3s ease;
}
.btn-book-now:hover {
background-color: #A01825;
color: #FFFFFF;
} .quote-buttons {
gap: 1rem !important;
}
.dark-card .card-image-container {
position: relative;
height: 300px;
overflow: hidden;
}
.dark-card .maps .map-embed {
position: relative;
height: 100%;
overflow: hidden;
border-radius: 16px;
}
.dark-card .maps .map-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.dark-card .card-image-container img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.dark-card .image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
padding: 1.75rem;
}
.dark-card .overlay-link {
color: #BE1E2D;
text-decoration: underline;
}
.dark-card .floating-image {
position: absolute;
top: -71px;
right: -71px;
width: 219px;
height: 225px;
z-index: 1;
}
.dark-card .floating-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.dark-card .safe-badge {
text-align: center;
margin-top: 1rem;
}
.dark-card .safe-badge img {
max-width: 132px;
height: auto;
} .why-choose-us-section {
background-color: #282C3A;
color: #FFFFFF;
padding-top: 6rem;
padding-bottom: 3rem;
}
.why-choose-us-title {
color: #FFFFFF;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 3rem;
}
.why-choose-us-section .why-choose-card {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1rem;
display: flex;
align-items: center;
gap: 1rem;
height: 100%;
transition: all 0.3s ease;
margin-bottom: 1rem;
}
.why-choose-us-section .why-choose-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(190, 30, 45, 0.2);
}
.why-choose-us-section .why-choose-image {
width: 128px;
height: 128px;
flex-shrink: 0;
}
.why-choose-us-section .why-choose-content {
flex: 1;
}
.why-choose-us-section .why-choose-card-title {
color: #FFFFFF;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
line-height: 1.3;
margin: 0;
}
.btn-book-service {
background-color: #BE1E2D;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
border-radius: 0.625rem;
border: none;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
}
.btn-book-service:hover {
background-color: #A01825;
color: #FFFFFF;
text-decoration: none;
} .environmentally-safe-section {
background-color: #FFFFFF;
color: #000000;
padding-top: 6rem;
padding-bottom: 3rem;
}
.environmentally-safe-title {
color: #BE1E2D;
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
}
.environmentally-safe-description {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 3rem;
}
.certification-images {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.cert-image-container {
width: 160px;
min-height: 100px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
}
.cert-image {
max-width: 100%;
max-height: 120px;
width: auto;
height: auto;
object-fit: contain;
} @media (max-width: 991.98px) {
.hero-section {
padding-top: 4rem;
padding-bottom: 2rem;
}
.hero-title {
font-size: 2rem;
}
.hero-subtitle {
font-size: 1.5rem;
}
.rating-box {
min-width: auto;
margin-bottom: 2rem;
}
.pest-images {
text-align: center;
margin-bottom: 2rem;
}
.pest-images img {
max-width: 100%;
height: auto;
}
.hero-rating-section {
flex-direction: column;
align-items: center;
text-align: center;
gap: 1.5rem;
}
.quote-form-container {
margin-top: 2rem;
} .video-container {
height: auto;
min-height: 400px;
}
.video-wrapper {
min-height: 400px;
}
.video-wrapper img {
min-height: 400px;
object-fit: cover;
}
.play-button-container svg {
width: 80px;
height: 80px;
} .reviews-quote-section .review-card {
margin-bottom: 1rem;
}
.review-image {
height: 70px;
}
.btn-check-now {
padding: 0.625rem 1rem;
font-size: 1rem;
}
.quote-card {
padding: 1.25rem;
margin-top: 1rem;
}
.quote-title-main {
font-size: 1.625rem;
}
.quote-title-highlight {
font-size: 1.25rem;
} .services-header {
flex-direction: column;
text-align: center;
gap: 1.5rem;
}
.services-title-container {
order: 1;
}
.rating-box-small {
order: 2;
min-width: auto;
} .why-choose-section .why-choose-card {
padding: 1.25rem 1.5rem 1.75rem 1.5rem;
}
.why-choose-section .card-title {
font-size: 1.25rem;
}
.why-choose-section .card-text {
font-size: 1rem;
} .suburbs-card {
padding: 1.5rem;
}
.suburbs-title {
font-size: 1.375rem;
text-align: center;
}
.suburb-tag {
font-size: 0.9375rem;
padding: 0.75rem 1.5rem;
}
} @media (max-width: 767.98px) {
.hero-title {
font-size: 1.75rem;
}
.hero-subtitle {
font-size: 1.25rem;
}
.hero-paragraph {
font-size: 1rem;
line-height: 1.6;
}
.hero-rating-section {
flex-direction: column;
align-items: center;
text-align: center;
gap: 1rem;
}
.rating-box,
.pest-images {
width: 100%;
margin-bottom: 1rem;
}
.pest-images img {
max-width: 280px;
height: auto;
}
.quote-form-container {
margin-top: 1.5rem;
padding: 1.25rem;
}
.quote-form-title {
font-size: 1.5rem;
}
.quote-form-subtitle {
font-size: 1.25rem;
}
.services-title {
font-size: 1.5rem;
max-width: 100%;
text-align: center;
}
.services-header {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.rating-box-small {
min-width: auto;
margin-top: 0;
}
.services-text {
font-size: 1rem;
text-align: center;
}
.why-choose-title {
font-size: 1.5rem;
}
.why-choose-section .card-title {
font-size: 1.125rem;
}
.why-choose-section .card-text {
font-size: 0.9375rem;
}
.why-choose-section .card-icon-svg {
width: 36px;
height: 36px;
}
.importance-title,
.pricing-title,
.experience-title,
.youtube-title {
font-size: 1.5rem;
}
.youtube-text {
font-size: 1rem;
}
.youtube-subscribe-container {
margin-top: 2rem;
padding: 1.25rem;
}
.youtube-subscribe-title {
font-size: 1.25rem;
text-align: center;
}
.youtube-subscribe-description {
font-size: 1rem;
text-align: center;
}
.btn-subscribe {
width: 100%;
padding: 0.875rem 2rem;
}
.importance-image-container,
.experience-image-container {
height: auto;
margin-bottom: 2rem;
}
.importance-image-container img,
.experience-image-container img {
position: static;
width: 100%;
height: auto;
}
.video-container {
height: auto;
min-height: 280px;
}
.video-wrapper {
position: relative;
width: 100%;
height: auto;
min-height: 280px;
}
.video-wrapper img {
position: relative;
width: 100%;
height: auto;
min-height: 280px;
object-fit: cover;
}
.play-button-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.play-button-container svg {
width: 60px;
height: 60px;
}
.dark-section {
padding-top: 4rem;
padding-bottom: 2rem;
}
.dark-card {
padding: 1rem;
margin-bottom: 1.5rem;
}
.dark-card .card-content {
padding: 0;
}
.dark-card .card-title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.dark-card .card-text {
font-size: 1rem;
margin-bottom: 1rem;
}
.dark-card .card-text-content {
margin-bottom: 1rem;
}
.dark-card .btn-book-now {
padding: 0.75rem 2rem;
font-size: 1rem;
}
.dark-card .card-image-container {
height: 250px;
}
.dark-card .floating-image {
top: -50px;
right: -50px;
width: 150px;
height: 150px;
}
.dark-card .maps .map-embed {
height: 200px;
margin-top: 1rem;
}
.dark-card .safe-badge img {
max-width: 100px;
} .why-choose-us-section {
padding-top: 4rem;
padding-bottom: 2rem;
}
.why-choose-us-title {
font-size: 1.5rem;
margin-bottom: 2rem;
}
.why-choose-us-section .row.g-4 {
--bs-gutter-y: 1rem;
--bs-gutter-x: 1rem;
}
.why-choose-us-section .why-choose-card {
flex-direction: column;
text-align: center;
padding: 1.25rem;
min-height: 200px;
justify-content: center;
}
.why-choose-us-section .why-choose-image {
width: 80px;
height: 80px;
margin-bottom: 1rem;
align-self: center;
}
.why-choose-us-section .why-choose-card-title {
font-size: 1.125rem;
line-height: 1.4;
} .environmentally-safe-section {
padding-top: 4rem;
padding-bottom: 2rem;
}
.environmentally-safe-title {
font-size: 1.5rem;
}
.environmentally-safe-description {
font-size: 1rem;
}
.certification-images {
gap: 0.5rem;
}
.cert-image-container {
width: 100px;
min-height: 70px;
margin-bottom: 0.5rem;
padding: 0.25rem;
}
.cert-image {
max-height: 80px;
}
.certification-images {
justify-content: center;
gap: 0.5rem;
}
.environmentally-safe-description {
font-size: 0.9375rem;
text-align: center;
margin-bottom: 2rem;
} .pest-inspections-section {
padding-top: 4rem;
padding-bottom: 2rem;
}
.section-title {
font-size: 1.5rem;
}
.services-title {
font-size: 1.5rem;
}
.subsection-title {
font-size: 1.25rem;
}
.service-card .card-title {
font-size: 1.125rem;
}
.service-card {
padding: 1rem 1.25rem;
}
.service-icon {
width: 36px;
height: 36px;
}
.subsection-title {
font-size: 1.125rem;
text-align: center;
}
.content-paragraph {
font-size: 0.9375rem;
text-align: justify;
}
.services-description {
font-size: 0.9375rem;
text-align: justify;
}
.reviews-title {
font-size: 1.5rem;
}
.quote-title-main {
font-size: 1.5rem;
}
.quote-title-highlight {
font-size: 1.25rem;
}
.quote-buttons {
flex-direction: column;
}
.btn-call-today,
.btn-book-now {
width: 100%;
margin-bottom: 0.5rem;
}
.suburbs-title {
font-size: 1.25rem;
text-align: center;
margin-bottom: 1.5rem;
}
.suburbs-card {
padding: 1.25rem;
margin: 0 auto;
max-width: 100%;
}
.suburbs-tags {
justify-content: center;
gap: 0.375rem;
}
.suburb-tag {
font-size: 0.875rem;
padding: 0.625rem 1.25rem;
margin-bottom: 0.375rem;
text-align: center;
white-space: nowrap;
} .reviews-quote-section {
margin-bottom: 3rem;
}
.reviews-quote-section .row {
flex-direction: column;
}
.reviews-section {
margin-bottom: 2rem;
order: 2;
}
.quote-section {
order: 1;
margin-bottom: 2rem;
}
.reviews-title {
font-size: 1.375rem;
margin-bottom: 1.5rem;
text-align: center;
}
.review-cards .row {
justify-content: center;
} .review-cards .col-6 {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 1rem;
}
.review-card {
padding: 0.75rem;
height: auto;
min-height: 120px;
} .review-image {
height: auto;
margin-bottom: 0.75rem;
}
.review-image img {
width: 100%;
height: auto;
object-fit: contain;
}
.btn-check-now {
padding: 0.625rem 0.75rem;
font-size: 0.875rem;
font-weight: 600;
width: 100%;
}
.quote-section {
margin-top: 1rem;
}
.quote-card {
padding: 1rem;
}
.quote-title-main {
font-size: 1.375rem;
margin-bottom: 0.375rem;
}
.quote-title-highlight {
font-size: 1.125rem;
margin-bottom: 1rem;
}
.quote-text {
font-size: 1rem;
margin-bottom: 1rem;
}
.quote-buttons {
flex-direction: column;
gap: 0.75rem;
}
.btn-call-today,
.btn-book-now {
width: 100%;
padding: 0.75rem 1.5rem;
font-size: 1rem;
}
} .pest-inspections-section {
background-color: #FFFFFF;
color: #000000;
padding-top: 6rem;
padding-bottom: 3rem;
} .section-title {
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.content-paragraph {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.services-title {
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
}
.services-description {
color: #000000;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 2rem;
}
.subsection-title {
color: #000000;
font-size: 1.5rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
margin-bottom: 1.5rem;
}
.service-card {
background-color: #FFFFFF;
border: 1px solid #282C3A;
border-radius: 1rem;
padding: 1.5rem 1.75rem;
height: 100%;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.service-card .card-title {
color: #000000;
font-size: 1.5rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
margin: 0;
}
.service-icon {
flex-shrink: 0;
width: 44px;
height: 44px;
margin-right: 1rem;
}
.additional-services-note {
color: #666666;
font-size: 1rem;
font-style: italic;
margin-top: 2rem;
} .reviews-title {
font-size: 1.875rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 2rem;
}
.review-card {
background-color: #FFFFFF;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 0.875rem;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.review-image {
height: auto;
min-height: 60px;
overflow: visible;
border-radius: 0.3125rem;
position: relative;
}
.review-image img {
width: 100%;
height: auto;
object-fit: contain;
}
.btn-check-now {
background-color: #42475A;
border: none;
border-radius: 0.625rem;
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 1.25rem;
transition: background-color 0.3s ease;
}
.btn-check-now:hover {
background-color: #333741;
color: #FFFFFF;
} .quote-card {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1.75rem;
color: #FFFFFF;
}
.quote-title-main {
color: #FFFFFF;
font-size: 1.875rem;
font-weight: 800;
font-family: 'Quatro', sans-serif;
margin-bottom: 0.5rem;
}
.quote-title-highlight {
color: #BE1E2D;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
}
.quote-text {
color: #FFFFFF;
font-size: 1.125rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
line-height: 1.75;
margin-bottom: 1.5rem;
}
.quote-highlight {
color: #BE1E2D;
font-weight: 700;
}
.btn-call-today {
background-color: transparent;
border: 1px solid #BE1E2D;
border-radius: 0.625rem;
color: #BE1E2D;
font-size: 1.125rem;
font-weight: 700;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 3rem;
transition: all 0.3s ease;
}
.btn-call-today:hover {
background-color: #BE1E2D;
color: #FFFFFF;
} .suburbs-card {
background-color: #282C3A;
border: 1px solid #BE1E2D;
border-radius: 1rem;
padding: 1.75rem;
color: #FFFFFF;
}
.suburbs-title {
color: #BE1E2D;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Quatro', sans-serif;
margin-bottom: 1.5rem;
text-align: center;
}
.suburbs-tags {
display: flex;
flex-wrap: wrap;
gap: 0.3125rem;
justify-content: center;
}
.suburb-tag {
background-color: transparent;
border: 1px solid #FFFFFF;
border-radius: 50px;
color: #FFFFFF;
font-size: 1rem;
font-weight: 400;
font-family: 'Helvetica Neue LT Pro', sans-serif;
padding: 0.875rem 1.75rem;
transition: all 0.3s ease;
cursor: pointer;
}
.suburb-tag:hover {
background-color: #BE1E2D;
border-color: #BE1E2D;
color: #FFFFFF;
}