/*
Theme Name: Local Appliance Repairs Theme
Theme URI: #
Author: Simon NAC
Author URI: #
Description: Local Sites New Skin
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: appliance-repairs
*/

/* General Styles */
body {
    font-family: Poppins;
    margin: 0;
    padding: 0;
	background-color:#f7f7f7;
}

a {text-decoration:none;}

h1 {
color:#423984;
font-size:24px;
text-align:center;
}

h2{font-size:36px;}

/* Central Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

.container-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 50px 30px 50px;
    border-left: 1px solid #dcdbe6;
	border-right: 1px solid #dcdbe6;
background-color:#fff;
}
.menu-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header (4 Columns) */
.header {
    display: grid;
grid-template-columns: 24% 36% 18% 17%;
    align-items: center;
    gap: 20px;
padding: 25px 35px;
    border-left: 1px solid #dcdbe6;
    border-right: 1px solid #dcdbe6;
	background-color:#fff;
}

.header-column.phone {
    display: flex;
    justify-content: center;
    align-items: center;
}

#badge-ribbon {
    max-height: 60px;
	max-width: 345px;
	margin:0 auto;
}

.logo img {
    max-width: 200px;
    margin-left: 15px;
    height: auto;
    margin-top: 13px;
}

.phone p {
	margin:0;
    font-size: 42px;
    font-weight: 700;
    display: flex;
    align-items: center; /* Vertically center the icon and text */
	justify-content: center;
}
.phone a{
		color:#423984 !important;
}

.phone-icon {
    width: 50px !important; /* Adjust the size of the icon */
    height: 50px !important; /* Adjust the size of the icon */
    margin-right: 10px !important; /* Space between icon and text */
}

.phone-icon-2 {
    width: 50px; /* Adjust the size of the icon */
    height: 50px; /* Adjust the size of the icon */
    margin-right: 10px; /* Space between icon and text */
	    margin-bottom: -12px;
}

.header-column.accred {
    display: flex;
    justify-content: center;
    align-items: center;
}

.accred img {
    width: 165px;
}

.script {
    padding-top: 7px;
}

.script img{
width:180px;
}

/* Full-width navigation bar */
.navbar {
    width: 100%;
    background-color: #423984;
    position: relative;
}

.navbar .container {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    position: relative;
}

/* Navbar Menu Items */
.navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.navbar ul li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #746caf;
    position: relative;
    flex-grow: 1;
}

.navbar ul li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 15px 8px;
    text-align: center;
}

/* Active/hovered item styles */
.navbar ul li.current-menu-item a,
.navbar ul li:hover a {
    background-color: #ff6600;transition: background-color 0.3s;
}

/* Last item border */
.navbar ul li:last-child {
    border-right: 1px solid #746caf;
}

/* Default styles for the toggle section */
.navbar-toggle-container {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Default to left align */
}

.navigation-text {
    font-size: 18px;
    margin-right: 10px; /* Space between "Navigation" and toggle button */
}

/* Mobile Menu Toggle */
.navbar-toggle {
    display: none; /* Hide toggle by default */
    font-size: 30px;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
}

.intro{
    color: #5a5770;
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 32px;
    padding: 0 15px;
}

/* Container for the tabs */
.tabs-container {
    width: 100%;
    margin-top: 45px;
}

/* Styling for the tabs */
.tabs {
    display: flex;
    border: none;
    padding: 0;
    list-style: none;
    margin: 0;
    justify-content: space-between; /* Space between the first and last tabs */
}

