/* || BREAKPOINTS ||
    @media screen and (max-width: 39.9375em) {}                         || SMALL ONLY { 0 - 639px }         ||
    @media screen and (min-width: 40em) {}                              || MEDIUM AND UP { 640px ONWARDS }  ||
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {}   || MEDIUM ONLY { 640px - 1023px }   ||
    @media screen and (min-width: 64em) {}                              || LARGE AND UP { 1024px ONWARDS }  ||
    @media screen and (min-width: 64em) and (max-width: 74.9375em) {}   || LARGE ONLY { 1024px - 1199px }   || */
    html
    {
            scroll-behavior: smooth;
    }
















/* || Foundation component overrides || */
body{
    font-size: 16px;
    font-weight: 400;
}


h1, .h1 {
    font-size: 2.8em;
    line-height: 1.2em;
    margin: 0.67em 0;
}

h2, .h2 {
    font-size: 2.2em;
    line-height: 1.2em;
    font-weight:600;
}

h3, .h3 {
  font-size: 1.6em;
  line-height: 1.5em;
}

h4, .h4 {
    font-size: 1.2em;
    line-height: 1.5em;
}

h5, .h5 {
  font-size: 1.1em;
    line-height: 1.5em;
}

h6, .h6 {
  font-size: 1em;
  line-height: 1.5em;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea,
textarea:focus,
select,
select:focus {
    outline: none;
    box-shadow: none;
    font-size:1em;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

[type=checkbox],
[type=radio] {
    position: relative;
    top: 0.1em;
}

button, 
.button {
    font-size:0.9em;
    padding: .9rem 2rem;
    
    border-radius: 0px;
    
    font-weight: 600;
}

button:not(.button-group button), 
.button:not(.button-group button) {
    font-size:0.9em;
    
    border-radius: 0px;
    
}


.is-btn, .btn{
    border-radius: 0px !important;
}


button:hover,
.button:hover,
button:focus,
.button:focus {
    transition: .4s;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
}

.form legend {
    font-weight: 700;
}

span.error,
span.errorMargin {
    color: #cc4b37;
    font-size: 0.8em;
    font-weight: 700;
}


label, 
.label {
    font-size: 1em;
}

/* || Custom defined || */
.alternate-font-family {
    font-family: "Oswald", sans-serif;
}

/* || HEADER || */
.is-wrapper div.is-section.is-header, .is-header {
    background-color: #231F20;
    color:#FFFFFF;
    border-bottom:1px solid transparent;
    height: auto;
    min-height:0;
    z-index: 99;
    overflow: visible !important;
}

.is-header .is-container {
    z-index: 9;
}

header .sticky-bg-color.stick {
    background: #231F20;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
}

header .is-stuck{
    background: #231F20;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 12px 0 #e6e6e6;
}

/* sticky navigation*/
header .with-nav.is-stuck {
    background: #ffffff;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 12px 0 #e6e6e6;
    padding: 0 !important;
    margin: 0;
}

header .with-nav.is-stuck ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
     padding: 10px 0;
}

header.new-header-8 .with-nav.is-stuck ul {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
}

header .with-nav.is-stuck .spacer{
    display:none;
}

header a:not(.button) {
    color: #FFFFFF;
}

header a:not(.button):hover,
header a:not(.button):active,
header a:not(.button):focus {
    color: #FFFFFF;
}

header .icon, 
header i,
header i.fa-bars.icon{
    color: #FFFFFF;
}

header a:not(.button):hover .icon,
header a:not(.button):hover i,
header i:hover{
    color: #FFFFFF;
}

header button,
header .button,
header button:hover,
header button:focus,
header .button:hover,
header .button:focus {
     background:#CF1B2D;
     color:#FFFFFF;
}

header button.header-search-button {
    background:transparent;
}

header button.header-search-button:hover {
    box-shadow: none;
}

.text-logo {
    word-wrap: break-word;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 50px;
    font-family: "Outfit", serif;
}

.header-buttons .button {
    font-weight:600;
    padding: 0.9em 2em;
}

footer {
    border-top: none;
}

footer .text-logo {
    color: #FFFFFF;
}

footer .address-container br {
    display:none;
}

svg.step.social-icon {
    height:35px;
    width:35px;
    fill:rgba(207, 27, 45, 1);
}

.footer2 .step.social-icon,
.new-footer-1 .step.social-icon,
.new-footer-2 .step.social-icon,
.new-footer-3 .step.social-icon,
.new-footer-4 .step.social-icon{
    height: 40px;
    width: 40px;
}

header .cta .icon {
    padding-right: 5px;
    color: #FFFFFF
}

header .text-muted {
    color: #FFFFFF !important;
}

header .border-bottom, 
header hr {
    border-bottom:1px solid transparent;
}

header .border-top {
    border-top:1px solid transparent;
}


header .is-section {
    float: none;
    width: auto;
}


.header7 .ps-cart-text-container {
    position:static;
    margin-right:10px;
}




.ecommerce-style2 .cart, .cart {
    position:relative;
}

header a:hover i.fas {
    color:#FFFFFF
}

.ecommerce-style2 .ps-cart-text-container, .ps-cart-text-container {
    color:#231F20;
    background:#FFFFFF;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    left: 31px;
    top: -1px;
    font-weight: bold;
}

header a:hover .ps-cart-text-container {
    background:#FFFFFF;
}

header .currency-converter{
    font-size: 0.9em;
}

header .currency-converter select {
    padding-right:0;
}

.sticky-container,
.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    z-index: 100;
}

.nav-bg, 
.top-bar, 
.top-bar ul,
.top-bar ul.menu {
    
        background: #CF1B2D;
    
}


.header-search-input{
    padding-right:25px;
    color:#262626;
    background:#FFFFFF;
}

.header-search-input::placeholder {
    color:#262626;
    opacity:0.6;
}

.header-search-button{
    position:absolute;
    top: 30%;
    right: 5px;
    padding:0;
}

header i.fas.fa-search {
    color:#262626
}

header .ps-cart-text-container {
    color:#231F20;
    background:#FFFFFF;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
}

header a:hover .ps-cart-text-container {
    background:#FFFFFF;
}

/* || MENU || */
header .main-navigation-background {
    background:#CF1B2D;
}

header .menu.level-1 li .is-dropdown-submenu.menu.level-2  li:first-child {
    display:none;
}

header .dropdown.menu li a:not(.button) {
    width: 100%;
}

header ul.dropdown.menu li a:not(.button) {
     color: #FFF8F8;
     font-weight:400;
     text-transform:uppercase;
         padding: 0.7rem 0.7rem;
         font-size:14px;
}

header ul.dropdown.menu li.active > a:not(.button),
header ul.dropdown.menu li > a:not(.button):hover,
header ul.dropdown.menu li > a:not(.button):active,
header ul.dropdown.menu li > a:not(.button):focus{
    color: #FFFFFF;
    background-color: transparent;
}

header .dropdown.menu li ul.submenu {
     background: #231F20;
     border:none;
}

header .dropdown.menu li ul.submenu li a:not(.button) {
    color: #FFFFFF;
    text-align:left;
}

header .dropdown.menu li ul.submenu li a:not(.button):hover,
header .dropdown.menu li ul.submenu li.active a:not(.button) {
    color: #FFFFFF;
}

header .dropdown.menu li ul.submenu li.is-active > a  {
    background:transparent;
}

header .dropdown.menu > li.is-active > a {
    color: #FFF8F8;
    background:transparent;
}

header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
       border-color: transparent;
    display: inline-block;
    width: 8px;
    height: 6px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #232323;
    right: auto;
    right: -7px;
    /* margin-top: 7px; */
    top: 50%;
}

header .dropdown.menu > li.is-dropdown-submenu-parent.active > a::after,
header .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after {
  
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent #CF1B2D transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:hover::after {
    border-color: transparent transparent transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #CF1B2D;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.active > a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {
    border-color: transparent transparent transparent transparent;
}

/* New headers CSS */
.size-20 {
    font-size:20px;
}
.menu a.head-icons {
    background:transparent;
    border-radius:50px;
    height:40px;
    width:40px;
    padding-left:0;
    padding-right:0;
    margin-right:10px;
}

.header-top-bg {
    background:#231F20;
    color: #FFFFFF;
}

.header-top-social-media .menu a{
    padding-bottom:0;
}

.header-top-social-media .menu a i,
.header-top-contact-links .menu a i {
    color:#FFFFFF;
}

.header-top-social-media .menu a:hover i,
.header-top-contact-links .menu a:hover i,
.header-top-contact-links .menu a:hover {
    color:#FFFFFF;
}

header .header-top-contact-links {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color:#FFFFFF;
}

header .header-top-contact-links a,
header .header-top-contact-links a:hover,
header .header-top-contact-links a:active{
    color:inherit;
} 

.header-top-contact-links .menu a {
    padding-top: 0;
    padding-bottom:0;
    color:inherit;
}

.header-top-contact-links .menu a i {
    font-size: 18px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

header .header8 ul.dropdown.menu > li > a:not(.button) {
    padding-top:0;
    padding-bottom:0;
}

.new-header ul.dropdown.menu li.active > a:not(.button), 
.new-header ul.dropdown.menu li > a:not(.button):hover, 
.new-header ul.dropdown.menu li > a:not(.button):active, 
.new-header ul.dropdown.menu li > a:not(.button):focus {
    background-color:transparent;
}

.new-header ul.dropdown.menu > li.active > a:not(.button) span,
.new-header ul.dropdown.menu > li:hover > a:not(.button) span {
  color :#FFFFFF;
}


.new-header-1 ul.dropdown.menu > li {
    margin-bottom: 5px;
    margin-top: 5px;
}

.new-header-1 ul.dropdown.menu > li.active > a:not(.button) span,
.new-header-1 ul.dropdown.menu > li:hover > a:not(.button) span {
    border-bottom:2px solid #FFFFFF;
}

.new-header-6 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-6 ul.dropdown.menu li:hover > a:not(.button) span,
.new-header-7 ul.dropdown.menu li.active > a:not(.button) span,
.new-header-7 ul.dropdown.menu li:hover > a:not(.button) span{
}

.new-header .button, 
.new-header .button.disabled, 
.new-header .button[disabled], 
.new-header .button.disabled:hover, 
.new-header .button[disabled]:hover, 
.new-header .button.disabled:focus, 
.new-header .button[disabled]:focus {
    background-color: #CF1B2D;
    color: #FFFFFF;
}

.new-header .button.hollow {
    background:transparent;
    color:#FFF8F8;
    border:1px solid #CF1B2D;
}

.new-header-menu-container {
    background:#CF1B2D;
}

.new-header .button i,
.new-header .button:hover i {
    color:inherit;
    padding-right:10px;
}

.column.full {
    width: 100%;
}

.sidenav-container {
    background-color: #CF1B2D;
    color: #FFFFFF;
    height: 42px;
    width: 42px;
    text-align: center;
    border-radius: 50px;
    padding-top: 8px;
}

.sidenav-container i.fa-bars.icon{
     color: #FFFFFF;
}

.new-header-3 .logo-container,
.new-header-4 .logo-container {
    min-height:110px;
    display: flex;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.new-header-3 .left-column i {
    margin-right:5px;
}

.new-header-5.logo-section {
    min-height:150px;
}

.new-header-5 .menu-container {
    margin-top:10px;
}

.new-header-5 .dropdown.menu > li > a {
    padding: 0.7rem 0 0.7rem 2rem;
}

.new-header-5 .dropdown.menu > li.has-submenu > a {
    padding-right: 1.5rem;
}

.new-header-6 .menu a.head-contact-links {
    display: flex;
    text-align: left;
    align-items: center;
}

.new-header-6 .menu a.head-contact-links .icon-part{
    padding-right:20px;
    color:#CF1B2D;
    font-size:20px;
}

.new-header-6 .menu a.head-contact-links .icon-part i {
    color:inherit;
}

.new-header-6 .menu a.head-contact-links .text-part .heading {
    padding-bottom:5px;
}

.new-header-6 .contact-section {
    display: flex;
    justify-content: right;
    align-items: center;
}

.new-header-6 .menu-container {
    border-top:1px solid transparent;
    margin-top: 10px;
    padding-top: 5px;
}

.new-header-9 .sidenav-bar {
    right: 20px;
    top: 20%;
}

/* New headers CSS END */

/* new theme 2 styles */

.main-banner-sec.theme-2 {
    height:80%;
}

.main-banner-sec.theme-2 form .button {
    background: #C01B2C;
    color: #FFFFFF;
    padding:12px 32px;
    font-size:0.9em;
}

.is-dark-color * {
    color:#231F20;
}

.is-light-color *{
    color:#FFFFFF;
}

.is-dark-color .button,
.is-dark-color button {
    background: #C01B2C;
    color: #FFFFFF;
}

.is-light-color button,
.is-light-color .button {
    background: #FFFFFF;
    color: #C01B2C;
}

.page-banner-main-heading {
    font-weight: 500; 
    margin-bottom: 10px; 
    font-size:2.8em;
}

.page-banner-sub-heading {
    font-size: 1.2em; 
    font-family: inherit; 
    margin-bottom: 30px;
}

#contact-us-form-container {
    position:relative;
}

#contact-us-form-container label {
    margin-bottom:8px;
}

#contact-us-form-container p:first-of-type, 
#contact-us-form-container legend {
    display:none;
}

#contact-us-form-container .textblock_wrap p {
    display:block;
}

#contact-us-form-container .fieldset {
    padding:0;
    margin:0;
    border:0px solid;
}

#contact-us-form-container form {
    background:#FFFFFF;
    position: absolute;
    right: 0;
    top:110px;
    width: 100%;
    padding: 40px;
}

#contact-us-form-container form input:not([type="submit"]) {
    border:1px solid #D0CBC9;
    padding: 8px 16px;
    border-radius:10px;
    height: 56px;
}

#contact-us-form-container .phone_wrap > div {
    width:100%;
}   

#contact-us-form-container .phone_wrap > div [class*="flag-container"] {
    display:none;
}

#contact-us-form-container form #first_name, 
#contact-us-form-container form #mob_phone_phone_number_tel {
    margin-bottom: 1rem !important;
    margin-top: 0px !important;
}