/* Styling for individual tabs */
.tab {
    padding: 10px 15px;
    background-color: #423984;
    color: white;
	font-weight:500;
	font-size:14px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

/* Active and hover states */
.tab:hover, .tab.active {
    background-color: #ff6600;
}

/* Styling for the content box */
.content-box-container {

}

.content-box {
    background-color: white;
    border: 1px solid #dcdbe6;
    display: flex;
    padding: 20px;
    margin-bottom: 35px;
    display: none; /* Hide all content boxes initially */
}

.content-box.active {
    display: flex; /* Show active content box */
	    border-radius: 0px 0px 15px 15px;
}

.content-image {
    width: 275px;
    margin-right: 10px;
    padding: 25px 10px 30px 0px;
}

.content-text {
    width: 75%;
	color:#423984;
}

/* Footer (Full-width, 1200px content) */
.footer {
    width: 100%;
    background-color: #423984;
    color: white;
    padding: 8px 0;
    font-size: 12px;
}

.footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Footer Menu Container */
.footer-left {
    width: 60%;
}

.footer-right {
    width: 40%; /* Ensure footer-right takes the full width */
    display: flex;
    justify-content: flex-end; /* Align the menu to the right */
}

/* Ensure footer menu is inline */
.footer-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Use flexbox to make menu items inline */
}

    .navigation-text {
       display:none;
    }

.footer-right li {
    margin: 0;
    padding: 10px 5px;
    font-size: 12px;
}

/* Footer menu link styles */
.footer-right li a {
    color: white;
    text-decoration: none;
}

/* Hover effect for footer menu items */
.footer-right li a:hover {
	color:#ff6600;
}

/* Optional: Add some space between items */
.footer-right li + li {
    margin-left: 15px;
}

/* Basic Styling */
#slider {
  position: relative;
  width: 100%;
	padding-top:10px;
  margin: 0 auto;
  overflow: hidden;
}

.slider-item {
  display: none;
	border-radius:15px;
  width: 100%;
  height: 360px; /* Adjust the height */
  background-size: cover;
  background-position: center;
}

.slider-item.active {
  display: block;
}

.slider-content {
    position: relative;
    top: 60px;
    left: 75px;
    max-width: 65%;
}

.slider-title {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
}

.slider-description {
    font-size: 18px;
    color: #fff;
}

.slider-button {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #ff6600;
  color: white;
  text-decoration: none;
	border-radius:10px;
}

.slider-button:hover{background-color:#fff;color:#423984;transition: background-color 0.3s ease-in-out;}

.book-online-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #33b249;
  text-decoration: none;
	border-radius:10px;
    width: 100%;
    margin: 0px 30px;
    text-align: center;
}

.book-online-button:hover{background-color:#52cc67;color:#fff;transition: background-color 0.3s ease-in-out;}

.book-online-button-slider {
  display: inline-block;
margin-right:20px;
  padding: 10px 20px;
  background-color: #33b249;
  text-decoration: none;
	border-radius:10px;
}

.book-online-button-slider:hover{background-color:#52cc67;color:#fff;transition: background-color 0.3s ease-in-out;}

.book-online-button-tabby {
  display: inline-block;
  padding: 10px 20px;
  background-color: #33b249;
  text-decoration: none;
	border-radius:10px;
}

.book-online-button-tabby:hover{background-color:#52cc67;color:#fff;transition: background-color 0.3s ease-in-out;}

.book-online-button-modal{
    display: inline-block;
    padding: 10px 20px;
    background-color: #33b249;
    text-decoration: none;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    font-size: 15px;
}

.book-online-button-modal:hover{
background-color:#52cc67;color:#fff;transition: background-color 0.3s ease-in-out;
}

.slider-nav {
    position: absolute;
    top: 44%;
    padding: 6px;
    background-color: #ff6600;
    font-size: 24px;
    border-radius: 0;
    cursor: pointer;
    z-index: 10;
}

.slider-nav.left {
  left: 0px;
}

.slider-nav.right {
  right: 0px;
}

.slider-nav:hover {
  background-color: #fff;
	color:#ff6600;
}

.slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/2025/03/wm-1.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}
.slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/td.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}
.slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/2025/03/ast-cook.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}
.slider-item:nth-child(4) {
  background-image: url('/wp-content/uploads/2025/03/dw.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}
.slider-item:nth-child(5) {
  background-image: url('/wp-content/uploads/2025/03/fridge-freezer.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}
.slider-item:nth-child(6) {
  background-image: url('/wp-content/uploads/2025/03/mw.webp');
	background-color:#423984;
	background-size: contain;        /* Ensures the image is contained within the element without stretching */
    background-position: right;      /* Aligns the image to the right side */
    background-repeat: no-repeat;    /* Prevents the image from repeating */
}

.washing-machine-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/wm-2.webp');
}

.washing-machine-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/wm-3.webp');
}

.washing-machine-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}

.tumble-dryer-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/td-2.webp');
}

.tumble-dryer-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/td.webp');
}

.tumble-dryer-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}

.dishwasher-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/dw-2.webp');
}

.dishwasher-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/dw.webp');
}

.dishwasher-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}

.cooker-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/or-2.webp');
}

.cooker-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/ast-cook.webp');
}

.cooker-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}

.fridge-freezer-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/ff-2.webp');
}

.fridge-freezer-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/fridge-freezer.webp');
}

.fridge-freezer-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}

.microwave-repairs .slider-item:nth-child(1) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/mw-2.webp');
}

.microwave-repairs .slider-item:nth-child(2) {
  background-image: url('/wp-content/uploads/2025/03/mw.webp');
}

.microwave-repairs .slider-item:nth-child(3) {
  background-image: url('/wp-content/uploads/sites/80/2025/04/snd.webp');
}


.checklist-container {
    display: flex;
	margin-bottom:35px;
}

.checklist {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 50%;
}

.checklist li {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    color: #423984;
    margin-bottom: 8px;
}

.check-icon {
    width: 26px;
    height: auto;
}

.custom-testimonial {
  width: 340px;
    margin: 0;
  text-align: center;
  float: left;
}


.custom-speech-bubble {
    position: relative;
    background-color: #423984;
    padding: 30px;
    border-radius: 20px;
    height: 120px;
    border: 1px solid #cfcfcf;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}

.custom-speech-bubble p{
	margin:0;
	  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
	font-weight:400;
  text-overflow: ellipsis;
	line-height:30px;
}


.custom-speech-bubble::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 18%;
  transform: translateX(-50%);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #423984;
}

.custom-meta {
    margin-top: 10px;
}


.custom-name {
position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    float: left;
    margin-left: 10px;
}


.custom-stars {
    float: right;
    position: relative;
    right: 10px;
}


.custom-stars img {
	margin:0;
  width: 100px;
  height: auto;
}

.custom-testimonial-container {
display: flex;
    padding-top: 15px;
    padding-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Full-width background */
.full-width-checklist-dark {
    width: 100%;
    background-color: #423984;
    padding: 30px 0 60px 0;
	    background-image: url('//wp-content/uploads/2025/03/cow-bg.webp');
    background-position: top center;
    background-size: cover;
    position: relative;
}

.full-width-checklist-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('//wp-content/uploads/2025/03/cow-bg.webp');
    background-position: top center;
    background-size: cover;
    opacity: 0.1;
    z-index: -1; /* Ensures the background stays behind the content */
}

/* Content limited to 1200px */
.checklist-wrapper-dark {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px; /* Adds some spacing on smaller screens */
}

/* Styling for the heading */
.checklist-wrapper-dark h2 {
font-size: 30px;
    color: #fff;
    margin: 0;
    padding: 30px 0 35px 0;
}

/* Four-column layout */
.checklist-grid-dark {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: left;
	margin-left: 60px;
}

/* Individual checklist boxes */
.checklist-box-dark {
}