#contact-us-form-container * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#contact-us-form-container .form-container {
    padding:0;
}

.user-logged-out .main-banner-sec {
    overflow:visible;
}

/* service page */ 

.service-card-section h2 {
    padding-top:30px;
}

.service-card-section .single-card {
    height:100%;
     color:#FFFFFF;
}

.service-card-section .single-card * {
     color:#FFFFFF;
}

.service-card-section .cell {
    padding-right:10px;
    padding-left:10px;
}

/* faq page */

/* system page */ 
.ww-newsletter-registration.ww-form-container {
    padding-top:30px;
}
.main-banner-sec {
  width: 100%;
  max-width: none;
  background: #211d1e;
  overflow: hidden;
}

.main-banner-sec .pos-rel-ban {
  width: 100%;
  max-width: none;
  min-height: 700px;
  position: relative;
}

.main-banner-sec .show-for-large {
  width: 100% !important;
  max-width: none !important;
}

.main-banner-sec img.show-for-large,
.main-banner-sec .pos-rel-ban > img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 700px;
  object-fit: cover;
  object-position: center;
}

.main-banner-sec .bn-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(33, 29, 30, 0.99) 0%,
    rgba(33, 29, 30, 0.97) 42%,
    rgba(33, 29, 30, 0.35) 68%,
    rgba(33, 29, 30, 0) 100%
  );
}

.user-logged-out .main-banner-sec .pos-ab-ban {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0 auto;
  background: transparent;
}

.main-banner-sec .inner-content-div {
  max-width: 640px;
  padding: 36px 20px 155px;
  color: #fff;
}

.service-locations {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  color: #f7f7f7;
    font-family: "Fira Code", monospace;
  font-size: 15px;
  font-weight: 500;
 
}

.service-locations span {
  content:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp" );
}

.service-locations i {
  color: #ffffff;
  font-style: normal;
}

.banner-main-heading,
.banner-sub-heading,
.banner-text,
.banner-estimate,
.trust-item {
  
}