/* Checklist items */
.custom-checklist-dark {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-checklist-dark li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

/* Check icon styling */
.check-icon {
    width: 20px;
    height: auto;
    margin-right: 10px;
}


/* Full-width background */
.full-width-checklist-light {
    width: 100%;
    background-color: #f8f8f8;
}

/* Content limited to 1200px */
.checklist-wrapper-light {
max-width: 1160px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 20px;
    border-left: 1px solid #dcdbe6;
    border-right: 1px solid #dcdbe6;
    background-color: #fff;
}

/* Styling for the heading */
.checklist-wrapper-light h2 {
    color: #423984;
font-size: 30px;
    margin: 0;
    padding: 0px 0 35px 0;
}

/* Four-column layout */
.checklist-grid-light {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: left;
	margin-left: 60px;
}

/* Individual checklist boxes */
.checklist-box-light {
}

/* Checklist items */
.custom-checklist-light {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-checklist-light li {
    font-size: 16px;
    color: #423984;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.phone-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-top:30px;
}

.tab-contact .button-right a:hover{color:#fff !important;}

.phone-number {
font-size: 36px;
    color: #ffffff;
    font-weight: 600;
    margin-right: 40px;
}

.phone-number-tabs {
font-size: 36px;
    color: #423984 !important;
    font-weight: 600;
    margin-right: 20px;
}

.slider-button-right {
    padding: 10px 20px;
    background-color: #ff6600;
    color: white;
    text-decoration: none;
    border-radius: 10px;
}

.slider-button-right:hover {
    background-color: #fff;
    color: #423984;
    transition: background-color 0.3s ease-in-out;
}

.button-right {
    padding: 10px 20px;
    background-color: #ff6600;
    color: white;
    text-decoration: none;
    border-radius: 10px;
margin-left:20px;
}

.button-right:hover {
    background-color: #423984;
    color: #fff !important;
    transition: background-color 0.3s ease-in-out;
}

.mobile-image{display:none;}

/* Responsive Design */
@media (max-width: 1200px) {

ul#covered-areas{padding:50px 30px 60px 30px !important;}
#area-manufacturer ul:last-of-type {padding:50px 30px !important;}

#content ul.appliance-care-usp{width:50%;}
	
	.checklist-wrapper-dark h2{font-size:23px;}
	.checklist-wrapper-light h2{font-size:23px;}
    h1 {
        font-size: 23px;
    }
    .tab {
        font-size: 0.7em;
    }
    .header-column.image {
        display: none;
    }
	.slider-description{
		font-size:16px;
	}
	.phone-number{font-size:30px;}
	.slider-title {
		font-size: 30px;}
	.intro{font-size:17px;}
	.tab {
		padding: 10px 18px;}
	.checklist li{font-size:17px;gap:0;}
#badge-ribbon{margin-left:-20px;}
}

/* Responsive Design */
@media (max-width: 1100px) {

#navigation ul li a{font-size:12px !important;}
}

@media (max-width: 1035px) {
	
	.content-box.active {
    border-radius: 15px;
    margin-top: 20px;
}

    .tab {
        border-radius: 10px;
        margin-bottom: 2px;
        font-size: 16px;
    }
    .phone-icon {
        width: 30px;
        height: 30px;
    }
    .phone p {
        font-size: 42px;
    }
    .checklist-grid-light,
    .checklist-grid-dark {
        grid-template-columns: 1fr 1fr; /* One column on mobile */
    }
    .tabs {
        justify-content: flex-start; /* Align tabs to the left on smaller screens */
        flex-wrap: wrap; /* Allow wrapping if there's not enough space */
    }
    .tab {
        flex: 0 1 100%; /* Each tab takes full width on small screens */
        text-align: center;
    }
    .content-box {
        flex-direction: column;
    }
    .content-image {
width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .content-text {
        width: 100%;
    }
    .checklist-container {
        flex-direction: column;
        align-items: center;
        gap: 0px;
    }
    .checklist {
        width: 100%; /* Stacks lists on smaller screens */
        text-align: left;
    }
	
	.custom-checklist-dark li{justify-content:center;}
	.custom-checklist-light li{justify-content:center;}
	
    .logo img {
        max-width: 330px;
        width: 100%;
        height: auto;
        margin-top: 13px;
    }
    .phone p {
        justify-content: center; /* Center the phone icon and number */
        text-align: center;
    }
    .phone-icon {
        margin-right: 10px; /* Space between the icon and the text */
    }
    .navbar ul {
        display: none; /* Hide menu by default */
        flex-direction: column;
        width: 100%;
    }
    .navbar.open ul {
        display: flex; /* Show menu when toggled */
    }
    .navbar-toggle-container {
        justify-content: center;
    }
    .navigation-text {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }
    .navbar-toggle {
        display: block; /* Show toggle on mobile */
        padding: 3px 0px 6px 0px;
    }
    .footer .container {
        flex-direction: column;
        text-align: center;
    }
	.footer-left{width:100%;}
	.footer-right{width:100%;justify-content:center;}
    #badge-ribbon {
        padding-left: 45px;
margin-left:0;
    }
    .header {
        grid-template-columns: 27% 48% 0% 18%;
    }
    .header-column.image {
        display: none;
    }
    h1 {
        font-size: 21px;
    }
		.content-text {text-align:center;}
	
	.checklist li{
		justify-content:center;
	}
	.checklist-grid-dark{margin-left:0;}
	.checklist-grid-light{margin-left:0;}
}

@media (min-width:900px) {
.responsive-tabs .responsive-tabs__panel ul.appliance-care-usp{
padding-left:66px !important;
}
}

@media (max-width: 992px) {
.tab-contact {
    margin-top: 40px !important;
    margin-bottom: 30px !important;
}
#navigation ul li a{
padding:16px 5px !important;
}
.responsive-tabs .responsive-tabs__panel ul.appliance-care-usp{
margin-top:0px !important;
}

.alignleft {
    padding-bottom: 50px;
}
#badge-ribbon{padding:0;}
#area-manufacturer ul#covered-areas li{width:33% !important;}
#area-manufacturer ul#manufacturer-list li{width:50% !important;}
.responsive-tabs .responsive-tabs__panel img{width:auto !important;}
}

@media (max-width: 900px) {

.header{display:block;}

.logo img {margin-left:0px !important;}

.header-column.phone{margin: 20px 0px 25px 0px;}

  .header-column.accred,
  .header-column.script {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }

    .accred img {
        margin: 10px 10px 5px 0px;
width:140px;
    }

.script img{
        margin: 6px 0px 5px 15px;
width:150px;
}

.script {padding-top:5px !important;}


.book-online-button-slider{margin-right:0;width:100%;}
.slider-button-right{margin-top:20px !important;}
#badge-ribbon{margin:0 auto;padding-left:15px;}
	.mobile-image{display:block;margin-bottom:20px;}
	.mobile-image img{width:100%;border-radius:15px;}
    .header {
        padding: 20px 0px 20px 0px;
        grid-template-columns: 1fr;
        row-gap: 15px;
        text-align: center;
    }
    .checklist-grid-light,
    .checklist-grid-dark {
        grid-template-columns: repeat(2, 1fr); /* Two columns on tablets */
    }
    .container-main {
        max-width: 1098px;
        margin: 0 auto;
        padding: 5px 20px 30px 20px;
    }
    .phone-icon {
        width: 50px;
        height: 50px;
    }
	.slider-item:nth-child(1),
    .slider-item:nth-child(2),
    .slider-item:nth-child(3),
    .slider-item:nth-child(4),
    .slider-item:nth-child(5),
    .slider-item:nth-child(6) {
        background-image: none !important;
    }
	.slider-item {
    height: auto; /* Allow height to adjust based on content */
    position: relative;
    overflow: hidden; /* Keep content from overflowing out of the slider item */
		padding-bottom: 40px;
}
	.slider-content {
    position: relative;
    top: 25px;
		left:0;
    text-align: center;
    max-width: 100%;
    margin: 0 25px;
}
	    .slider-title {
        font-size: 28px;
    }
.phone-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; /* Allows the button to wrap below */
    text-align: center;
}
	.slider-button-right {
    display: block;
    width: 100%; /* Ensures the button appears below */
    text-align: center;
    margin-top: 10px; /* Adds spacing between number and button */
}
	
	.phone-number{font-size:36px;margin-right:0;}
	
	.slider-item .phone-icon{width:30px;height:30px;margin-right:0px;}
	
}

@media (max-width: 768px) {
.rvr-title{font-size:1.4em !important;}
.rvr-container{padding-top:15px !important;}
#navigation{display:none !important;}
form#cbForm {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}
#content ul.appliance-care-usp li{font-size:17px !important;}
.phone-number-tabs{font-size:34px;}
#new-content{padding-left:15px !important;padding-right:15px !important;padding-top:0px !important;}
#slider{padding-top:0px !important;}
.slider-description{padding:0px 25px;line-height:1.6em;}
    .intro {
        line-height: 1.6em;
    }
#onestop{line-height:1.4em;}
.slider-nav{top:60%;}
#new-content h2{font-size:22px !important;}
}

@media (max-width: 640px) {
.button-right{margin-top:0px !important;}
}

@media (max-width: 618px) {
.button-right{margin-top:20px !important;margin-left:0px !important;}
}

@media (max-width: 600px) {
#area-manufacturer ul#covered-areas li{width:50% !important;}
#area-manufacturer ul#manufacturer-list li{width:100% !important;}
	.checklist-grid-light, .checklist-grid-dark {grid-template-columns: 1fr;}
}

.tab-contact{
width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;}

#onestop{
color: #423984;
font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px;
text-align:center;}