.banner-main-heading {
  margin: 0 0 15px;
  color: #fff;
  font-size: 48px;
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.banner-sub-heading {
  margin: 0 0 24px;
  max-width: 820px;
  color: #fff;
  font-size: clamp(38px, 4.3vw, 70px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.highlight-red {
  color: #d71930;
}
.banner-main-heading .highlight-red 
{
    font-size:64px;
    line-height:80px;
}
.banner-text {
  max-width: 800px;
  margin: 0 0 34px;
  color: #fff;
  font-size: 16px;
  font-weight:400;
  line-height: 28px;
}

.banner-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items:flex-start;
}

.banner-buttons .button,
.banner-buttons .trans-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 245px;
    min-height:54px;
  padding: 18px 28px;
   font-family: "Fira Code", monospace;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.banner-buttons .button {
  border: 1px solid #d71930;
  background: #d71930;
  color: #fff;

}

.banner-buttons .button:hover {
  border-color: #fff;
  background: #fff;
  color: #d71930;
}

.banner-buttons .trans-button {
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: transparent;
  color: #fff;
   font-size:14px;
   line-height:14px;
}

.banner-buttons .trans-button:hover {
  border-color: #d71930;
  background: #d71930;
  color: #fff;
}

.phone-icon {
  margin-right: 10px;
  font-size: 22px;
}

.banner-estimate {
  margin: 5px 0 0;
  color: #fff;
 font-family: "Fira Code", monospace;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.banner-estimate span {
  margin-right: 5px;
  color: #ffd233;
  font-size: 22px;
}
.trust-bar-holder {
    background: rgba(35, 31, 32, 1);
}
.banner-trust-bar {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  min-height: 120px;
  padding: 32px max(30px, calc((100% - 1200px) / 2));
  border-top: 2px solid #bd1a2d;
  background: rgba(35, 31, 32, 1);

}

.trust-item {
  display: flex;
  align-items: center;
  color: #f5f5f5;
    font-family: "Fira Code", monospace;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
 
}

.trust-item small {
  margin-left: 6px;
  font-size: inherit;
}

.trust-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  
}

/*section 2*/

.who-we-are-sec {
  padding: 105px 0;
  background: #ffffff;
}

.who-we-are-sec .container {
  max-width: 1500px;
}

.who-we-are-content {

}

.section-label {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 30px;
  color:rgba(35, 31, 32, 1);
    font-family: "Fira Code", monospace;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.text-center .section-label
{
    justify-content:center;
}
.label-icon {

content:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp");
}

.label-line {
  display: inline-block;
  width: 1px;
  height: 30px;
  background: rgba(130, 130, 130, 1);
}

.section-main-heading {
  margin: 0 0 15px;
  color: #1f1d1e;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.section-main-heading span {
  color: #d71930;
}

.section-sub-heading {
  margin: 0 0 15px;
  color: #d71930;
  
  font-size:20px;
  font-weight: 800;
  line-height:28px;
}


.section-text p {
  margin: 0 0 12px;
}

.section-text p:last-child {
  margin-bottom: 0;
}
.button
{
        display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    border: 1px solid #d71930;
    background: #d71930;
    color: #ffffff;
    font-family: "Fira Code", monospace;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease;

}
.button:hover
{
      border-color: #211d1e;
  background: #211d1e;
  color: #ffffff;
}


.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}

.stat-card {
  display: flex;
  min-height: 204px;
  flex-direction: column;
  justify-content: center;
  padding: 42px 42px;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #ffffff;
}

.stat-number {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  color: #211d1e;
  
  font-size:48px;
  font-weight: 800;
  line-height: 1;
}

.stat-icon {
  margin-right: 16px;
  color: #d71930;
  font-size: 30px;
  line-height: 1;
  content:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp");
}

.stat-plus,
.stat-star {
  margin-left: 3px;
  font-size: 0.7em;
}

.stat-card p {
  margin: 0;
  color: rgba(130, 130, 130, 1);
    font-family: "Fira Code", monospace;
font-weight: 600;
font-size: 14px;
    line-height: 18px !important;
line-height: 100%;
text-transform: uppercase;

}

.stat-card-red {
  border-color: #d71930;
  background: #d71930;
      transform: scale(0.9);
border-bottom:1px solid #e1e1e1;
border-top:0px solid ;
}

.stat-card-red .stat-icon,
.stat-card-red p {
  color: #ffffff;
}
.stat-card-red .stat-icon
{
     filter: brightness(0) invert(1);
}
/*why choose*/

.why-choose-sec {
  padding: 72px 0;
  background: rgba(251, 236, 236, 1)!important;
}

.why-choose-sec .container {
  max-width: 1280px;
}

.why-choose-header {
  margin-bottom: 45px;
}

.why-choose-title {
}

.why-choose-sec .section-label {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 32px;
  color: #211d1e;
    font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.why-choose-sec .label-icon {


}

.why-choose-sec .label-line {
  display: inline-block;
  width: 2px;
  height: 30px;
  background: #989898;
}


.why-choose-intro {
  min-height: 125px;
  padding: 8px 0 8px 55px;
  border-left: 1px solid #9a9a9a;
}





.why-choose-grid {
  margin-top: 0;
}

.why-choose-grid > .cell {
  display: flex;
}

.why-card {
  width: 100%;
  min-height: 270px;
  padding: 62px 34px 38px;
  background: #ffffff;
  transition: background 0.3s ease, border 0.3s ease;
  transition:all 0.5s;
   border: 2px solid transparent;
}

.why-card:hover {
  border: 2px solid #dd6b79;
  background: transparent;
  box-shadow: 0 10px 26px rgba(35, 25, 26, 0.08);
}

.why-card:hover {

  
}

.feature-icon {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: #d71930;
}

.icon-arrow {
  margin-right: 5px;
  font-size: 18px;
  line-height: 1;
}

.icon-symbol {
  font-family: Arial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
}

.why-card h3 {
  margin: 0 0 22px;
  color: #211d1e;
  
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  text-transform: uppercase;
}



/*service section*/

.services-sec {
  padding: 72px 0 85px;
  background: rgba(35, 31, 32, 1) !important;
  overflow: hidden;
}

.services-sec .container {
  max-width: 1500px;
}

.services-header {
  margin-bottom: 54px;
}

.services-title {
  max-width: 780px;
}

.services-sec .section-label {

  color: #ffffff;
  
}

.services-sec .section-main-heading  {
  color: #fff;
}

.services-intro {
  max-width: 510px;
  margin-left: auto;
  padding-top: 72px;
}

.services-intro .banner-text {

  font-weight:400;
  
}

.services-grid > .cell {
  display: flex;
}

.service-card {
  display: flex;
  width: 100%;
 
  flex-direction: column;
  background: #ffffff;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.35);
}

.service-image-wrap {
  position: relative;
  
  background: #4c4c4c;
}

.service-image {
  display: block;
  width: 100%;

  transition: transform 0.5s ease;
}

.service-card:hover .service-image {
  transform: scale(1.05);
}

.service-tag {
  position: absolute;
  top: 28px;
  left: 42px;
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 12px 25px;
  border: 2px solid #d71930;
  background: #211d1e;
  color: #d71930;
    font-family: "Fira Code", monospace;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.7px;
  line-height: 1;
  text-transform: uppercase;
}

.service-content {
  position: relative;
  flex-grow: 1;
  padding: 50px 30px 30px;
  border-bottom: 1px solid #d7d7d7;
}

.service-icon {
  position: absolute;
  top: -39px;
  right: 48px;
  display: flex;
 
  align-items: center;
  justify-content: center;
 
}

.service-content h3 {
  margin: 0 0 25px;
  color: #211d1e;
  
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
}

.service-content p {
  margin: 0;

}

.service-link {
  display: flex;
  min-height: 70px;
  align-items: center;
  padding: 15px 30px;
  background: #ffffff;
  color: #d71930;
    font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight:600;
  letter-spacing:0;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.3s ease, color 0.3s ease;
}

.service-link span {
  margin-left: 10px;
  font-size: 24px;
  line-height: 1;
}

.service-link:hover {
  background: #d71930;
  color: #ffffff;
}
.cleaning-process-sec {
  background: linear-gradient(
    to right,
    rgba(251, 236, 236, 1) 0%,
    rgba(251, 236, 236, 1) 40%,
    rgba(253, 247, 247, 1) 40%,
    rgba(253, 247, 247, 1) 100%
  ) !important;

  overflow: hidden;
}

.cleaning-process-sec .grid-x {
  margin: 0;
}

.cleaning-process-sec .grid-x > .cell {
  padding: 0;
}

/* Left pale-pink title panel */
.process-heading-wrap {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;


}

.cleaning-process-sec .section-label {

  color: rgba(207, 27, 45, 1);
  
}




/* Four-step right grid */
.process-steps-grid {
  display: grid;
  min-height: 690px;
  grid-template-columns: repeat(2, 1fr);
  
}

.process-step {
  display: flex;
  min-height: 345px;
  flex-direction: column;
  justify-content: center;
  padding:20px 20px;
  border-right: 1px solid #e5e1e1;
  border-bottom: 1px solid #e5e1e1;
}

.process-step:nth-child(2n) {
  border-right: 0;
}

.process-step:nth-child(3),
.process-step:nth-child(4) {
  border-bottom: 0;
}



.step-number {
  display: block;
  margin-bottom:20px;
  color:rgba(138, 148, 144, 1);

  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.process-step h3 {
  margin: 0 0 10px;
  color: rgba(42, 48, 45, 1);
  
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  text-transform: uppercase;
}



/*service area*/

.service-map-sec {
  position: relative;
  padding: 0 0 120px;
  background: #ffffff;
  overflow: hidden;
}

.service-map-bg {
  position: relative;
  min-height: 725px;
  padding: 0 30px 185px;
  background-color: #211d1e;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 72px 72px;
}

.service-map-content {
  position: relative;
  width: 100%;
  max-width: 1380px;
  min-height: 540px;
  margin: 0 auto;
}

.map-glow {
  position: absolute;
  top: 115px;
  left: 50%;
  width: 610px;
  height: 390px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(183, 25, 45, 0.2) 0%,
    rgba(183, 25, 45, 0.09) 42%,
    rgba(33, 29, 30, 0) 74%
  );
  pointer-events: none;
}

/* Map marker anchor */
.map-location {
  position: absolute;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
    font-family: "Fira Code", monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing:0;
  text-decoration: none;
  text-transform: none;
  z-index: 2;
}

.map-dot {
  position: relative;
  display: block;
  width:6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #d71930;
  box-shadow:
    0 0 0 7px rgba(215, 25, 48, 0.16),
    0 0 0 2px rgba(215, 25, 48, 0.45);
  transition: all 0.25s ease;
}

.map-location-label {
  position: absolute;
  bottom: 23px;
  left: -28px;
  display: inline-flex;
  min-width: max-content;
  padding: 7px 12px;
  background: #0e0d0d;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.25s ease, color 0.25s ease;
  font-weight:400;
}

.map-location:hover .map-dot,
.map-location:focus .map-dot {
  transform: scale(1.35);
  background: #ffffff;
  box-shadow:
    0 0 0 10px rgba(215, 25, 48, 0.3),
    0 0 20px rgba(215, 25, 48, 0.95);
}

.map-location:hover .map-location-label,
.map-location:focus .map-location-label {
  background: #d71930;
  color: #ffffff;
}

.active-location .map-dot {
  width: 10px;
  height: 10px;
  flex-basis: 10px;
  background: #d71930;
  box-shadow:
    0 0 0 9px rgba(215, 25, 48, 0.18),
    0 0 0 2px rgba(215, 25, 48, 0.55);
}

.active-location .map-location-label {
  padding: 11px 17px;
  background: #d71930;
  font-size: 15px;
}

/* Map marker positions */
.map-montreal {
  top: 270px;
  left: 50%;
}

.map-laval {
  top: 95px;
  left: 48%;
}

.map-west-island {
  top: 240px;
  left: 16%;
}

.map-longueuil {
  top: 415px;
  left: 72%;
}

.map-brossard {
  top: 475px;
  left: 65%;
}

.map-saint-laurent {
  top: 225px;
  left: 36%;
}

.map-dorval {
  top: 300px;
  left: 22%;
}

.map-pointe-claire {
  top: 385px;
  left: 12%;
}

.map-ddo {
  top: 205px;
  left: 9%;
}
.map-island-of-montreal {
  top: 355px;
  left: 43%;
}

.map-st-bruno-de-montarville {
  top: 365px;
  left: 88%;
}

/* Tab grid overlaps the map/background */
.service-area-tabs-wrap {
  position: relative;
  z-index: 4;
  margin-top: -180px !important;
  max-width:1044px!important;
}

.service-area-tabs {
  margin: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;

}

.service-area-tabs > .cell {
  padding: 0;
}

.area-tab {
  position: relative;
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: center;
  padding: 35px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #fffafa;
  color: #211d1e;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.area-tab:hover,
.area-tab:focus,
.area-tab.active-area{
  background: #d71930;
  color: #ffffff;
}
.area-tab:hover .area-tab-icon,
.area-tab:focus .area-tab-icon,
.area-tab.active-area .area-tab-icon{
    filter: brightness(0) invert(1);
}
.area-tab-icon {
  position: absolute;
  top: 34px;
  left: 35px;
  width:12px;
content:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp");
}

.area-tab-number {
  position: absolute;
  top: 35px;
  right: 35px;
  color: #a2a2a2;
    font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}
.area-tab.active-area .area-tab-number
{
    color:#fff;
}
.area-tab-name {
  margin-top: 30px;
  
  font-size: 24px;
  font-weight: 800;
  line-height: 1.08;
  text-transform: uppercase;
}

.area-tab:hover .area-tab-icon,
.area-tab:hover .area-tab-number,
.area-tab:focus .area-tab-icon,
.area-tab:focus .area-tab-number,
.active-area-tab .area-tab-icon,
.active-area-tab .area-tab-number {
  color: #ffffff;
}

/*testimonial*/

.testimonials-sec {
  padding: 120px 0 135px;
  background: rgba(35, 31, 32, 1)!important;
  overflow: hidden;
}

.testimonials-sec .container {
  max-width: 1500px;
}

.testimonials-heading {
  margin-bottom:30px;
}

.testimonials-sec .section-label {
  
  color: #ffffff;
   
}


.testimonials-sec .section-main-heading {
  margin: 0;
  color: #ffffff;
  
}



.testimonials-grid > .cell {
  display: flex;
}

.testimonial-card {
  display: flex;
  width: 100%;

  flex-direction: column;
  justify-content: center;
  padding: 50px 30px;
  background: rgba(43, 27, 29, 1);
  transition: transform 0.3s ease, background 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-6px);
  background: #321c1e;
}

.testimonial-stars {
  margin-bottom: 15px;
  color: #f1cc3a;
  font-family: Arial, sans-serif;
  font-size: 39px;
  letter-spacing: 11px;
  line-height: 1;
}

.testimonial-text {

  margin: 0 0 40px;
  color: #f3f3f3;
 
}

.testimonial-author {
  margin: 0;
  color: #d71930;
    font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.testimonial-author span {
  margin-right: 7px;
  color: #d71930;
  font-size: 22px;
}

/*faq*/

.faq-sec {
  padding: 95px 0 105px;
  background: #ffffff;
}

.faq-sec .container {
  max-width: 1260px;
}


/* Makes only "Frequently" red without changing HTML */
.faq-sec .section-main-heading::first-letter {
  color: #d71930;
}

/* Recommended heading HTML replacement:
   <h2 class="section-main-heading"><span>Frequently</span> Asked Questions</h2>
*/
.faq-sec .section-main-heading span {
  color: #d71930;
}

/* Accordion base */
.faq-sec .accordion {
  margin: 0;
  border: 0;
  background: transparent;
  list-style: none;
}

.faq-sec .accordion-item {
  position: relative;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #dddddd;
  background: transparent;
}

.faq-sec .accordion-item:first-child {
  border-top: 0;
}
:last-child:not(.is-active) > .accordion-title,
:last-child > .accordion-content:last-child
{
    border-bottom:initial;
}
/* Red triangle before every question */
.faq-sec .accordion-item::before {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 2;
  content:"";
 width: 15px;
    height: 15px;
    background: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp")
    center / contain no-repeat;
  pointer-events: none;
}

/* Question / toggle */
.faq-sec .accordion-title {
  position: relative;
  display: block;
  padding: 33px 62px 33px 50px;
  border: 0;
  background: transparent;
  color: #211d1e;
  
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.faq-sec .accordion-title:hover,
.faq-sec .accordion-title:focus {
  border: 0;
  background: transparent;
  color: #d71930;
  outline: 0;
}

/* Removes default Foundation arrow */
.faq-sec .accordion-title::before {
  display: none;
}

/* Custom plus icon */
.faq-sec .accordion-title::after {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #211d1e;
  content: "+";
  font-family: Arial, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-52%);
  transition: color 0.25s ease, transform 0.25s ease;
}

/* Active item shows minus */
.faq-sec .accordion-item.is-active .accordion-title::after {
  color: #d71930;
  content: "−";
  transform: translateY(-56%);
}

/* FAQ answer */
.faq-sec .accordion-content {
  padding: 0 65px 34px 50px;
  border: 0;
  background: transparent;
  
}

.faq-sec .accordion-content p {
 
  margin: 0;
}

/* Extra space for open items, matching screenshot */
.faq-sec .accordion-item.is-active .accordion-title {
  padding-bottom: 17px;
}

/*footer*/

.blank-slate-footer {

  background: #211d1e;
  color: #ffffff;
}

.blank-slate-footer .container {
  max-width: 1500px;
}

.footer-top-row {
  min-height: 185px;
}

.footer-logo-wrap {
  display: flex;
  align-items: center;
}

.footer-logo {
  display: block;
  width: 100%;
  max-width: 265px;
  height: auto;
 
}

.footer-address {
  display: flex;
  align-items: flex-start;
  color: #b7b4b4;
}

.footer-location-icon {
  margin: 5px 22px 0 0;
  content:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/map-pin.png");
}

.footer-address p {
  margin: 0;
  
  font-size: 16px;
  font-weight: 400;
  line-height:22px;
}

.footer-newsletter h3,
.footer-social h3 {
  margin: 0 0 10px;
  color: #ffffff;
 
  font-size: 18px;
  font-weight: 700;

  line-height: 1.2;
  text-transform: uppercase;
}

.footer-subscribe-form {
  display: flex;
  width: 100%;
}

.footer-subscribe-form input {
  width: 100%;
  height:48px;
  margin: 0;
  padding: 16px 22px;
  border: 1px solid #2d2b2c;
  border-radius: 0;
  background: #1a1919;
  color: #ffffff;
  box-shadow: none;
  
  font-size: 18px;
}

.footer-subscribe-form input::placeholder {
  color: #a5a2a2;
  opacity: 1;
  line-height:20px;
}

.footer-subscribe-form input:focus {
  border-color: #d71930;
  outline: 0;
  box-shadow: none;
}

.footer-subscribe-form button {
  width: 71px;
  height: 48px;
  flex: 0 0 71px;
  padding: 0;
  border: 1px solid #d71930;
  border-radius: 0;
  background: #d71930;
  color: #ffffff;
  cursor: pointer;
    font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-top-right-radius:5px !important;
   border-bottom-right-radius:5px!important;
}

.footer-subscribe-form button:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #d71930;
}

.footer-social {
  text-align: center;
}

.footer-social .menu {
  gap: 14px;
  margin: 0;
}

.footer-social .menu a {
  display: inline-flex;
  
  align-items: center;
  justify-content: center;

  color: #d71930;
 
  text-decoration: none;
  transition: all 0.3s ease;
}

.footer-social .menu a:hover {

  transform: translateY(-4px);
}

.footer-divider {
  width: 100%;
  height: 1px;
  margin: 48px 0 35px;
  border: 0;
  background: rgba(255, 255, 255, 0.23);
}

.blank-slate-footer .copyright {
  color: #aaa7a7;

  font-weight: 500;

}

.blank-slate-footer .copyright a {
  color: #aaa7a7;
  text-decoration: none;
  transition: color 0.3s ease;
}

.blank-slate-footer .copyright a:hover {
  color: #d71930;
}

@media screen and (min-width: 1024px) {
    .stretched-image-section .cell.large-6 {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    
    .stretched-image-section .cell.large-6:first-child {
        background-color: black;
        color: white;
        max-width: 600px; /* Ensure text stays within grid */
    }
    
    .stretched-image-section .cell.large-6:last-child {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .stretched-image-section .cell.large-6:last-child img {
        width: 100%;
        object-fit: cover; /* Ensure image fully covers the space */
    }
}


/* container css overridden */
.is-wrapper .is-box .is-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* New Footer CSS */
.new-footer {
    font-size:1em;
}

.new-footer .menu .active > a {
    background: transparent;
    color:#FFFFFF;
}

footer.new-footer .footer-menu-container .menu li.has-submenu a {
    padding-right:1.5em;
}

footer.new-footer .footer-menu-container .menu li a {
    font-weight:normal;
    padding: 0.5em;
}

footer.new-footer .footer-menu-container .menu li.has-submenu ul li:first-child {
    display:none;
}

footer.new-footer .footer-menu-container .menu li.has-submenu ul li a {
    text-align:left;
}

.footer-menu-container {
    border-bottom:1px solid #5A575D;
    margin-bottom:20px;
}

footer.new-footer h4 {
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}

.footer-media-box {
    margin-top:5px;
}

.size-40 {
    font-size:40px !important;
}

.new-footer-1 .copyright-container,
.new-footer-2 .copyright-container,
.new-footer-3 .copyright-container{
    border-top:1px solid #5A575D;
    padding-top: 20px;
    padding-bottom: 10px;
}

.new-footer-1 .footer-social-media {
    margin-top:30px;
}

.new-footer .dropdown.menu > li.is-active > a {
    background: transparent;
}

.mailing-list-button {
    margin-top:30px;
}

.new-footer-3  .shop-address br{
    display:none;
}

.new-footer-3 .footer-menu-container {
    margin-bottom: 0px;
}

.new-footer-3 .footer-media-box img {
    max-height:80px;
}

.new-footer ul.dropdown.menu > li.active > a:not(.button) span, 
.new-footer ul.dropdown.menu > li:hover > a:not(.button) span {
    color: #FFFFFF;
}

footer.new-footer a:not(.button):hover, 
footer.new-footer a:not(.button):active, 
footer.new-footer a:not(.button):focus {
    color: #FFFFFF;
}

.dropdown.menu > li.is-active a {
    color: #FFFFFF;
}

.contact-us-column .contact-number {
    padding-top:10px;
    padding-bottom:10px;
}

.subscription-button-container .button {
    padding: 17px;
    font-weight: 600;
}

footer iframe {
    width:275px;
}

.new-footer.with-background-image {
    background:url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/footer_bg.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    margin-top:0;
}

.new-footer-3 i {
    color:#FFFFFF;
}

.new-footer-4 .footer-social-media .menu a,
.footer3 .social-media-icons-small.menu a{
    padding: 5px !important;
}

/* New Footer CSS END*/

/* || HOMEPAGE || */
.light-bg-section {
    float: left;
}

.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5{
    color:inherit;
}

.light-bg-section h3 {
    color:#FFFFFF;
    font-weight:500;
}

.text-primary {
     color:#C01B2C;
}

strong, b {
    font-weight: bolder;
}

.dark-bg-section {
    float: left;
    color: #FFFFFF;
}

.dark-bg-section h1,
.dark-bg-section h2,
.dark-bg-section h3,
.dark-bg-section h4,
.dark-bg-section h5{
    color:inherit;
}

.dark-bg-section input[type="text"] {
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    background:;
    color:;
}

.dark-bg-section input[type="text"]::placeholder {
     color:;
}

.dark-bg-section .button {
    background:;
    color:inherit;
}

.customer-section {
    background:;
    color:;
    float:left;
}

.rounded-circle {
    border-radius: 50%;
}

.latest-blog-posts {
    background:;
    color:;
    float:left;
    width:100%;
}

.latest-blog-posts h2 {
    color:inherit;
    font-size: 2.5rem;
}

.latest-blog-posts h4 {
    color:inherit;
    font-size: 1rem;
}

.latest-blog-posts h2 a,
.latest-blog-posts h4 a,
.latest-blog-posts a{
    color:inherit;
}

.latest-blog-posts .readmore:hover {
    text-decoration:underline;
} 

/* New blog page type */

.banner-main-heading {
    font-size:2.8em;
    color:#FFFFFF;
    line-height: 1.2em;
}

.new-blog-page-type .featured-articles {
    padding: 48px;
    border: 1px solid #D0CBC9;
}

.new-blog-page-type .featured-articles img {
    max-height:215px;
}

.new-blog-page-type .featured-articles h5 {
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px;
    color:#000000;
}   

.new-blog-page-type .featured-articles h2 {
    font-size: 1.7em;
    line-height: 1.5;
    font-weight: 400;
    color:#000000;
}

.new-blog-page-type .featured-articles h2 a{
    color:#000000;
}

.new-blog-page-type .blog-search-button svg {
    fill:#000000;
}

.blog-search-container .blog-search-button:hover {
    box-shadow: none;
}

.new-blog-page-type .featured-articles p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
}

.new-blog-page-type .blog-articles,
.new-blog-page-type .blog-sidebar {
    margin-top: 80px;
}

.new-blog-page-type .blog-ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 70px 30px; 
    list-style: none;
    margin-left: 0;
}

.new-blog-page-type .blog-ul h2,
.new-blog-page-type .blog-ul h2 a{
    font-size: px;
    line-height: 1.5;
    font-weight: 600;
}

.new-blog-page-type .blog-ul img,
.featured-articles-slider img {
    margin-bottom:12px;
}

.new-blog-page-type .article-body ,
.new-blog-page-type .article-body p {
    font-size:18px;
    font-weight:400;
}

.new-blog-page-type .blog-read-more {
    font-weight:600;
}

.featured-articles-slider,
.ps-blog-category  {
    list-style: none;
    margin-left:0;
}

.ps-blog-category {
    margin-bottom: 0;
}

.ps-blog-category li {
    display:inline-block;
}

.ps-blog-category li a {
    padding: 8px 24px;
    border: 1px solid #C01B2C;
    margin-right: 16px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 16px;
    color:#C01B2C;
}

.ps-blog-category li.active a,
.ps-blog-category li a:hover{
    border-radius: 0;
    vertical-align: baseline;
    line-height: inherit;
    background:#C01B2C;
    color:#FFFFFF;
}

.new-blog-page-type .featured-articles-section {
    margin-top:80px;
}

.new-blog-page-type .section-main-heading {
    color:#000000;
}

.articles-filter-container h3 {
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 600;
    color:#000000;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction {
    text-align:right;
    margin-top: 50px;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.disabled {
    opacity: 0.2;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a {
    position: relative;
    color: inherit;
    top: auto;
    margin-top: 0;
    padding: 0;
    font-size: 16px;
    text-shadow: none;
    margin-left: 20px;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a i {
    font-weight: 100;
    text-shadow: none;
    font-size: 35px;
    color:#000000;
    border: 1px solid #000000;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block !important;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.bx-prev {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.new-blog-page-type .bx-wrapper .bx-controls-direction a.bx-next {
    width: 40px;
    height: 40px;
    display: inline-block;
    right:auto;
}

.new-blog-page-type .article-category {
    margin-bottom: 5px;
}

.new-blog-page-type .article-category span {
    font-size:16px;
    color:#000000;
    font-weight: 400;
}

.blog-search-container #search-input-blog {
    height: 56px;
    border-radius: 10px;
    padding: 8px 16px 8px 44px;
    margin-top: 80px;
    margin-bottom:0;
}

.blog-search-container .blog-search-button {
    position: absolute;
    top: 20px;
    padding: 0;
    left: 16px;
}

.new-blog-page-type .ps-pagination-bar {
    margin-top:50px;
}

.new-blog-page-type .ps-pagination-bar p {
    display:table;
    margin:auto;
}

.new-blog-page-type .ps-pagination-bar span {
    font-size:16px;
    background:#E7E5E4;
    border:1px solid #E7E5E4;
    font-weight:400;
    margin-left: 5px;
     margin-bottom: 10px;
    display:inline-block;
}

.new-blog-page-type .ps-pagination-bar span a {
    display:block;
    padding: 12px;
}

.new-blog-page-type .ps-pagination-bar span.current {
    padding: 12px;
}

.new-blog-page-type .ps-pagination-bar span.current,
.new-blog-page-type .ps-pagination-bar span.next,
.new-blog-page-type .ps-pagination-bar span.prev {
    border:1px solid #C01B2C;
    font-weight:600;
    background:transparent;
}

.new-blog-page-type .article-title {
    color:#231F20;
    margin-top:10px;
    margin-bottom: 20px;
    font-size: 2.8em;
    font-weight: 500;
}

.new-blog-page-type .blog-author ul {
    list-style:none;
    margin-left:0;
}

.new-blog-page-type.article-page-type .article-body {
    margin-top:70px;
}

.new-blog-page-type .ps-blog-recent-posts {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-left: 0;
}

.new-blog-page-type .ps-blog-recent-posts .article-title {
    font-size:1.2em;
    margin-bottom:15px;
}

.new-blog-page-type  .recent-posts-text {
    font-weight:600;
}

.new-blog-page-type .blog-sidebar-widget .ps-article-img img {
    margin-bottom:10px;
}

.new-blog-page-type h1,
.new-blog-page-type h2,
.new-blog-page-type h3,
.new-blog-page-type h4 {
    line-height:1.5;
    font-weight: 500;
}

@media screen and (max-width: 1023px) {
    .user-logged-out .main-banner-sec .pos-ab-ban
    {
        position:static;
        transform:none;
    }
    .theme-academy .header-buttons {
        padding-top:0;
    }
    header button.openMenu:hover,
    header button.openMenu:focus,
    header button.openMenu:active {
        box-shadow:none;
    }
    body {
        font-size:14px;
    }
    .new-blog-page-type .small-block-grid-1 {
        grid-template-columns: 1fr;
    }
    .articles-filter-container {
        margin-top:80px;
    }
    .new-blog-page-type .ps-blog-recent-posts {
         grid-template-columns: 1fr;
         width:100%;
         margin:auto;
    }
    .articles-filter-container .mobile-category-title {
        border:1px solid #D0CBC9;
    }
    #contact-us-form-container form {
        position:relative;
        top:auto;
        margin-bottom: 40px;
        padding-left:10px;
        padding-right:10px;
    }
    .main-banner-sec.theme-2 form .button,
    .main-banner-sec.theme-2 .button {
        font-size:1em;
        padding-right:24px;
        padding-left:24px;
        line-height: 1.5;
    }
    button, .button {
        line-height:1.5;
    }
    .banner-main-heading {
        font-size: 2.1em;
    }
    .is-overlay-bg {
        opacity:1;
    }
    h1, .h1 {
        font-size: 1.7em;
        line-height: 1.2em;
        margin: 0.67em 0;
    }
    .new-blog-page-type .article-title {
        font-size: 2em;
    }
    .new-blog-page-type .featured-articles h2,h2, .h2 {
        font-size: 1.5em;
        line-height: 1.4em;
    }
    
    h3, .h3 {
      font-size: 1.3em;
      line-height: 1.4em;
    }
    
    h4, .h4 {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    
    h5, .h5 {
      font-size: 1em;
        line-height: 1.5em;
    }
    
    h6, .h6 {
      font-size: 1em;
      line-height: 1.4em;
    }
    p{
        font-size:1.2em;
    }
    footer {
        margin-top:32px;
    }
    .mobile-footer-menu {
        display:block;
    }
    .blog-search-container #search-input-blog,
    .articles-filter-container,
    .new-blog-page-type .blog-articles, 
    .new-blog-page-type .blog-sidebar {
        margin-top: 40px;
    }
}

.img-shadow {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.4);
}

.size-30 {
    font-size:30px;
}

.is-section-guide {
    background:#231F20;
}

.is-section-guide h2 {
    color:#FFFFFF;
}

.is-section-guide p.lead {
    color:#FFFFFF;
}
.is-section-guide a.button {
    background:#FFFFFF;
    color:#231F20;
}

/* || FOOTER || */
.is-footer, .is-wrapper div.is-section.is-footer {
    background-color: #231F20;
    color: #FFFFFF;
    clear: both;
}

footer a:not(.button) {
    color: #FFFFFF;
}

.is-footer .is-container {
    padding: 0px;
}

footer a:not(.button):hover,
footer a:not(.button):active,
footer a:not(.button):focus {
    color: #FFFFFF;
}

.user-logged-in footer {
    margin-top:30px;
    float:left;
    width:100%;
    clear:both;
}


footer .border-bottom, 
footer hr {
    border-bottom:1px solid #5A575D;
}

.social-media-icons a {
    font-size: 3em;
    color: #FFFFFF;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
     color: #FFFFFF;
}

.slick-dots li {
    border: 1px solid #C01B2C;
}

.slick-dots li.slick-active, .slick-dots li:hover {
    background: #C01B2C;
}


.back-to-top-button {
    bottom:10px;
    right:10px;
    z-index:9;
}


/* || OFFCANVAS - SIDENAV || */
.off-canvas-content.is-open-right.has-transition-push{
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
}
 
.is-open.position-right {
    width: 60%;
}

@media screen and (min-width: 63em) and (max-width: 64em) {
    footer button:not(.button-group button) , footer .button:not(.button-group button),
    header button:not(.button-group button) , header .button:not(.button-group button){
        margin-bottom:2px;
    }
    .column-container.newsletter .button {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and (min-width:  64em) {
    .off-canvas-content.is-open-right.has-transition-push{
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    
    .is-open.position-right {
        width: 0%;
    }
    
    /* new header 7 css */
     .off-canvas-content.is-open-right.has-transition-push.mobile-menu-for-desktop{
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
    }
    
    .is-open.position-right.mobile-menu-for-desktop {
        width:40%;
    }
    
    .js-off-canvas-overlay.is-overlay-fixed {
        display: none !important;
    }
       .text-md-left {
        text-align:left;
    }
    
    .gallery-figcaption {
        padding-top: 37%;
        text-align: center;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.56);
        color:white;
        display: none;
        cursor: pointer;
    }
    
    .testimonial-container {
        min-height: 450px;
    }
    
    .dark-bg-section input[type="text"] {
        width:25%;
        margin-right:10px;
    }
}

aside.sidenav .featured-section {
    background-color:#231F20;
    color:#FFFFFF;
}

aside.sidenav .featured-section i {
    color:#FFFFFF;
}

aside.sidenav input[type=search] {
    color:#262626;
    background:#FFFFFF;
    padding-right: 24px;
}

aside.sidenav input[type=search]::placeholder {
    color:#262626;
    opacity:0.6;
}

aside.sidenav button[type=submit] {
    position: absolute;
    top: 30%;
    right: 5px;
    outline: none !important;
    background: transparent;
    border: 0px solid;
    box-shadow: none;
    padding:0;
}

aside.sidenav i.fas.fa-search {
    color:#262626
}


aside.sidenav .menu.simple {
    background:#CF1B2D;
    color: #FFF8F8;
}

aside.sidenav .menu.simple a {
    color: #FFF8F8;
}



aside.sidenav .ps-cart-text-container {
    color:#231F20;
    background:#FFFFFF;
    height: 22px;
    width: 23px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50% 50% 50% 50%;
    display: inline-block;
    margin-left: 5px;
}

aside.sidenav a:hover .ps-cart-text-container {
    background:#FFFFFF;
}

aside.sidenav .is-accordion-submenu {
    margin-left: 0;
}

aside.sidenav .menu.accordion-menu li {
    border-bottom: 1px solid #FFF8F8;
}

aside.sidenav .menu.accordion-menu li:last-child {
    border-bottom: 0px solid;
}

aside.sidenav .menu.accordion-menu li a {
    background:#CF1B2D;
    color: #FFF8F8;
}

aside.sidenav .menu.accordion-menu .active > a {
    background:transparent;
    color: #FFFFFF;
}

aside.sidenav .menu.accordion-menu li.has-submenu a::after {
    border-color: #FFF8F8 transparent transparent !important;
}

aside.sidenav .menu.accordion-menu > li.has-submenu.active > a::after {
    border-color: #FFFFFF transparent transparent !important;
}

@media screen and (max-width: 63.9375em) {

  .is-static.is-footer {
      min-height: 0;
  }
  
  footer .border-bottom-small {
      border-bottom:1px solid #5A575D;
    }
    
    footer .border-top-small {
      border-top:1px solid #5A575D;
    }

    header .border-top-small  {
        border-top:1px solid transparent;
    }
    
    .step.social-icon {
        height:35px;
        width:35px;
    }
    
    /* New header layouts */
    header .sidenav-container a:not(.button),
    header .sidenav-container a:not(.button):active,
    header .sidenav-container a:not(.button):active i,
    header .sidenav-container a:not(.button):hover .icon, 
    header .sidenav-container a:not(.button):hover i{
        color:inherit;
    }
   
    header .sidenav-container a:not(.button) i {
        line-height:25px;
    }
    
    .absolute-for-mobile {
        position:absolute;
    }
    
    header .mobile-head-border-section  {
        border-top:1px solid transparent;
        border-bottom:1px solid transparent;
        line-height: 60px;
    }
    
    header .mobile-head-border-section .mobile-border-right {
        border-right:1px solid transparent;
    }
    
    header .mobile-contact-section .head-icons {
        background: #FFFFFF;
        color:#231F20;
        border-radius: 50px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        padding-left: 0;
        padding-right: 0;
        display: inline-block;
    }
    
    header .mobile-contact-section .head-icons i {
        color:#231F20;
    }
    
    .mobile-contact-buttom-section {
        line-height: 60px;
        text-align:center;
    }
    
    .mobile-contact-buttom-section .button{
        margin-bottom:0;
    }
    
    .new-header .logo-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        padding-left: 40px;
    }
    
    .new-header-2 .mobile-contact-buttom-section {
        border-top:1px solid transparent;
    }
    
     .new-header-2 .mobile-contact-buttom-section .button {
         margin-bottom:20px;
         margin-top:20px;
     }

    .new-header-3 .mobile-contact-number-section,
    .new-header-3 .mobile-contact-button-section,
    .new-header-4 .mobile-contact-number-section,
    .new-header-4 .mobile-contact-button-section,
    .new-header-5 .mobile-contact-number-section,
    .new-header-5 .mobile-contact-button-section,
    .new-header-6 .mobile-contact-button-section {
        border-top:1px solid transparent;
        line-height:50px;
        text-align:center;
    }
    
    .new-header-3 .mobile-contact-button-section .button,
    .new-header-5 .mobile-contact-button-section .button,
    .new-header-6 .mobile-contact-button-section .button {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .new-header-3 .logo-container,
    .new-header-4 .logo-container,
    .new-header-5 .logo-container,
    .new-header-6 .logo-container {
        display:block;
        min-height:0;
    }
    
    .new-header-6 .mobile-contact-button-section {
        justify-content: center;
    }
    
    .is-footer-8 {
        min-height:0;
    }
    
    /* new footer layouts */
        .footer-text, 
        .footer-social-media,
        .footer-media-box {
            width: 270px;
            margin: auto;
            text-align: center;
        }
        
        .contact-us-column {
            text-align:center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left,
        .new-footer-2 .footer-social-media .menu.align-left {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-1 .footer-social-media .menu.align-left a, 
        .new-footer-1 .footer-social-media .menu.align-left .button,
        .new-footer-2 .footer-social-media .menu.align-left a, 
        .new-footer-2 .footer-social-media .menu.align-left .button{
            padding-left:0.2em !important;
            padding-right:0.2em !important;
        }
        
        .new-footer-1 .footer-menu-container .dropdown.menu,
        .new-footer-3 .footer-menu-container .dropdown.menu{
            display:block;
        }
        
        .new-footer-2 .footer-links,
        .mailing-list-button {
            text-align:center;
        }
        
        .small-text-center {
            text-align:center;
        }
        
        .menu.small-align-center {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .new-footer-4 .copyright-container, .new-footer-4 .subscription-button-container {
            border-bottom:1px solid #5A575D;
        }
       
        
    /* new footer layouts */
    
    header .sticky-bg-color {
        position:static;
    }

    header .sticky {
        top:0 !important;
    }
    
    .justify-small-center {
        justify-content: center;
    }
    
    .padding-top-sm-3 {
        padding-top:3rem;   
    }
    
    .padding-bottom-sm-3 {
        padding-bottom:3rem;   
    }
    
    .padding-top-sm-2 {
        padding-top:2rem;   
    }
    
    .padding-bottom-sm-2 {
        padding-bottom:2rem;   
    }
    
     .padding-top-sm-1 {
        padding-top:1rem;   
    }
    
    .padding-bottom-sm-1 {
        padding-bottom:1rem;   
    }

    .padding-top-sm-0 {
        padding-top:0!important;
    }
    
    .padding-bottom-sm-0 {
        padding-bottom:0!important;
    }
    
    .margin-top-sm-0{
        margin-top:0 !important;
    }
    
    .margin-bottom-sm-0{
        margin-bottom:0;
    }
    
     .margin-top-sm-2{
        margin-top:2rem;
    }
    
    .margin-bottom-sm-2{
        margin-bottom:2rem;
    }
    
    .margin-top-sm-1{
        margin-top:1rem;
    }
    
    .margin-bottom-sm-1{
        margin-bottom:1rem;
    }
    
    .padding-bottom-sm-0{
        padding-bottom:0 !important;
    }
    
    .copyright {
        font-size: 100%;
    }
    
    .small-block {
        display:block;
    }
}




.ecommerce-product-slider .orbit-previous,
.ecommerce-product-slider .orbit-next {
  color: #cacaca;
}

.ecommerce-product-slider .orbit-bullets button {
  height: 0.65rem;
  width: 0.65rem;
}

.ecommerce-product-slider .product-card {
  background-color: #fefefe;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.ecommerce-product-slider .product-card-thumbnail {
  display: block;
  position: relative;
}

.ecommerce-product-slider .product-card-title {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.ecommerce-product-slider .product-card-desc {
  color: #8a8a8a;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}

.ecommerce-product-slider .product-card-price {
  color: #3e3e3e;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-sale {
  color: #cacaca;
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
  text-decoration: line-through;
}

.ecommerce-product-slider .product-card-colors {
  display: block;
  margin-top: 0.8rem;
}

.ecommerce-product-slider .product-card-color-option {
  display: inline-block;
  height: 25px;
  width: 25px;
}

header button.openMenu {
    background: initial;
    color: initial;
}
.smi-header-nav
{
    background:#C01B2C;
    padding:10px 0 ;
}
.smi-header-top
{
    padding:20px 0;
}
.smi-btn-outline
{
    background:transparent!important;
    border:1px solid #fff;
    margin-left:10px;
    text-transform:uppercase;
}
.smi-btn-outline:hover
{
     border:1px solid #fff;
}
header .button{
    width:222px;
        font-size: 1em;
    border-radius: 0px;
    font-weight: 400;
    letter-spacing:0px;
       padding: 0.9rem 2rem;
       display:inline-flex;
       align-items:center;
       gap:8px;
}

/* =========================================
   Blog / Cleaning Insights Section
   ========================================= */

.type-blog {
  padding: 85px 0 70px;
  background: #ffffff;
}



/* Blog cards grid */
.type-blog ul.medium-up-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.type-blog ul.medium-up-2 > li.cell {
  display: flex;
  margin-bottom: 25px;
}

/* Keeps every article aligned */
.type-blog article {
  display: flex;
  width: 100%;
  flex-direction: column;
}

/* Equal height image area */
.type-blog .article-image {
  width: 100%;
  height: 330px;
  margin: 0 0 28px;
  padding: 0 !important;
  overflow: hidden;
  background: #eeeeee;
}

.type-blog .article-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.type-blog .article-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

.type-blog article:hover .article-image img {
  transform: scale(1.05);
}

/* Blog title */
.type-blog .article-title {
  position: relative;
  min-height: 76px;
  margin: 0 0 10px;
  padding-left: 50px;
  color: rgba(35, 31, 32, 1);

  font-size: 24px;
  font-weight: 800;
  line-height: 34px;
  text-transform: uppercase;
}

.type-blog .article-title::before {
  content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url("//s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp")
        center / contain no-repeat;
}

.type-blog .article-title a {
  color: #211d1e;
  text-decoration: none;
  transition: color 0.25s ease;
}

.type-blog .article-title a:hover {
  color: #d71930;
}

/* Blog excerpt */
.type-blog .article-description-summary {
 
  margin: 0 0 25px;
  padding-left: 50px;
 
}

/* Read More link */
.type-blog article > p {
  margin: auto 0 0;
  padding-left: 50px;
}

.type-blog .article-read-more,
.type-blog .read-more {
  display: inline-flex;
  align-items: center;
  color: #d71930;
     font-family: "Fira Code", monospace;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease, transform 0.25s ease;
 
}

.type-blog .article-read-more::after,
.type-blog .read-more::after {
  margin-left: 9px;
  content: "→";
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  transition: transform 0.25s ease;
}

.type-blog .article-read-more:hover,
.type-blog .read-more:hover {
  color: #211d1e;
}

.type-blog .article-read-more:hover::after,
.type-blog .read-more:hover::after {
  transform: translateX(5px);
}
/* =========================================
   Quote / Contact Form Section
   ========================================= */

.quote-form-sec {
  padding: 0;
  background: rgba(153, 25, 38, 1) !important;
  overflow: hidden;
}

 .quote-form-sec .section-sub-heading
 {
     color:#fff;
 }
/* Left-side content */
.quote-form-sec .quote-content {
 
 
  color: #ffffff;
}

.quote-form-sec .section-label {
 
  color: #ffffff;
 
}

.quote-form-sec .label-icon {
    filter: brightness(0) saturate(100%);
    opacity:0.7;
}

.quote-form-sec .label-line
{
    background:#fff;
}
.quote-form-sec .section-main-heading
{
    color:#fff;
}
.quote-form-sec .quote-content-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.quote-form-sec .banner-buttons .button:not(.trans-button) 
{
    background:rgba(35, 31, 32, 1);
    border-color:rgba(35, 31, 32, 1);
    color:#fff !important;
}
.quote-form-sec .banner-buttons .button,
.quote-form-sec .banner-buttons .trans-button {
min-width:initial;

}


/* =========================================
   Existing Webware Form Module
   ========================================= */

.quote-form-sec .is-overlay-content > .grid-container {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  padding: 0;
}

.quote-form-sec .is-overlay-content .grid-x {
  margin: 0;
}

.quote-form-sec .is-overlay-content .grid-x > .cell {
  padding: 0;
}

/* Remove spacer included by the form module */
.quote-form-sec .is-overlay-content .spacer.height-40 {
  display: none;
}

/* Dark form box */
.quote-form-sec .ww-form-container-3 {
  width: 100%;
  margin: 0;
  padding:40px;
  background: rgba(35, 31, 32, 1);
  color: #ffffff;
}

/* Form heading */
.quote-form-sec .ww-form-container-3 h3 {
  margin: 0 0 5px;
  font-size:24px;
  line-height:34px;
  text-transform: uppercase;
}

.quote-form-sec .ww-form-container-3 > form > p,
.quote-form-sec .ww-form-container-3 form > p:first-of-type {
  margin: 0 0 15px;
  color: #ffffff;
font-weight:400;
}

/* Hide visible labels because placeholders are used */
.quote-form-sec .ww-form-container-3 label {
  display: none;
}

/* Keep checkbox labels usable if your form has one */
.quote-form-sec .ww-form-container-3 .checkbox_wrap label,
.quote-form-sec .ww-form-container-3 .optin_wrap label,
.quote-form-sec .ww-form-container-3 input[type="checkbox"] + label {
  display: inline-block;
}
.quote-form-sec div.form-container {
    width:100%;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
}

/* Form field wrappers */
.quote-form-sec .ww-form-container-3 .fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.quote-form-sec .ww-form-container-3 .fieldset > div,
.quote-form-sec .ww-form-container-3 .first_name_wrap,
.quote-form-sec .ww-form-container-3 .phone_wrap,
.quote-form-sec .ww-form-container-3 .email_wrap,
.quote-form-sec .ww-form-container-3 .message_wrap,
.quote-form-sec .ww-form-container-3 .field_wrap,
.quote-form-sec .ww-form-container-3 .custom_field_wrap {
  margin: 0 0 22px;
  width:100%;
}
.quote-form-sec .ww-form-container-3 .email_wrap
{
    margin-bottom:35px !important;
}
/* Text fields, phone fields, dropdowns and textareas */
.quote-form-sec .ww-form-container-3 input[type="text"],
.quote-form-sec .ww-form-container-3 input[type="email"],
.quote-form-sec .ww-form-container-3 input[type="tel"],
.quote-form-sec .ww-form-container-3 input[type="number"],
.quote-form-sec .ww-form-container-3 select,
.quote-form-sec .ww-form-container-3 textarea {
  width: 100%;
  min-height: 53px;
  margin: 0;
  padding: 15px 20px;
  border: 1px solid #d7d5d5;
  border-radius: 0;
  background: #dfdddd;
  color: #211d1e;
  box-shadow: none;
  font-family: monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 1.2;
  text-transform: uppercase;
}

.quote-form-sec .ww-form-container-3 textarea {
  min-height: 95px;
  resize: vertical;
}

/* Phone plugin support */
.quote-form-sec .ww-form-container-3 .intl-tel-input,
.quote-form-sec .ww-form-container-3 .iti {
  display: block;
  width: 100%;
}

.quote-form-sec .ww-form-container-3 .intl-tel-input input,
.quote-form-sec .ww-form-container-3 .iti input {
  width: 100%;
  min-height: 59px;
  padding-left: 68px !important;
}

/* Select arrow */
.quote-form-sec .ww-form-container-3 select {
  appearance: auto;
  cursor: pointer;
}

.quote-form-sec .ww-form-container-3 input::placeholder,
.quote-form-sec .ww-form-container-3 textarea::placeholder {
  color: #777777;
  opacity: 1;
  font-size:14px;
  line-height:24px;
      font-family: "Fira Code", monospace;
      font-weight:500;
      letter-spacing:0;
}

.quote-form-sec .ww-form-container-3 input:focus,
.quote-form-sec .ww-form-container-3 select:focus,
.quote-form-sec .ww-form-container-3 textarea:focus {
  border-color: #d71930;
  outline: 0;
  box-shadow: 0 0 0 1px #d71930;
}

/* Submit button */
.quote-form-sec .ww-form-container-3 input[type="submit"],
.quote-form-sec .ww-form-container-3 button[type="submit"],
.quote-form-sec .ww-form-container-3 button,
.quote-form-sec .ww-form-container-3 .button {
  display: flex;
  width: 100%;

  align-items: center;
  justify-content: center;
  margin:20px 0 0;
  padding: 16px 20px;
  border: 1px solid #b11929;
  border-radius: 0;
  background: #b11929;
  color: #ffffff;
  cursor: pointer;
  font-family: monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

.quote-form-sec .ww-form-container-3 input[type="submit"]:hover,
.quote-form-sec .ww-form-container-3 button[type="submit"]:hover,
.quote-form-sec .ww-form-container-3 button:hover,
.quote-form-sec .ww-form-container-3 .button:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #b11929;
}

/* Validation messages */
.quote-form-sec .ww-form-container-3 .error {
  display: block;
  margin-top: 5px;
  color: #ff9fa8;
  font-family: Arial, sans-serif;
  font-size: 12px;
}



/* =========================================================
   RESPONSIVE CSS — APPEND AT THE END OF THE EXISTING CSS
   ========================================================= */

/* Prevent media, buttons and form controls from overflowing */
.main-banner-sec img,
.service-image,
.footer-logo {
    max-width: 100%;
}

.banner-buttons .button,
.banner-buttons .trans-button,
.quote-form-sec input,
.quote-form-sec select,
.quote-form-sec textarea {
    box-sizing: border-box;
}


/* =========================================================
   1024PX–1199PX
   Small desktop adjustments only
   ========================================================= */

@media screen and (min-width: 1024px) and (max-width: 1199px) {
header ul.dropdown.menu li a:not(.button) {
        padding: 0.7rem 0.5rem;
    font-size: 13px;
}
    .user-logged-out .main-banner-sec {
        overflow: hidden !important;
    }

    .main-banner-sec .pos-rel-ban,
    .main-banner-sec .show-for-large {
        min-height: 650px;
        height: 650px;
    }

    .main-banner-sec .inner-content-div {
        max-width: 570px;
        padding: 50px 20px 120px;
    }

    .banner-main-heading {
        font-size: 42px;
    }

    .banner-main-heading .highlight-red {
        font-size: 54px;
        line-height: 1.08;
    }

    .banner-sub-heading {
        font-size: clamp(34px, 4vw, 48px);
    }

    .banner-buttons .button,
    .banner-buttons .trans-button {
        min-width: 215px;
        padding: 16px 22px;
    }

    .banner-trust-bar {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 24px;
        padding: 28px 24px;
    }

    .trust-item {
        width: calc(50% - 12px);
        flex: 0 0 calc(50% - 12px);
        white-space: normal;
    }

    .who-we-are-sec {
        padding: 80px 0;
    }

    .section-main-heading {
        font-size: 36px;
    }

    .stat-card {
        min-height: 185px;
        padding: 32px 28px;
    }

    .stat-number {
        font-size: 42px;
    }

    .why-choose-sec,
    .services-sec {
        padding-top: 65px;
        padding-bottom: 70px;
    }

    .why-card {
        min-height: 250px;
        padding: 45px 25px 32px;
    }

    .services-header {
        margin-bottom: 42px;
    }

    .service-tag {
        top: 20px;
        left: 20px;
        padding: 11px 18px;
    }

    .service-content {
        padding: 48px 24px 28px;
    }

    .service-link {
        min-height: 82px;
        padding: 20px 25px;
    }

    .service-icon {
        right: 25px;
    }

    .process-steps-grid {
        min-height: 640px;
    }

    .process-step {
        min-height: 320px;
        padding: 30px 24px;
    }

    .service-map-bg {
        padding-right: 24px;
        padding-left: 24px;
    }

    .service-area-tabs-wrap {
        width: calc(100% - 48px);
        margin-right: auto;
        margin-left: auto;
    }

    .area-tab {
        padding: 30px 24px;
    }

    .area-tab-icon {
        left: 24px;
    }

    .area-tab-number {
        right: 24px;
    }

    .area-tab-name {
        font-size: 20px;
    }

    .testimonials-sec {
        padding: 90px 0 100px;
    }

    .testimonial-card {
        padding: 42px 25px;
    }

    .testimonial-stars {
        font-size: 32px;
        letter-spacing: 8px;
    }

    .faq-sec {
        padding: 80px 0 90px;
    }

    .type-blog {
        padding: 70px 0 60px;
    }

    .type-blog .article-image {
        height: 280px;
    }

    .type-blog .article-title {
        min-height: 70px;
        padding-left: 38px;
        font-size: 22px;
        line-height: 31px;
    }

    .type-blog .article-description-summary,
    .type-blog article > p {
        padding-left: 38px;
    }

    .quote-form-sec .quote-content {
        padding: 75px 30px 75px 0;
    }

    .quote-form-sec .ww-form-container-3 {
        padding: 32px;
    }

    .quote-form-sec .is-overlay-content > .grid-container {
        max-width: 560px;
    }

    .footer-logo {
        max-width: 220px;
    }
}


/* =========================================================
   1023.5PX AND BELOW
   Tablet layout
   ========================================================= */

@media screen and (max-width: 1023.5px) {
    .user-logged-out .main-banner-sec .pos-ab-ban ,
    .user-logged-out .pos-rel-ban,
    .inner-banner.blog-banner{
    position:static;
    background:rgba(35, 31, 32, 1);
    }
    .inner-banner.blog-banner
    {
        padding:30px 0;
    }
.smi-header-actions.text-right
{
    text-align:center !important;margin-top:20px;
}
.service-card
{
max-width:350px;
margin:0 auto;
}
footer, .footer-main-row
{
    text-align:center;
}
    .main-banner-sec .pos-rel-ban,
    .main-banner-sec .pos-rel-ban > img {
        min-height: initial;
        height: auto;
    }

    .main-banner-sec .bn-overlay {
        background: linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.98) 0%,
            rgba(33, 29, 30, 0.9) 55%,
            rgba(33, 29, 30, 0.5) 100%
        );
    }

    .main-banner-sec .inner-content-div {
        max-width: 680px;
        padding: 65px 30px 90px;
    }

    .banner-main-heading {
        font-size: 40px;
    }

    .banner-main-heading .highlight-red {
        font-size: 50px;
    }

    .who-we-are-sec .container > .grid-x > .cell,
    .quote-form-sec .is-container > .grid-x > .cell,
    .cleaning-process-sec .is-container > .grid-x > .cell,
    .why-choose-header > .cell,
    .services-header > .cell {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .why-choose-grid > .cell,
    .services-grid > .cell,
    .testimonials-grid > .cell {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }


    .why-choose-intro {
        min-height: auto;
        margin-top: 0px;
        padding: 0px 0 0;
        border-left: 0;
    }

    .services-intro {
        max-width: none;
        margin-left: 0;
        padding-top: 15px;
    }

    .cleaning-process-sec {
        background: rgba(253, 247, 247, 1) !important;
    }

    .process-heading-wrap {
        min-height: auto;
        padding: 65px 24px 40px;
        background: rgba(251, 236, 236, 1);
    }

    .process-steps-grid {
        min-height: auto;
        background: rgba(253, 247, 247, 1);
    }

    .process-step {
        min-height: 250px;
    }

    .service-map-bg {
        min-height: 680px;
    }

    .map-location-label {
        padding: 6px 9px;
        font-size: 11px;
    }

    .active-location .map-location-label {
        padding: 8px 12px;
        font-size: 13px;
    }

    .service-area-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-area-tabs > .cell {
        width: auto;
        max-width: none;
        flex: none;
    }

    .quote-form-sec .quote-content {
        padding: 70px 0 45px;
    }

    .quote-form-sec .is-overlay-content > .grid-container {
        max-width: none;
        margin: 0;
    }

    .quote-form-sec .ww-form-container-3 {
        padding: 40px;
    }

    .quote-form-sec .quote-content-buttons {
        margin-bottom: 10px;
    }

    .type-blog ul.medium-up-2 > li.cell {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }

    .footer-top-row {
        min-height: auto;
        padding-top: 45px;
    }

    .footer-logo-wrap,
    .footer-address,
    .footer-newsletter,
    .footer-social {
        margin-bottom: 35px;
                justify-content: center;
    }

    .blank-slate-footer {
        margin-top: 0;
    }

    .who-we-are-sec p,
    .why-choose-sec p,
    .services-sec p,
    .cleaning-process-sec p,
    .service-map-sec p,
    .testimonials-sec p,
    .faq-sec p,
    .type-blog p,
    .quote-form-sec p {
        font-size: 16px;
    }
}


/* =========================================================
   PREVIOUS 768PX LAYOUT
   Applied at 1023.5px and below
   ========================================================= */

@media screen and (max-width:1023.5px) {

    .smi-header-top {
        padding: 12px 0;
    }

    .smi-header-nav {
        display:none;
    }

    header .button {
        width: auto;
        max-width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .is-wrapper div.is-section.is-header, .is-header
    {
        border-bottom:1px solid #585858;
    }
    header button.openMenu
    {
        padding-right:15px;
    }
    .main-banner-sec .bn-overlay {
        background: rgba(33, 29, 30, 0.88);
    }
    aside.sidenav .menu.accordion-menu .active > a
    {
        background:#231F20;
    }
    .main-banner-sec .inner-content-div {
        width: 100%;
        max-width: none;
        padding: 50px 15px 55px;
    }

    .service-locations {
        gap: 7px;
        margin-bottom: 22px;
        font-size: 12px;
        line-height: 20px;
    }

    .banner-main-heading {
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 1.05;
    }

    .banner-main-heading .highlight-red {
        font-size: 38px;
        line-height: 1.08;
    }

    .banner-sub-heading {
        margin-bottom: 18px;
        font-size: 32px;
        line-height: 1.08;
    }

    .banner-text {
        margin-bottom: 25px;
        font-size: 15px;
        line-height: 24px;
    }

    .banner-buttons {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }

    .banner-buttons .button,
    .banner-buttons .trans-button {
        width: 100%;
        min-width: 0;
        min-height: 50px;
        margin: 0;
        padding: 14px 16px;
        font-size: 14px;
    }

    .banner-estimate {
        font-size: 13px;
        line-height: 21px;
        margin-top:20px;
    }

    .banner-trust-bar {
        gap: 20px;
        min-height: auto;
        padding: 28px 18px;
        flex-wrap:wrap;
    }

    .trust-item {
        width: 100%;
        flex: 0 0 100%;
        font-size: 13px;
        line-height: 20px;
    }

    .trust-icon {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
    }

    .who-we-are-sec,
    .why-choose-sec,
    .services-sec,
    .testimonials-sec,
    .faq-sec,
    .type-blog {
        padding-top: 52px;
        padding-bottom: 52px;
    }

    .section-label {
        gap: 10px;
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .label-line {
        height: 24px;
    }

    .section-main-heading {
        font-size: 28px;
        line-height: 1.12;
    }

    .section-sub-heading {
        font-size: 18px;
        line-height: 26px;
    }

    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stat-card {
        min-height: 150px;
        padding: 30px 24px;
    }

    .stat-number {
        margin-bottom: 14px;
        font-size: 38px;
    }

    .stat-card-red {
        transform: none;
    }

    .why-choose-header {
        margin-bottom: 30px;
    }

    .why-choose-grid > .cell,
    .services-grid > .cell,
    .testimonials-grid > .cell,
    .type-blog ul.medium-up-2 > li.cell {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .why-card {
        min-height: 0;
        padding: 35px 24px;
    }

    .feature-icon {
        margin-bottom: 20px;
    }

    .why-card h3 {
        margin-bottom: 15px;
    }

    .services-header {
        margin-bottom: 30px;
    }

    .service-tag {
        top: 15px;
        left: 15px;
        min-height: 42px;
        padding: 10px 14px;
        font-size: 12px;
    }

    .service-content {
        padding: 45px 20px 25px;
    }

    .service-icon {
        right: 20px;
    }

    .service-content h3 {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 27px;
    }

    .service-link {
        min-height: 70px;
        padding: 18px 20px;
    }

    .process-heading-wrap {
        padding: 50px 15px 30px;
    }

    .process-steps-grid {
        grid-template-columns: 1fr;
    }

    .process-step {
        min-height: 0;
        padding: 38px 20px;
        border-right: 0;
        border-bottom: 1px solid #e5e1e1;
    }

    .process-step:nth-child(2n),
    .process-step:nth-child(3) {
        border-right: 0;
        border-bottom: 1px solid #e5e1e1;
    }

    .process-step:last-child {
        border-bottom: 0;
    }

    .step-number {
        margin-bottom: 15px;
    }

    .service-map-sec {
        padding-bottom: 55px;
    }

    .service-map-bg {
        min-height: auto;
        padding: 50px 15px 100px;
        background-size: 48px 48px;
    }

    .service-map-content {
        display: grid;
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .map-glow {
        top: 0;
        width: 100%;
        height: 100%;
    }

    .service-map-sec .map-location {
        position: relative;
        top: auto;
        left: auto;
        min-width: 0;
        padding: 13px 10px;
        background: rgba(14, 13, 13, 0.88);
    }

    .service-map-sec .map-location-label,
    .service-map-sec .active-location .map-location-label {
        position: static;
        min-width: 0;
        margin-left: 10px;
        padding: 0;
        background: transparent;
        font-size: 11px;
        line-height: 16px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .active-location .map-dot {
        width: 6px;
        height: 6px;
        flex-basis: 6px;
    }

    .service-area-tabs-wrap {
        width: calc(100% - 30px);
        margin-top: -55px !important;
    }

    .service-area-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .area-tab {
        min-height: 145px;
        padding: 24px 18px;
    }

    .area-tab-icon {
        top: 20px;
        left: 18px;
    }

    .area-tab-number {
        top: 20px;
        right: 18px;
        font-size: 12px;
    }

    .area-tab-name {
        margin-top: 28px;
        font-size: 17px;
        overflow-wrap: anywhere;
    }

    .testimonials-heading {
        margin-bottom: 25px;
    }

    .testimonial-card {
        padding: 35px 22px;
    }

    .testimonial-text {
        margin-bottom: 25px;
    }

    .testimonial-stars {
        font-size: 28px;
        letter-spacing: 6px;
    }

    .faq-sec .accordion-item::before {
        top: 28px;
        width: 11px;
        height: 11px;
    }

    .faq-sec .accordion-title {
        padding: 23px 42px 23px 30px;
        font-size: 17px;
        line-height: 25px;
    }

    .faq-sec .accordion-title::after {
        right: 0;
        font-size: 28px;
    }

    .faq-sec .accordion-content {
        padding: 0 35px 25px 30px;
    }

    .type-blog .article-image {
        height: 230px;
        margin-bottom: 22px;
    }

    .type-blog .article-title {
        min-height: 0;
        padding-left: 34px;
        font-size: 20px;
        line-height: 28px;
    }

    .type-blog .article-title::before {
        width: 12px;
        height: 12px;
    }

    .type-blog .article-description-summary,
    .type-blog article > p {
        padding-left: 34px;
    }

    .quote-form-sec .quote-content {
        padding:0;
    }

    .quote-form-sec .quote-content-buttons {
        flex-direction: column;
    }

    .quote-form-sec .ww-form-container-3 {
        padding: 30px 20px;
    }

    .quote-form-sec .ww-form-container-3 h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .quote-form-sec .ww-form-container-3 .fieldset > div,
    .quote-form-sec .ww-form-container-3 .first_name_wrap,
    .quote-form-sec .ww-form-container-3 .phone_wrap,
    .quote-form-sec .ww-form-container-3 .email_wrap,
    .quote-form-sec .ww-form-container-3 .message_wrap,
    .quote-form-sec .ww-form-container-3 .field_wrap,
    .quote-form-sec .ww-form-container-3 .custom_field_wrap {
        margin-bottom: 16px;
    }

    .quote-form-sec .ww-form-container-3 input[type="text"],
    .quote-form-sec .ww-form-container-3 input[type="email"],
    .quote-form-sec .ww-form-container-3 input[type="tel"],
    .quote-form-sec .ww-form-container-3 input[type="number"],
    .quote-form-sec .ww-form-container-3 select,
    .quote-form-sec .ww-form-container-3 textarea {
        min-height: 50px;
        padding: 13px 15px;
        font-size: 13px;
    }

    .quote-form-sec .ww-form-container-3 .intl-tel-input input,
    .quote-form-sec .ww-form-container-3 .iti input {
        min-height: 50px;
        padding-left: 58px !important;
    }

    .footer-top-row {
        padding-top: 40px;
    }

    .footer-logo {
        max-width: 200px;
    }

    .footer-address {
        align-items: flex-start;
                justify-content: center;
    }

    .footer-location-icon {
        margin-right: 14px;
    }

    .footer-subscribe-form {
        min-width: 0;
    }

    .footer-subscribe-form input {
        min-width: 0;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 15px;
    }

    .footer-subscribe-form button {
        width: 58px;
        flex-basis: 58px;
    }

    .footer-divider {
        margin: 25px 0;
    }
}

/* =========================================================
   ABOUT PAGE SPECIFIC CSS
   Add this after the existing homepage/theme CSS
   ========================================================= */

.about-banner .banner-main-heading {
  max-width: 760px;
}

.about-banner .banner-text {
  max-width: 690px;
}
.about-banner .banner-trust-bar
{
      flex-wrap:wrap;
  justify-content:center;
}
 
.about-banner .trust-item {
  flex: 1 1 0;
  justify-content: center;
}

.about-banner .trust-icon.label-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.about-story-sec .container,
.about-values-sec .container,
.about-stats-sec .container,
.about-founder-sec .container,
.about-services-sec .container {
  max-width: 1200px;
}

.about-media-frame,
.about-founder-media,
.about-services-media {
  position: relative;
  overflow: hidden;
  background: #d9d9d9;
}



.about-media-frame img,
.about-founder-media img,
.about-services-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.about-media-frame:hover img,
.about-founder-media:hover img,
.about-services-media:hover img {
  transform: scale(1.035);
}

.about-media-frame {
  min-height: 560px;
}

.about-media-frame img {
  position: absolute;
  inset: 0;
}

.about-story-content {
  padding-left: 34px;
}

.about-story-content .section-text p {
  margin-bottom: 16px;
}

.about-story-content .section-text p:last-child {
  margin-bottom: 0;
}

.about-values-sec .why-choose-header {
  margin-bottom: 45px;
}

.about-values-sec .why-choose-intro {
  display: flex;
  align-items: center;
}

.about-values-heading {
  margin: 0 0 28px;
}

.about-values-heading .section-main-heading {
  margin-bottom: 0;
}

.about-value-card {
  min-height: 270px;
  padding: 42px 26px 34px;
}

.about-value-card .feature-icon {
  min-height: 20px;
  margin-bottom: 24px;
}

.about-value-card .label-icon {
  display: block;
  width: 15px;
}

.about-value-card h3 {
  margin-bottom: 14px;
}

.about-value-card p {
  margin: 0;
}

.about-stats-sec {
  padding-top: 90px;
  padding-bottom: 100px;
}

.about-stats-sec .stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-stats-sec .stat-card {
  min-width: 0;
  min-height: 235px;
  padding: 34px 25px;
}

.about-stats-sec .stat-card-red {
  transform: none;
}

.about-stats-sec .stat-number {
  font-size: 42px;
}

.about-founder-grid {
  min-height: 620px;
}

.about-founder-media {
  min-height: 600px;
}

.about-founder-media img {
  position: absolute;
  inset: 0;
}

.about-founder-copy {
  padding-left: 40px;
}

.about-founder-copy .section-main-heading {
  margin-bottom: 10px;
}

.about-founder-copy .section-sub-heading {
  margin-bottom: 24px;
}

.about-light-text {
  margin-bottom: 30px;
}

.about-light-text p {
  margin: 0 0 16px;
  color: #f3f3f3;
  font-size: 16px;
  line-height: 28px;
}

.about-light-text p:last-child {
  margin-bottom: 0;
}

.about-services-copy {
  padding-right: 38px;
}

.about-service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  margin: 25px 0 32px;
  list-style: none;
}

.about-service-list li {
  position: relative;
  margin: 0;
  padding: 13px 0 13px 22px;
  border-bottom: 1px solid rgba(35, 31, 32, 0.13);
  color: #231f20;
  font-weight: 600;
  line-height: 22px;
}

.about-service-list li::before {
  position: absolute;
  top: 19px;
  left: 0;
  width: 8px;
  height: 9px;
   background: url("https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp")
    center / contain no-repeat;
  content: "";
   transform: rotate(90deg);
  transform-origin: center;
}

.list li {
  position: relative;
  margin: 0;
  padding:0px 0 5px 22px;
 
  list-style:none;
}

.list li::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 9px;
   background: url("https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp")
    center / contain no-repeat;
  content: "";
   transform: rotate(90deg);
  transform-origin: center;
}

.about-services-media {
  min-height: 570px;
}

.about-services-media img {
  position: absolute;
  inset: 0;
}

.about-service-area-intro {
  padding: 85px 0 75px;
  background: #ffffff !important;
}

.about-service-area-intro p {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

.about-service-area-intro .button {
  margin-top: 16px;
}

.about-cta-sec .quote-content {
  max-width: 980px;
  margin: 0 auto;
  padding-right: 0;
  text-align: center;
}

.about-cta-sec .banner-buttons {
  justify-content: center;
}

.about-cta-sec .banner-text {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .about-story-content,
  .about-founder-copy {
    padding-left: 20px;
  }

  .about-media-frame {
    min-height: 610px;
  }

  .about-stats-sec .stat-card {
    padding-right: 20px;
    padding-left: 20px;
  }

  .about-stats-sec .stat-number {
    font-size: 36px;
  }

  .about-founder-media,
  .about-services-media {
    min-height: 620px;
  }
}

@media screen and (max-width: 1023.5px) {
  .about-banner .trust-item {
    flex: 0 0 calc(50% - 12px);
  }

  .about-story-content,
  .about-founder-copy,
  .about-services-copy {
    padding-right: 0;
    padding-left: 0;
  }

  .about-story-content,
  .about-founder-copy {
    padding-top: 35px;
  }

  .about-media-frame,
  .about-founder-media,
  .about-services-media {
    min-height: 460px;
  }

  .about-values-sec .why-choose-grid > .cell {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .about-stats-sec .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-founder-grid {
    min-height: 0;
  }

  .about-services-copy {
    padding-bottom: 40px;
  }

  .about-cta-sec .quote-content {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 640px) {
  .about-banner .trust-item {
    flex: 0 0 100%;
  }

  .about-media-frame,
  .about-founder-media,
  .about-services-media {
    min-height: 320px;
  }

  .about-values-sec .why-choose-grid > .cell {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .about-stats-sec .stats-grid {
    grid-template-columns: 1fr;
  }

  .about-service-list {
    grid-template-columns: 1fr;
  }

  .about-service-area-intro {
    padding: 55px 0 45px;
  }
}

/* =========================================
   Testimonials Section
   ========================================= */

.testimonial-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  margin: 0;
  
  list-style: none;

  overflow: hidden;
}



.testimonial-list > li {
  display: flex;
  flex: 0 0 calc((100% - 52px) / 3);
  margin: 0;
  padding: 0;
}

.testimonial-list .testimonial {
  display: flex;
  width: 100%;
}

.testimonial-list .actual-testimonial-holder {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  padding: 42px 34px 34px;
  border: 1px solid rgba(35, 31, 32, 0.1);
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(35, 31, 32, 0.08);
  text-align: left !important;
  overflow: hidden;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.testimonial-list .actual-testimonial-holder:hover {
  transform: translateY(-7px);
  border-color: rgba(215, 25, 48, 0.45);
  box-shadow: 0 20px 42px rgba(35, 31, 32, 0.14);
}

/* Large decorative quotation mark */

.testimonial-list .actual-testimonial-holder::after {
  position: absolute;
  right: 20px;
  bottom: -48px;
  color: rgba(215, 25, 48, 0.07);
  content: "”";
  font-size: 170px;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

/* Quote icon */

.testimonial-list .testimonial-header-image {
  position: relative;
  z-index: 2;
  display: flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
  background: #d71930;
}

.testimonial-list .testimonial-header-image::after {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  border-right: 1px solid #d71930;
  border-bottom: 1px solid #d71930;
  content: "";
}

.testimonial-list .testimonial-header-image img {
  display: none !important;
}

.testimonial-list .testimonial-header-image::before {
  display: block;
  width: 32px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24V14.4C0 5.28 5.44 1.12 12.64 0L13.76 4.48C9.6 5.44 7.52 7.68 7.2 10.56H13.44V24H0ZM18.56 24V14.4C18.56 5.28 24 1.12 31.2 0L32 4.48C28.16 5.44 26.08 7.68 25.76 10.56H32V24H18.56Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/* Review text */

.testimonial-list .testimonial-writeup {
  position: relative;
  z-index: 2;
  flex: 1;
  color: #4d494a;
  font-size: 16px;
  line-height: 1.8;
}

.testimonial-list .testimonial-writeup p {
  margin: 0 0 18px;
}

.testimonial-list .testimonial-writeup p:last-child {
  margin-bottom: 0;
}

.testimonial-list .testimonial-writeup a {
  color: #d71930;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 0.25s ease;
}

.testimonial-list .testimonial-writeup a:hover {
  color: #231f20;
  text-decoration: underline;
}

/* Customer name */

.testimonial-list .testimonial-writters-name {
  position: relative;
  z-index: 2;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(35, 31, 32, 0.12);
  color: #231f20;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.testimonial-list .testimonial-writters-name::before {
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom: 15px;
  background: #d71930;
  content: "";
}

.testimonial-list .testimonial-writters-name span {
  display: block;
  margin-top: 6px;
  color: #777273;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

.testimonial-list .testimonial-writters-designation:empty {
  display: none;
}

/* Tablet: 1023.5px and below */

@media screen and (max-width: 1023.5px) {
  .testimonial-list {
    gap: 22px;
    padding: 50px 30px;
  }

  .testimonial-list > li {
    flex-basis: calc((100% - 22px) / 2);
  }

  .testimonial-list .actual-testimonial-holder {
    padding: 38px 30px 32px;
  }
}

/* Mobile: 767.5px and below */

@media screen and (max-width: 767.5px) {
  .testimonial-list {
    gap: 20px;
    padding: 38px 18px;
  }

  .testimonial-list > li {
    flex-basis: 100%;
  }

  .testimonial-list .actual-testimonial-holder {
    padding: 34px 24px 28px;
  }

  .testimonial-list .testimonial-header-image {
    width: 56px;
    height: 56px;
    margin-bottom: 22px;
  }

  .testimonial-list .testimonial-writeup {
    font-size: 15px;
    line-height: 1.7;
  }

  .testimonial-list .testimonial-writters-name {
    margin-top: 24px;
    padding-top: 20px;
    font-size: 16px;
  }
}

/* =========================================
   Contact Page
   ========================================= */

.contact-page-sec {
  position: relative;
  background: #fdf7f7 !important;
  overflow: hidden;
}

.contact-page-sec::before {
  position: absolute;
  top: -180px;
  right: -180px;
  width: 520px;
  height: 520px;
  border: 90px solid rgba(215, 25, 48, 0.045);
  border-radius: 50%;
  content: "";
  opacity: 0.4;
  pointer-events: none;
}

.contact-page-sec .container {
  position: relative;
  z-index: 1;
  max-width: 1380px;
}

.contact-page-sec .contact-layout {
  align-items: stretch;
}

.contact-page-sec .contact-layout > .cell {
  display: flex;
}

/* Map */

.contact-map-wrap {
  position: relative;
  width: 100%;
  min-height: 650px;
  padding: 12px;
 
  box-shadow: 0 20px 48px rgba(35, 31, 32, 0.18);
  overflow: hidden;
}



.contact-map-wrap iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 626px;
  border: 0;
  filter: grayscale(0.25) contrast(1.03);
}

/* Contact panel */

.contact-panel {
  position: relative;
  width: 100%;
  padding: 38px 42px;
  border-top: 6px solid #d71930;
  background: #ffffff;
  box-shadow: 0 20px 48px rgba(35, 31, 32, 0.13);
}

.contact-panel::after {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 42px;
  height: 42px;
  border-top: 1px solid rgba(215, 25, 48, 0.3);
  border-right: 1px solid rgba(215, 25, 48, 0.3);
  content: "";
  pointer-events: none;
}

/* Contact information cards */

.contact-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 38px;
}

.contact-detail {
  position: relative;
  min-height: 155px;
  padding: 62px 20px 22px;
  border: 1px solid rgba(35, 31, 32, 0.08);
  background: #fbeced;
  color: #4f4a4b;
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.contact-detail:hover {
  transform: translateY(-4px);
  border-color: rgba(215, 25, 48, 0.35);
  box-shadow: 0 12px 24px rgba(35, 31, 32, 0.09);
}

.contact-detail::before {
  position: absolute;
  top: 22px;
  left: 20px;
  width: 26px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/* Address icon */

.contact-address::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 24C13 24 21 16.6 21 9.8C21 5.38 17.42 2 13 2C8.58 2 5 5.38 5 9.8C5 16.6 13 24 13 24Z' stroke='%23d71930' stroke-width='2'/%3E%3Ccircle cx='13' cy='10' r='3' stroke='%23d71930' stroke-width='2'/%3E%3C/svg%3E");
}

/* Phone icon */

.contact-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 18.2V22C23 22.55 22.55 23 22 23C11.5 23 3 14.5 3 4C3 3.45 3.45 3 4 3H7.8C8.28 3 8.69 3.34 8.78 3.81L9.5 7.4C9.57 7.76 9.44 8.13 9.16 8.37L7.1 10.15C8.55 13.6 11.4 16.45 14.85 17.9L16.63 15.84C16.87 15.56 17.24 15.43 17.6 15.5L21.19 16.22C21.66 16.31 22 16.72 22 17.2V18.2H23Z' stroke='%23d71930' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Email icon */

.contact-email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='20' height='16' rx='1' stroke='%23d71930' stroke-width='2'/%3E%3Cpath d='M4 7L13 14L22 7' stroke='%23d71930' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Hours icon */

.contact-hours::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='10' stroke='%23d71930' stroke-width='2'/%3E%3Cpath d='M13 7V13L17 16' stroke='%23d71930' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-detail p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.contact-detail strong {
  display: inline-block;
  margin-bottom: 6px;
  color: #231f20;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.contact-detail a {
  color: #d71930;
  font-weight: 700;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 0.25s ease;
}

.contact-detail a:hover,
.contact-detail a:focus {
  color: #231f20;
}

/* Form */

.contact-form-wrap {
  padding-top: 34px;
  border-top: 1px solid rgba(35, 31, 32, 0.12);
}

.contact-form-wrap h2,
.contact-form-wrap h3,
.contact-form-wrap h4 {
  margin: 0 0 22px;
  color: #231f20;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}

.contact-form-wrap label {
  color: #231f20;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.25px;
}
.contact-form-wrap  #mob_phone_phone_number_tel
{
    margin-top:0 !important;
     margin-bottom: 15px !important;
      width: 100% !important;
      padding-left:52px !important;
}
.contact-form-wrap .iti
{
    display:block;
}
.contact-form-wrap input[type="text"],
.contact-form-wrap input[type="email"],
.contact-form-wrap #mob_phone_phone_number_tel,
.contact-form-wrap input[type="number"],
.contact-form-wrap select,
.contact-form-wrap textarea {
  width: 100%;
  min-height: 52px;
  margin-bottom: 15px;
  padding: 13px 15px;
  border: 1px solid #d8d1d2;
  border-radius: 0;
  background: #fdfafa;
  color: #231f20;
  box-shadow: none;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.contact-form-wrap textarea {
  min-height: 130px;
  resize: vertical;
}

.contact-form-wrap input:focus,
.contact-form-wrap select:focus,
.contact-form-wrap textarea:focus {
  border-color: #d71930;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(215, 25, 48, 0.08);
  outline: none;
}

.contact-form-wrap input[type="submit"],
.contact-form-wrap button[type="submit"],
.contact-form-wrap .button {
  min-height: 54px;
  margin: 8px 0 0;
  padding: 17px 28px;
  border: 1px solid #d71930;
  border-radius: 0;
  background: #d71930;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
    width:100%!important;
}

.contact-form-wrap input[type="submit"]:hover,
.contact-form-wrap button[type="submit"]:hover,
.contact-form-wrap .button:hover {
  border-color: #231f20;
  background: #231f20;
  color: #ffffff;
}
.contact-form-wrap .message_wrap,
.contact-form-wrap .textarea_wrap {
  width: 100%;
  grid-column: 1 / -1;
}

.contact-form-wrap textarea {
  display: block;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  resize: vertical;
}

.no-link,
.area-tab.no-link
{
    pointer-events:none !important;
}
/* Desktop: 1024px and above */

@media screen and (min-width: 1024px) {
  .contact-page-sec .contact-layout > .cell:first-child {
    width: 41.66667%;
    max-width: 41.66667%;
    flex: 0 0 41.66667%;
  }

  .contact-page-sec .contact-layout > .cell:last-child {
    width: 58.33333%;
    max-width: 58.33333%;
    flex: 0 0 58.33333%;
  }

  .contact-form-wrap .ww-form-container-3 .fieldset {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
  }

  .contact-form-wrap .first_name_wrap,
  .contact-form-wrap .last_name_wrap,
  .contact-form-wrap .email_wrap,
  .contact-form-wrap .phone_wrap {
    grid-column: auto;
  }

  .contact-form-wrap .company_wrap,
  .contact-form-wrap .organization_wrap,
  .contact-form-wrap .message_wrap,
  .contact-form-wrap .optin_wrap,
  .contact-form-wrap .checkbox_wrap {
    grid-column: 1 / -1;
  }

  .contact-form-wrap textarea {
    min-height: 110px;
  }
}

/* Tablet: 1023.5px and below */

@media screen and (max-width: 1023.5px) {
  .contact-map-wrap {
    min-height: 460px;
  }

  .contact-map-wrap iframe {
    min-height: 436px;
  }

  .contact-panel {
    padding: 34px;
  }
}

/* Mobile: 767.5px and below */

@media screen and (max-width: 767.5px) {
  .contact-map-wrap {
    min-height: 360px;
    padding: 8px;
  }

  .contact-map-wrap iframe {
    min-height: 344px;
  }

  .contact-panel {
    padding: 28px 20px;
  }

  .contact-details-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 30px;
  }

  .contact-detail {
    min-height: 0;
    padding: 58px 18px 20px;
  }

  .contact-form-wrap {
    padding-top: 28px;
  }

  .contact-form-wrap h2,
  .contact-form-wrap h3,
  .contact-form-wrap h4 {
    font-size: 24px;
  }
}
/* =========================================
   Sitemap – Clean Icon List Layout

   Add class="sitemap-sec" to the section.
   Add class="sitemap-list" to the main UL.
   ========================================= */

.sitemap-sec {
  position: relative;
  background: rgba(251, 236, 236, 1)!important ;
  overflow: hidden;
}


.sitemap-sec .container {
  position: relative;
  z-index: 1;
  max-width: 1380px;
}

.sitemap-list,
.sitemap-list ul {
  margin:40px 0 40px 0;
  padding: 0;
  list-style: none;
}

/* Three flowing sitemap columns without cards or buttons. */

.sitemap-list {
  column-count: 3;
  column-gap: 52px;
}

.sitemap-list > li {
  display: inline-block;
  width: 100%;
  margin: 0 0 30px;
  break-inside: avoid;
  page-break-inside: avoid;
  vertical-align: top;
  -webkit-column-break-inside: avoid;
}

.sitemap-list a {
  text-decoration: none;
}

/* Main sitemap links and category headings. */

.sitemap-list > li > a {
  position: relative;
  display: block;
  padding: 0 6px 14px 27px;
  border-bottom: 2px solid #231f20;
  color: #231f20;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.3px;
  overflow-wrap: anywhere;
  text-transform: uppercase;
  transition:
    border-color 0.25s ease,
    color 0.25s ease,
    padding-left 0.25s ease;
}

.sitemap-list > li > a::before {
  position: absolute;
  top: 5px;
  left: 1px;
  width: 10px;
  height: 12px;
  background-image: url("https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  transform: rotate(90deg);
  transform-origin: center;
  transition: left 0.25s ease;
}

.sitemap-list > li > a:hover,
.sitemap-list > li > a:focus {
  padding-left: 31px;
  border-bottom-color: #d71930;
  color: #d71930;
}

.sitemap-list > li > a:hover::before,
.sitemap-list > li > a:focus::before {
  left: 5px;
}

/* Nested sitemap links. */

.sitemap-list > li > ul {
  margin-top: 7px;
}

.sitemap-list > li > ul > li {
  position: relative;
  border-bottom: 1px solid rgba(35, 31, 32, 0.14);
}

.sitemap-list > li > ul > li:last-child {
  border-bottom: 0;
}

.sitemap-list > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 8px 12px 27px;
  color: #4c4748;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
  transition:
    color 0.25s ease,
    padding-left 0.25s ease;
}

.sitemap-list > li > ul > li > a::before {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 8px;
  height: 10px;
  background-image: url("https://s3-ap-southeast-1.amazonaws.com/assets-powerstores-com/data/org/31422/theme/49322/img/label.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  transition: left 0.25s ease;
}

.sitemap-list > li > ul > li > a:hover,
.sitemap-list > li > ul > li > a:focus {
  padding-left: 32px;
  color: #d71930;
}

.sitemap-list > li > ul > li > a:hover::before,
.sitemap-list > li > ul > li > a:focus::before {
  left: 7px;
}

/* Keyboard accessibility. */

.sitemap-list a:focus-visible {
  outline: 2px solid rgba(215, 25, 48, 0.45);
  outline-offset: 3px;
}

/* Tablet: 1023.5px and below. */

@media screen and (max-width: 1023.5px) {
  .sitemap-list {
    column-count: 2;
    column-gap: 36px;
  }

  .sitemap-list > li {
    margin-bottom: 26px;
  }
}

/* Mobile: 767.5px and below. */

@media screen and (max-width: 767.5px) {
  .sitemap-sec::before,
  .sitemap-sec::after {
    display: none;
  }

  .sitemap-list {
    column-count: 1;
  }

  .sitemap-list > li {
    margin-bottom: 22px;
  }

  .sitemap-list > li > a {
    padding: 0 4px 12px 25px;
    font-size: 15px;
  }

  .sitemap-list > li > a:hover,
  .sitemap-list > li > a:focus {
    padding-left: 29px;
  }

  .sitemap-list > li > ul > li > a {
    padding: 10px 5px 10px 25px;
    font-size: 13px;
  }

  .sitemap-list > li > ul > li > a:hover,
  .sitemap-list > li > ul > li > a:focus {
    padding-left: 30px;
  }
}


/* =========================================
   PREMIUM EN / FR LANGUAGE SWITCH
========================================= */

.smi-language-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  height: 54px;
  margin: 0;
  padding: 4px;
  overflow: hidden;
  border: 1px solid rgba(207, 27, 45, 0.45);
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(35, 35, 35, 0.08);
  vertical-align: middle;
  isolation: isolate;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.smi-language-switch:hover {
  border-color: #cf1b2d;
  box-shadow: 0 8px 22px rgba(207, 27, 45, 0.13);
  transform: translateY(-1px);
}

/* Language buttons */
.smi-language-switch .smi-lang-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 43px;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 1px;
  background: transparent;
  color: #232323;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  appearance: none;
  box-shadow: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

/* Active language */
.smi-language-switch .smi-lang-btn.is-active {
  background: #cf1b2d;
  color: #fff;
  box-shadow: 0 4px 12px rgba(207, 27, 45, 0.22);
}

/* Inactive-language hover */
.smi-language-switch .smi-lang-btn:not(.is-active):hover {
  background: rgba(207, 27, 45, 0.07);
  color: #cf1b2d;
}

/* Keyboard accessibility */
.smi-language-switch .smi-lang-btn:focus {
  outline: none;
}

.smi-language-switch .smi-lang-btn:focus-visible {
  outline: 2px solid #232323;
  outline-offset: -3px;
}

/* Separator */
.smi-language-switch > span {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 20px;
  margin: 0 2px;
  background: rgba(35, 35, 35, 0.15);
}

/* Keep header actions aligned */
.smi-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.smi-header-actions > .button,
.smi-header-actions > .smi-language-switch {
  margin: 0;
}

/* Hide default Google Translate interface */

#google_translate_element {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Prevent Google Translate from shifting the page */
html,
body {
  top: 0 !important;
}

body > .skiptranslate {
  display: none !important;
}

/* Remove Google Translate text highlighting */
.goog-text-highlight {
  background: transparent !important;
  box-shadow: none !important;
}

/* =========================================
   TABLET — 1023.5px AND BELOW
========================================= */

@media screen and (max-width: 1023.5px) {
  .smi-header-actions {
    justify-content: center;
    gap: 8px;
  }

  .smi-language-switch {
    height: 46px;
    padding: 3px;
  }

  .smi-language-switch .smi-lang-btn {
    min-width: 38px;
    height: 38px;
    padding: 0 8px;
    font-size: 11px;
  }

  .smi-language-switch > span {
    height: 18px;
  }
}

/* =========================================
   MOBILE — 767px AND BELOW
========================================= */

@media screen and (max-width: 767px) {
  .smi-header-actions {
    width: 100%;
    justify-content: center;
    gap: 7px;
  }
header .button {
        padding: 0.5rem 2rem;
}
  .smi-language-switch {
    height: 42px;
    padding: 3px;
    box-shadow: 0 4px 12px rgba(35, 35, 35, 0.07);
  }

  .smi-language-switch .smi-lang-btn {
    min-width: 34px;
    height: 34px;
    padding: 0 6px;
    font-size: 10px;
    letter-spacing: 0.6px;
  }

  .smi-language-switch > span {
    height: 16px;
    margin: 0 1px;
  }
}

.form-template-3 form
{
    border:none;
}

/* =========================================
   PREMIUM BUTTON INTERACTIONS
   Keep original colours; lift on hover only
========================================= */

:where(
  a.button,
  button,
  input[type="button"],
  input[type="submit"],
  .service-link,
  .trans-button
) {
  will-change: transform;
  transition:
    transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1),
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
  :where(
    a.button,
    button,
    input[type="button"],
    input[type="submit"],
    .service-link,
    .trans-button
  ):not(:disabled):not([disabled]):hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(35, 31, 32, 0.18);
  }
}



/* Quote form submit */
.quote-form-sec .ww-form-container-3 input[type="submit"]:hover,
.quote-form-sec .ww-form-container-3 input[type="submit"]:focus-visible,
.quote-form-sec .ww-form-container-3 button[type="submit"]:hover,
.quote-form-sec .ww-form-container-3 button[type="submit"]:focus-visible,
.quote-form-sec .ww-form-container-3 .button:hover,
.quote-form-sec .ww-form-container-3 .button:focus-visible {
  border-color: #b11929;
  background: #b11929;
  color: #ffffff;
}

/* Contact form submit */
.contact-form-wrap input[type="submit"]:hover,
.contact-form-wrap input[type="submit"]:focus-visible,
.contact-form-wrap button[type="submit"]:hover,
.contact-form-wrap button[type="submit"]:focus-visible,
.contact-form-wrap .button:hover,
.contact-form-wrap .button:focus-visible {
  border-color: #d71930;
  background: #d71930;
  color: #ffffff;
}

/* Service card links retain their white treatment */
.service-link:hover,
.service-link:focus-visible {
  background: #ffffff;
  color: #d71930;
}

/* Footer subscribe button */
.footer-subscribe-form button:hover,
.footer-subscribe-form button:focus-visible {
  border-color: #d71930;
  background: #d71930;
  color: #ffffff;
}

/* Language control retains its selected/inactive colours */
.smi-language-switch .smi-lang-btn:not(.is-active):hover,
.smi-language-switch .smi-lang-btn:not(.is-active):focus-visible {
  background: transparent;
  color: #232323;
}

.smi-language-switch .smi-lang-btn.is-active:hover,
.smi-language-switch .smi-lang-btn.is-active:focus-visible {
  background: #cf1b2d;
  color: #ffffff;
}

/* Header buttons retain theme-configured colours */
header button:hover,
header button:focus-visible,
header .button:hover,
header .button:focus-visible {
  background: #CF1B2D;
  color: #FFFFFF;
}

/* Clear/icon-only header controls remain transparent */
header button.clear:hover,
header button.clear:focus-visible,
header button.header-search-button:hover,
header button.header-search-button:focus-visible,
header button.openMenu:hover,
header button.openMenu:focus-visible {
  background: transparent;
  color: #FFFFFF;
}

/* Accessible keyboard focus without changing colours */
:where(
  a.button,
  button,
  input[type="button"],
  input[type="submit"],
  .service-link,
  .trans-button
):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  box-shadow: 0 10px 22px rgba(35, 31, 32, 0.16);
}

:where(
  a.button,
  button,
  input[type="button"],
  input[type="submit"],
  .service-link,
  .trans-button
):active {
  transform: translateY(-1px);
  box-shadow: 0 5px 12px rgba(35, 31, 32, 0.14);
}

@media (prefers-reduced-motion: reduce) {
  :where(
    a.button,
    button,
    input[type="button"],
    input[type="submit"],
    .service-link,
    .trans-button
  ) {
    transition: none;
  }

  :where(
    a.button,
    button,
    input[type="button"],
    input[type="submit"],
    .service-link,
    .trans-button
  ):hover,
  :where(
    a.button,
    button,
    input[type="button"],
    input[type="submit"],
    .service-link,
    .trans-button
  ):active {
    transform: none;
  }
}

/* Translator buttons should remain stationary */
.smi-language-switch .smi-lang-btn,
.smi-language-switch .smi-lang-btn:hover,
.smi-language-switch .smi-lang-btn:focus,
.smi-language-switch .smi-lang-btn:focus-visible,
.smi-language-switch .smi-lang-btn:active {
  transform: none !important;
  box-shadow: none !important;
}