.ol a{color:#ff6600 !important;}

#latestreviews {
  position: relative;
}

/* General styling for the row */
.usp-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Spacing between boxes */
margin:40px 0px 0px;
}

/* Styling for each box */
.usp-box {
    width: calc(100% / 6 - 20px); /* 6 boxes per row */
    text-align: center;
}

/* Styling for images inside each box */
.usp-image {
    width: 100%;
    height: auto;
    max-width: 80px; /* Limit image width */
    margin-bottom: 10px; /* Space between image and text */
}

/* Styling for the text under the image */
.usp-text {
    font-size: 16px;
    font-weight: 600;
    color: #423984;
line-height:20px;
}

/* Responsive design for tablets (3 per row on smaller screens) */
@media (max-width: 1024px) {
.usp-row{
margin:35px 10px 20px;
}
    .usp-box {
        width: calc(33.33% - 20px); /* 3 boxes per row on tablets and smaller screens */
    }
.usp-text{font-size:15px;}
}

.phone-container-cta {
    display: flex;
    border: 1px solid #dcdbe6;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    background-color: #f7f7f7;
    padding: 30px 20px;
    border-radius: 20px;
    gap: 20px; /* Optional: adds spacing between items when stacked */
}

.phone-number-tabs-cta {
    font-size: 36px;
    color: #423984 !important;
    font-weight: 600;
    margin-right: 20px;
}

.button-right-cta {
    padding: 10px 20px;
    background-color: #ff6600;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    margin-left: 20px;
}

.button-right-cta:hover {
    background-color: #423984;
    transition: background-color 0.3s ease-in-out;
}

.phone-icon-cta{
width: 50px;
    height: 50px;
    margin-bottom: -10px;
    margin-right: 10px;
}

@media (max-width: 420px) {
.phone-number-tabs{
margin-right:0px;
}
}

/* Stack contents vertically on mobile */
@media (max-width: 671px) {
.phone-container-cta {
    gap: 0px; /* Optional: adds spacing between items when stacked */
}
.button-right-cta{
margin-left:0px;
margin-top:15px;
}
.phone-number-tabs-cta{
margin-right:0px;
}
    .phone-container-cta {
        flex-direction: column;
    }
}


.menu-header ul#menu-pages li {
    border-right: 1px solid #ffffff99;
}

.menu-header ul#menu-pages li:last-child {
    border-right: none;
}

.faq-container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 30px 20px 30px;
border-left: 1px solid #dcdbe6;
    border-right: 1px solid #dcdbe6;
}

.borderfix {
    border-left: 1px solid #dcdbe6;
    margin-bottom: 0px;
    padding-bottom: 15px;
    border-right: 1px solid #dcdbe6;
}

.faq-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.faq-button {
    width: 100%;
font-family:poppins;
    padding: 15px;
background: #f7f7f7 !important;
    color:#423984;
    text-align: left;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 0px;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    font-weight: 600;
line-height:26px;
}

.faq-button:hover {
    background-color: #2980b9;
box-shadow:none;
    color:#423984;
    border: none;
}

.faq-button:focus{
color:#ff6600;
box-shadow:none;
    border: none;
}

.faq-content {
    padding: 20px 25px;
    display: none;
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
    box-sizing: border-box;
}

.faq-content p {
    margin: 0;
font-size: 17px;
    color: #5a5770;
}

.faq-content a {
    color: #ff6600 !important;
font-weight:500 !important;
}

.faq-toggle {
    font-size: 20px;
    font-weight: bold;
padding-left:20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .faq-btn {
        font-size: 14px;
        padding: 12px;
    }

    .faq-content {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .faq-btn {
        font-size: 13px;
        padding: 10px;
    }

    .faq-content {
        padding: 10px;
padding: 15px 20px;
    }
}