/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@import  url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Poppins:wght@300;400;500;600;700&display=swap');
*{
    box-sizing: border-box;
}

:root{
    --primary:#40B7A9;
    --light:#EAF7F6;
    --dark:#0C2824;
    --white:#FFF;
    --black:#000;
    --font1: "Poppins", serif;
    --font2: 'Josefin Sans';
}
body {
    font-family: "Poppins", serif;
    padding-top: 85px;
    color: var(--dark);
}
a {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.4s;
}
a:hover {
    color: var(--dark);
    text-decoration: none;
}
p:last-child {
    margin-bottom: 0;
}
p:empty{
    display: none;
}
::selection {
    color: var(--light);
    background: var(--primary);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 700;
    margin-top: 0;
    font-family: 'Josefin Sans';
}
html b, html strong {
    font-weight: 600;
}
html .btn {
    background: var(--dark);
    box-shadow: none;
    border-radius: 10px;
    padding: 0 28px;
    line-height: 48px;
    border: 1px solid var(--dark);
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    transition: all 0.4s;
    position: relative;
    z-index: 1;
}
html .btn .icon {
    height: 26px;
    width: 26px;
    background-color: var(--primary);
    padding: 6px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}
html .btn:hover {
    background-color: var(--primary);
    color: var(--white);
}
html .btn:hover .icon{
    background-color: var(--dark);
}
html .container {
    width: 1370px;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}
header#site-header {
    padding: 20px 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: var(--white);
    max-width: 100%;
    width: 100%;
    transition: all 0.4s;
    z-index: 999;
}
html.sticky header#site-header {
    padding: 12px;
    box-shadow: 0 10px 20px 0 #00000009;
}
header#site-header .custom-logo-link {
    display: block;
    max-width: 234px;
}
html.sticky header#site-header .custom-logo-link {
    max-width: 210px;
}
header#site-header .site-navigation ul.menu li {
    position: relative;
    display: flex;
    padding: 0;
    line-height: normal;
    background-color: transparent;
    border: 0;
    margin: 0 8px;
}
header#site-header .site-navigation ul.menu li:last-child{
    margin: 0;
}
header#site-header .site-navigation ul.menu li a {
    display: block;
    padding: 10px 20px;
    color: var(--dark);
    font-weight: 500;
    font-size: 16px;
}
header#site-header .site-navigation ul.menu li a:hover{
    color: var(--primary);
}
html header#site-header .site-navigation ul.menu li.btn a {
    color: var(--white);
    background: var(--primary);
    padding: 10px 28px;
    border-radius: 8px;
    transition: all .5s;
}
html header#site-header .site-navigation ul.menu li.btn a:hover {
    background: var(--dark);
}
.hero_banner {
    background-size: 70vw;
    background-position: right;
    background-repeat: no-repeat;
}
.hero_banner h1{
    font-size: 54px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 8px;
}
.hero_banner h1 strong{
    color: var(--primary);
    font-weight: 700;
}
header#site-header nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero_banner p{
    font-size: 18px;
    color: var(--white);
}
.form_box {
    background: #fff;
    padding: 70px 40px;
    max-width: 420px;
    box-shadow: 0 14px 23px 0 rgb(0 0 0 / 10%);
}
.form_box h3 {
    font-size: 34px;
    letter-spacing: -2px;
    font-weight: 600;
    margin-bottom: 38px;
}
section.hero_banner .submit input.sub_wiper {
    margin: 0;
    font-family: 'Exo';
    text-transform: capitalize;
    padding: 11px 20px;
    line-height: normal;
    width: fit-content;
    border-radius: 8px;
    font-size: 16px;
    height: 48px;
    background: var(--dark);
    border: 0;
    color: #fff;
}





footer .footer-content-widget {
    font-size: 15px;
    margin-bottom: 16px;
    max-width: 366px;
    margin-top: 20px;
}
footer .footer-content-widget a:hover {
    color: #fff;
}
#footer {
    background-color: #ffffff;
}
footer ul.list-group li {
    font-size: 15px;
    margin-bottom: 12px;
    padding-left: 15px;
    position: relative;
    transition: all .4s;
}
footer ul.list-group li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 20px;
    display: inline-block;
    background-color: #40b7a9;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
footer ul.list-group li a.link-dark {
    transition: all .4s;
    color: #10332F;
}
footer ul.list-group li a.link-dark:hover {
color: #41b4a9;
}
.newsletter {
    display: flex;
    gap: 20px;
}
.newsletter input.form-control {
    width: 100%;
    box-shadow: 0 8px 12px 0 rgb(0 0 0 / 3%);
    border-color: rgb(0 0 0 / 12%);
    height: 50px;
    border-radius: 8px !important;
    padding-right: 55px;
    margin-bottom: 2px;
}
section.wiper_install_sec {
    z-index: 99;
}
.input-group.newsletter p{
    position: relative;
}.newsletter_form > span {
    display: block;
    margin-bottom: 6px;
}
.input-group.newsletter > p::before {
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,<svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 17.9222H6.30005C3.00005 17.9222 0.800049 16.4114 0.800049 12.8862V5.83581C0.800049 2.31061 3.00005 0.799805 6.30005 0.799805H17.3C20.6 0.799805 22.8 2.31061 22.8 5.83581V12.8862C22.8 16.4114 20.6 17.9222 17.3 17.9222Z" stroke="%230C2824" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.3999 6.66064L13.9569 9.32462C12.8239 10.1984 10.9649 10.1984 9.8319 9.32462L6.3999 6.66064" stroke="%2340B7A9" stroke-width="1.6" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 14px;
    bottom: 0;
    right: 13px;
    content: '';
    background-size: 100%;
    z-index: 99;
}
.newsletter input.subscribe-btn {
    width: fit-content;
    padding: 0px 40px;
    border-radius: 8px;
    background: var(--primary);
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    border: 0;
    font-family: 'Exo';
    font-size: 16px;
    line-height: 50px;
}
.input-group.newsletter .wpcf7-turnstile.cf-turnstile {
    order: 1;
    width: 100%;
    position: absolute;
    visibility: hidden;
}
.newsletter input.subscribe-btn:hover{
    background: #40B7A9;
    border-color:#40B7A9
}
footer ul.sm {
    display: flex;
    align-items: center;
    padding: 0;
}
footer ul.sm li {
    font-size: 0;
    margin-right: 26px;
}
footer ul.sm li a {
    height: 20px;
    width: 20px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer ul.sm li a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    transition: all 0.4s;
    filter: invert(1) brightness(3.5);
}
footer ul.sm li a:hover img {
    opacity: 0.6;
}
.footer-top {
    border-bottom: 1px solid rgba(0,0,0,.08);
    padding-bottom: 30px;
    margin-bottom: 46px;
}
.footer-top ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
.footer-top ul li {
    font-size: 22px;
    padding-left: 50px;
    position: relative;
    font-weight: 500;
}
.footer-top ul li h4 {
    font-size: 17px;
    margin-bottom: 0px;
    text-transform: uppercase;
    opacity: .7;
}
.footer-top ul li a {
    color: #091d1b;
    text-decoration: none;
}
.footer-top ul li::before {
    content: "";
    display: inline-block;
    background-image: url(../img/sprite-img.webp);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-position: -258px -16px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.footer-top ul li.mail::before {
    background-position: -312px -16px;
}
.footer-top ul li.address::before {
    background-position: -372px -16px;
}
.footer-top ul {
    padding-left: 0;
}
nav.navbar a.navbar-brand {
  color: #00BAAC;
}
.copy_right {
    background: #10332f;
    text-align: center;
    color: #fff;
    padding: 16px;
}
#footer {
    background-color: var(--dark);
    border-bottom: 1px solid #10332f0f;
    padding: 0;
    color: #fff;
}
section.newsletter-section {
    padding: 50px 0;
    border-bottom: 1px solid #FFFFFF1A;
}
section.footer-main {
    padding: 50px 0;
}
.footer-bottom {
    background: #40B7A94D;
    margin: 10px;
    padding: 16px;
    border-radius: 10px;
}
.footer-bottom a {
    color: #fff;
}
.copy_right a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}
.copy_right a:hover{
    color:#00baac;
}
footer ul.list-group {
    list-style: none;
}
footer ul.list-group li a {
    color: var(--white);
}
footer ul.list-group li a:hover{
    color: var(--primary);
}
footer#footer h5 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1px;
    color: var(--primary);
}
.newsletter_wrap p {
    font-size: 15px;
    max-width: 406px;
}
.footer_top {
    padding: 24px 16px 40px;
}
.newsletter .submit-btn p {
    display: inline-block;
    position: relative;
}
.input-group.newsletter .wpcf7-turnstile.cf-turnstile {
    order: 1;
}
.newsletter .submit-btn p span.wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.newsletter-widget.widget_text .textwidget {
    display: flex;
    justify-content: space-between;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    color: red;
}
html .wpcf7  form .wpcf7-response-output {
    font-size: 14px;
    padding: 4px 10px;
    margin: 15px 0 0;
    border-width: 1px;
    border-left: 4px solid;
    text-align: left;
    border-radius: 4px;
}
html .wpcf7 form.invalid .wpcf7-response-output,
html .wpcf7 form.failed .wpcf7-response-output {
    border-color: red;
    color: red;
}
html .wpcf7 form.sent .wpcf7-response-output,
html .wpcf7 form.valid .wpcf7-response-output {
    border-color: #00a000;
    color: #00a000;
}
.main_title p:empty {
    display: none;
}
.navbar-toggle {
    display: none;
}
section.inner_banner_section {
    background-color: var(--dark);
    color: var(--white);
    padding: 90px 0;
}
section.inner_banner_section .title h1 {
    font-size: 46px;
}
section.inner_banner_section .r_txt h2{
    right: 0px;
    position: absolute;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    -webkit-text-fill-color: transparent;
    opacity: 0.15;
    top: 23px;
    font-size: 80px;
    text-transform: uppercase;
    font-style: italic;
    font-family: 'Poppins';
    font-weight: 600;
    margin-bottom: 0;
}
section.inner_banner_section .r_txt h3 {
    content: 'wiper blades';
    right: 18px;
    position: absolute;
    bottom: 25px;
    font-size: 88px;
    color: #10332F;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -8px;
    margin-bottom: 0;
}
section.about_us_section {
    padding: 70px 0;
}
section.about_us_section .sticky_about_img {
    position: sticky;
    margin-top: -150px;
    top: 80px;
    width: 100%;
    height: auto;
}
section.frequently-asked-questions .faq-image img {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
section.frequently-asked-questions .position-sticky {
    top: 80px;
}
.accordian .faq-card {
    background: #fff;
    border: 1px solid #0c2824;
    box-shadow: 0 17px 30px rgba(16,51,47,.05);
    border-radius: 16px;
    padding: 30px 25px;
    margin-bottom: 15px;
    cursor: pointer;
    width: 100%;
    transition: all .4s;
}
.accordian .faq-card:last-child{
    margin-bottom: 0;
}
.accordian .faq-card .card-header {
    background: #fff;
    border-bottom: 0;
    padding: 0;
}
section.frequently-asked-questions .accordian .card-body {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 14px 0 0;
}
.accordian .faq-card .card-header button {
    font-size: 25px;
    color: #0c2824;
    line-height: 130%;
    transition: all .4s;
    padding: 0 0;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    align-items: center;
    letter-spacing: -1px;
    gap: 20px;
    background: transparent;
    border: 0;
    white-space: normal;
}
.accordian .faq-card .card-header button[aria-expanded="true"] {
    color: #00baac;
}
.accordian  .icon:before, .accordian  .icon:after {
    background-color: #000;
    content: "";
    height: 20px;
    width: 2px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
    transition: all .3s;
}
.accordian .faq-card .card-header button .icon:before {
    transform: rotate(90deg);
}
.accordian .faq-card .card-header button[aria-expanded="true"]  .icon:after {
    transform: rotate(90deg);
}
.accordian .faq-card .card-header button[aria-expanded="true"] .icon:before, .accordian .faq-card .card-header button[aria-expanded="true"] .icon:after {
    background-color: #00baac;
}
.accordian .card-header .icon {
    height: 22px;
    min-width: 22px;
    position: relative;
    display: block;
    background: transparent;
    padding: 0;
    border-radius: 0;
    width: 22px;
}
.accordian .faq-card .card-header button:hover .icon{
    background: transparent;
}
.accordian .faq-card:has(.show) .icon::after {
    transform: rotate(90deg);
}
.accordian .faq-card:has(.show) .icon::before,
.accordian .faq-card:has(.show) .icon::after{
    background-color: var(--primary);
}
.accordian .faq-card:has(.show) button {
    color: var(--primary);
}
section.frequently-asked-questions .accordian .card-body ol {
    padding-left: 12px;
}
section.frequently-asked-questions .accordian .card-body ol li{
    margin-bottom: 16px;
}
section.frequently-asked-questions .accordian .card-body ol li:last-child{
    margin-bottom: 0;
}
section.frequently-asked-questions .accordian {
    margin-top: -130px;
}
section.frequently-asked-questions {
    margin-top: -130px;
    padding: 70px 0;
}
.guide-video {
    margin-bottom: -100px;
    border-radius: 20px;
    overflow: hidden;
}
section.inner_banner_section.guide_inr_bnr {
    padding: 60px 0;
}
.guide_inr_bnr .title{
    color: var(--white);
    font-size: 15px;
    width: 542px;
    max-width: 100%;
}
.guide-content .items h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font1);
}
.guide-content .items p {
    margin-bottom: 0;
}
.guide-content .items ul {
    border-radius: 20px;
    border: 1px dashed rgba(0,0,0,.2);
    background: #fff;
    padding: 25px 30px;
    margin: 0;
    list-style: none;
    margin-top: 10px;
}
.guide-content .items ul li {
    font-size: 15px;
    line-height: 155%;
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(12,40,36,.06);
    position: relative;
    padding-left: 20px;
    margin: 0 0 15px;
}
.guide-content .items ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.guide-content ul li:before {
    content: '';
    height: 10px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 10px;
    background-color: #40b7a9;
    transform: rotate(89deg);
}
.guide-content .items{
    padding-top: 50px;
}
.guide-content .items:first-child{
    padding-top: 0;
}
.get-in-touch {
    background: #fff;
    border: 1px solid #0c2824;
    box-shadow: 0 17px 30px rgba(16,51,47,.05);
    border-radius: 15px;
    padding: 40px 38px;
    margin-bottom: 60px;
    margin-top: -240px;
}
.get-in-touch h3 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 0;
    letter-spacing: -1px;
}
.form_field label {
    font-size: 16px;
    color: #0a1b16;
    margin-bottom: 5px;
    display: block;
}
html .form_field {
    margin-bottom: 24px;
}
html .form-control {
    width: 100%;
    padding: 0 15px;
    height: 50px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    transition: all .4s;
    font-size: 15px;
    box-shadow: none !important;
}
html textarea.form-control {
    padding: 15px;
    height: 120px;
    resize: none;
}
.get-in-touch .wpcf7 {
    margin-top: 24px;
}
.form_field em{
    color: red;
}
.get-in-touch .submit_btn p {
    display: inline-block;
    position: relative;
}
.get-in-touch .submit_btn{
    text-align: center;
}
.get-in-touch .submit_btn p span.wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
html .form_field span.wpcf7-quiz-label {
    line-height: 130%;
    margin-bottom: 4px;
    display: block;
}
.get-in-touch .submit_btn .wpcf7-submit {
    border: 0;
    line-height: 44px;
    padding: 0 20px;
    min-width: 150px;
    color: #ffff;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
    transition: all .4s;
    background-color: var(--primary);
}
.get-in-touch .submit_btn .wpcf7-submit:hover {
    background-color: var(--dark);
}
html .form-control:focus {
    border-color: var(--dark);
}
.page-id-180 .page-header,
.page-id-182 .page-header {
    display: none;
}
.page-id-180 .page-content,
.page-id-182 .page-content {
    padding: 40px 0 80px;
}
.page-id-180 main#content,
.page-id-182 main#content {
    max-width: 100%;
    width: 1370px;
    padding: 0 25px;
}

section.hero_banner  .find_wiper_blades .disabled select {
    pointer-events: none;
    color: #10332f;
    font-weight: 400;
    font-size: 15px;
}
section.hero_banner  .find_wiper_blades select {
    width: 100%;
    padding: 0 14px;
    border-radius: 10px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path opacity="0.4" d="M1 1.5L6 6.5L11 1.5" stroke="%230A1B16" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 96% 20px;
    line-height: 46px;
    border-radius: 8px;
    font-size: 15px;
    border: 1px solid #bac5c3;
    background-color: #fff;
    font-family: 'Poppins';
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000000;
    line-height: 50px;
    border-radius: 8px;
    border: 1px solid #bac5c3;
    background: #fff;
    height: 50px;
    margin-top: 0 !important;
    padding-left: 15px;
    font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #10332F;
    font-size: 15px;
}
.select2.select2-container {
    width: 100% !important;
    margin-bottom: 0px;
}

.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
    padding-left: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #10332F;
}
.select2-selection__rendered {
    margin-top: 4px !important;
}
body .select2-container--default .select2-results__option {
    padding: 8px 10px;
}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00baac!important;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    right: 11px !important;
    top: 5px !important;
}
.select2-search--dropdown {
    padding: 10px!important;
}
.select2-search--dropdown input.select2-search__field {
    padding: 11px!important;
    background-color: #00baac12;
    border: 0!important;
    border-radius: 8px;
    line-height: 18px;
}
.select2-container .select2-selection--single {
    height: 50px;
    background: transparent;
    border: 0;
}
.select2-search--dropdown input.select2-search__field:focus {
    outline: 0;
}
.select2-container--open .select2-dropdown--above {
    border-color: var(--primary);
}
body .select2-container--default .select2-results__option {
    padding: 8px 10px;
}
#select-vehicle-box .layer h2 {
    font-size: 54px;
    font-family: 'Josefin Sans';
    letter-spacing: 0px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 500px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path opacity="0.4" d="M1 1.5L6 6.5L11 1.5" stroke="%2310332F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    margin: 0;
    left: auto;
    right: 0px;
    top: -5px;
    height: 50px;
    width: 20px;
}
section.hero_banner  .find_wiper_blades select:focus{
    outline: 0;
}
form.loading {
    opacity: 0.4;
}
.form_box form {
    transition: all 0.4s;
}
body.loadingdata {
    overflow: hidden;
}
.form_field.newsletter_quiz input.wpcf7-form-control {
    padding: 0 25px !important;
    height: 48px;
}
.form_field.newsletter_quiz  span.wpcf7-quiz-label {
    font-size: 14px;
}
body {
    padding: 0;
}
header#site-header{
	background:transparent
}
html.sticky header#site-header {
    background: #fff;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Exo'
}
header#site-header .site-navigation ul.menu li a {
    color: var(--white);
}
.sticky header#site-header .site-navigation ul.menu li a {
    color: var(--dark);
}
section.hero_banner.pt-0 {
    padding: 150px 0 52px !important;
}
.hero_banner p {
    font-size: 15px;
    color: var(--dark);
    max-width: 468px;
}
.form_box {
    max-width: 100%;
    background: #ffffff00;
    padding: 0;
    box-shadow: unset;
	padding-top:60px
}
.hero_banner h1 {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark);
    margin-bottom: 8px;
    max-width: 600px;
    margin-bottom: 14px;
}
.form_box h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 14px;
}
.form_box form .find_wiper_blades {
    display: flex;
    width: 1000px;
    background: #E0F3F1;
    border: 1px solid #0C28240F;
    padding: 22px 22px 47px;
    border-radius: 14px;
    gap: 18px;
    position: relative;
    align-items: flex-end;
}
section.hero_banner .find_wiper_blades>* {
    width: 100%;
    margin-bottom: 0;
}
section.hero_banner .find_wiper_blades .help {
    font-size: 13px;
    position: absolute;
    text-align: right;
    bottom: 19px;
    right: 26px;
    width: auto;
}
section.hero_banner .submit input.sub_wiper {
    margin: 0;
    font-family: 'Exo';
    text-transform: capitalize;
    padding: 11px 20px;
    line-height: normal;
    width: fit-content;
    border-radius: 8px;
    font-size: 16px;
    height: 48px;
    background: var(--dark);
    color: #fff;
    border: 0;
    font-weight: 500;
}
section.hero_banner .find_wiper_blades>*.submit {
    width: auto;
}
section.hero_banner:after {
    width: 55%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/10/banner-img.png);
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background-position: left bottom;
}
section.hero_banner .find_wiper_blades label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Exo';
    margin-bottom: 6px;
}
section.hero_banner .image {
    padding-bottom: 75px;
    margin-left: -50px;
}
section.find-your-carwiper .image_text > h2 {
    font-size: 50px;
}
	.form_field.newsletter_quiz {
		margin-bottom: 0;
	}
    section.find-your-carwiper .image_text {
    padding-left: 63px;
}
.text_box_wrp {
    display: flex;
    gap: 20px;
}
.text_box_wrp .text_box {
    border: 1px solid #40B7A9;
    padding: 24px;
    border-radius: 10px;
}
.text_box_wrp .text_box h2 {
    font-size: 22px;
    margin-bottom: 0;
}
.text_box_wrp .text_box .title {
    margin-bottom: 10px !important;
}
section.find-your-carwiper:after {
    content: 'Wiper Blades';
    font-size: 150px;
    color: #F2F3F4;
    position: absolute;
    right: 0;
    top: 42px;
    font-family: 'Exo';
    font-weight: 700;
    z-index: -1;
    font-style: italic;
}
.wiper_install_sec .title {
    max-width: 492px;
}
.wiper_install_sec .title h2 {
    font-size: 50px;
}
.wiper_install_sec  .image {
    max-width: 466px;
    margin: 0 auto -100px;
}
.wiper_install_sec .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
    transition: all 0.5s;
}
.wiper_install_sec  .popup.active { display: flex; }
.wiper_install_sec  .popup-content {
    position: relative;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    max-width: 900px;
    width: 100%;
    display: flex;
}
.install-features .feature {
    display: flex;
    gap: 10px;
}
.wiper_install_sec .popup-content iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    max-width: 900px;
}
.wiper_install_sec .popup-content video {
    width: 600px;
    max-width: 90vw;
    border-radius: 10px;
  }
.wiper_install_sec  .close-btn {
    position: absolute;
    top: 40px;
    right: 48px;
    color: #fff;
    font-size: 52px;
    cursor: pointer;
    font-weight: 100;
}
  body:has(.popup.active) header#site-header {
    z-index: 0;
}
.install_video_popup span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}
.install_video_popup {
    position: relative;
    margin-left: -295px;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #40B7A9;
    cursor: pointer;
    display: flex;
}
.install-container {
    z-index: 3;
    position: relative;
}
.install-container {
    position: relative;
    z-index: 2;
}
section.wiper_install_sec {
    position: relative;
}
section.wiper_install_sec:after {
    content: '';
    width: 100%;
    height: 247px;
    background-color: #ECFAF8;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.install-features {
    display: grid;
    grid-template-columns: repeat(2 , 1fr);
    background: var(--primary);
    padding: 50px 30px;
    border-radius: 13px;
    margin-top: -52px;
    gap: 30px 40px;
    max-width: 538px;
}
.install-features .feature p {
    color: #fff;
    font-weight: 600;
}
section.simple-guide-section {
    background: #ECFAF8;
}
section.simple-guide-section .guide-text h2 {
    font-size: 50px;
}
section.simple-guide-section .guide-text p {
    max-width: 451px;
}
.guide-step h4 {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 600;
}
.guide-steps {
    border-top: 1px solid #0C28241A;
}
.guide-step {
    padding: 30px 0 30px 40px;
    border-bottom: 1px solid #0C28241A;
    position: relative;
}
.guide-step:after {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.6541 23.6658H23.6659H23.6541ZM23.6541 23.6658C22.8832 24.4302 21.4861 24.2398 20.5064 24.2398C19.3038 24.2398 18.7247 24.4751 17.8664 25.3334C17.1356 26.0643 16.1559 27.3797 15 27.3797C13.8441 27.3797 12.8643 26.0643 12.1335 25.3334C11.2752 24.4751 10.6961 24.2398 9.49352 24.2398C8.51381 24.2398 7.11675 24.4302 6.34587 23.6658C5.56881 22.8953 5.76004 21.4924 5.76004 20.5063C5.76004 19.2603 5.48754 18.6874 4.60018 17.8C3.2802 16.4801 2.6202 15.82 2.62018 14.9999C2.62019 14.1798 3.28017 13.5198 4.60014 12.1998C5.39226 11.4077 5.76004 10.6228 5.76004 9.49346C5.76004 8.51371 5.56966 7.11664 6.33412 6.34575C7.10468 5.56872 8.50752 5.75996 9.49355 5.75996C10.6228 5.75996 11.4078 5.3922 12.1999 4.60011C13.5199 3.28011 14.1798 2.62012 15 2.62012C15.8201 2.62012 16.4801 3.28011 17.8001 4.60011C18.592 5.39204 19.3769 5.75996 20.5064 5.75996C21.4861 5.75996 22.8833 5.56957 23.6542 6.33406C24.4312 7.10462 24.2399 8.50745 24.2399 9.49346C24.2399 10.7395 24.5125 11.3124 25.3998 12.1998C26.7198 13.5198 27.3798 14.1798 27.3798 14.9999C27.3798 15.82 26.7198 16.4801 25.3998 17.8C24.5124 18.6874 24.2399 19.2603 24.2399 20.5063C24.2399 21.4924 24.4312 22.8953 23.6541 23.6658Z" fill="%2340B7A9"/><path d="M23.6541 23.6658H23.6659M23.6541 23.6658C22.8832 24.4302 21.4861 24.2398 20.5064 24.2398C19.3038 24.2398 18.7247 24.4751 17.8664 25.3334C17.1356 26.0643 16.1559 27.3797 15 27.3797C13.8441 27.3797 12.8643 26.0643 12.1335 25.3334C11.2752 24.4751 10.6961 24.2398 9.49352 24.2398C8.51381 24.2398 7.11675 24.4302 6.34587 23.6658C5.56881 22.8953 5.76004 21.4924 5.76004 20.5063C5.76004 19.2603 5.48754 18.6874 4.60018 17.8C3.2802 16.4801 2.6202 15.82 2.62018 14.9999C2.62019 14.1798 3.28017 13.5198 4.60014 12.1998C5.39226 11.4077 5.76004 10.6228 5.76004 9.49346C5.76004 8.51371 5.56966 7.11664 6.33412 6.34575C7.10468 5.56872 8.50752 5.75996 9.49355 5.75996C10.6228 5.75996 11.4078 5.3922 12.1999 4.60011C13.5199 3.28011 14.1798 2.62012 15 2.62012C15.8201 2.62012 16.4801 3.28011 17.8001 4.60011C18.592 5.39204 19.3769 5.75996 20.5064 5.75996C21.4861 5.75996 22.8833 5.56957 23.6542 6.33406C24.4312 7.10462 24.2399 8.50745 24.2399 9.49346C24.2399 10.7395 24.5125 11.3124 25.3998 12.1998C26.7198 13.5198 27.3798 14.1798 27.3798 14.9999C27.3798 15.82 26.7198 16.4801 25.3998 17.8C24.5124 18.6874 24.2399 19.2603 24.2399 20.5063C24.2399 21.4924 24.4312 22.8953 23.6541 23.6658Z" stroke="%2340B7A9" stroke-width="1.85697"/><path d="M11 16.5001C11 16.5001 12.686 17.4374 13.529 18.8111C13.529 18.8111 16.058 13.4186 19.43 11.6211" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    left: 0;
    top: 30px;
}
.vision-section {
  padding: 100px 20px;
}

.vision-image {
  flex: 1 1 45%;
}

.vision-image img {
    width: auto;
    border-radius: 16px;
    object-fit: cover;
}

.vision-content {
  flex: 1 1 50%;
}

.vision-content h2 {
    font-size: 50px;
    font-weight: 700;
    color: #013220;
    margin-bottom: 20px;
    line-height: 1.3;
}

.vision-content p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  margin-bottom: 16px;
}

.vision-stats {
    display: flex;
    flex-wrap: wrap;
    background: #dff4f2;
    border-radius: 10px;
    margin-top: 30px;
    padding: 24px 40px;
    gap: 20px;
    justify-content: space-between;
    margin-left: -200px;
}

.stat-box {
  text-align: left;
  flex: 1 1 22%;
  min-width: 120px;
  position: relative;
}

.stat-box h3 {
  font-size: 38px;
  color: var(--dark);
  font-weight: 700;
  margin-bottom: 4px;
}

.stat-box h3 span {
  color: #3dbba5;
}
.stat-box + .stat-box:after {
    content: '';
    width: 1px;
    height: 100%;
    background: #40B7A933;
    position: absolute;
    top: 0;
    left: -34px;
}
.stat-box p {
  font-size: 0.9rem;
  color: #333;
  margin: 0;
}
section.hero_banner .submit input.sub_wiper:hover {
    background-color: var(--primary);
}
@media(max-width:1366px){
    .vision-content h2 {
    font-size: 38px;
}
section.hero_banner:after {
    width: 62%;
}
}
@media(max-width:1199px){
section.hero_banner:after {
    width: 70%;
}
.hero_banner h1 {
    font-size: 35px;
}
.hero_banner p {
    font-size: 14px;
}
section.hero_banner.pt-0 {
    padding: 90px 0 52px !important;
}
.form_box form .find_wiper_blades {
    width: 860px;
}
section.hero_banner  .find_wiper_blades select {
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}
section.hero_banner .image {
    padding-bottom: 91px;
    margin-left: -72px;
}
section.find-your-carwiper .image_text > h2 {
    font-size: 36px;
}
section.find-your-carwiper .image_text {
    padding-left: 30px;
    font-size: 13px;
}
.text_box_wrp .text_box {
    padding: 20px;
}
.text_box_wrp .text_box h2 {
    font-size: 20px;
}
section.find-your-carwiper:after {
    font-size: 93px;
    top: 39px;
}
.wiper_install_sec .title h2 {
    font-size: 36px;
}
.wiper_install_sec .title p {
    font-size: 14px;
}
.wiper_install_sec  .image {
    max-width: 331px;
    margin: 0 auto -84px;
}
.install-features img.feature-icon {
    max-width: 40px;
    height: fit-content;
}
.install-features {
    padding: 50px 22px;
    gap: 20px 20px;
    max-width: 538px;
}
.install-features .feature p {
    font-size: 14px;
}
section.simple-guide-section .guide-text h2 {
    font-size: 36px;
}
section.simple-guide-section .guide-text p {
    font-size: 14px;
}
.vision-content p {
    font-size: 13px;
}
.stat-box h3 {
    font-size: 22px;
}
.vision-stats {
    margin-left: -300px;
}
.newsletter input.form-control {
    max-width: 300px;
}
footer .footer-content-widget {
    font-size: 13px;
}
.guide-step h4 {
    font-size: 20px;
}
.guide-step p {
    font-size: 14px;
}
.guide-step {
    padding: 20px 0 20px 30px;
}
.guide-step:after {
    width: 24px;
    height: 24px;
    top: 20px;
    background-size: contain;
}
}
@media (max-width:1024px){
    header#site-header {
        padding: 14px 0px;
    }
    header#site-header .custom-logo-link {
        max-width: 170px;
    }
    header#site-header .site-navigation ul.menu li a {
        padding:8px 10px;
        font-size: 14px;
    }
    html header#site-header .site-navigation ul.menu li.btn a {
        padding: 8px 18px;
        border-radius: 6px;
    }
    .hero_banner p {
        font-size: 14px;
    }
    .form_box h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .hero_banner {
        background-size: cover;
        padding-bottom: 0;
    }
    .hero_banner h1 {
        font-size: 32px;
    }
    .form_box .form-select {
        font-size: 14px;
        line-height: 40px;
        padding: 0 12px;
        border-radius: 4px;
    }
    html .find-wiper-btn {
        line-height: 44px;
        font-size: 15px;
    }
    section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main_title h2 {
        font-size: 32px;
        margin-bottom: 6px;
    }
    .main_title p {
        font-size: 14px;
    }
    .title h2{
        font-size: 24px;
    }
    section.find-your-carwiper p {
        font-size: 14px;
    }
    .find-your-carwiper .image_text {
        max-width: 100%;
        padding: 10px 20px;
    }
    .wiper_install_sec .ratio {
        border-radius: 10px;
    }
    #footer {
        padding-top: 0;
    }
    .footer_top {
        padding: 40px 0 16px;
    }
    footer#footer h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    footer ul.list-group li {
        font-size: 14px;
        padding-left: 13px;
    }
    .newsletter_col {
        margin-top: 30px;
    }
    footer .footer-content-widget {
        font-size: 13px;
        max-width: 100%;
        margin-bottom: 14px;
    }
    footer ul.sm li a {
        height: 18px;
        width: 18px;
    }
    footer ul.sm li {
        margin-right: 20px;
    }
    .newsletter p{
        width: 100%;
    }
	html .newsletter {
    gap: 10px;
}
    .newsletter input.form-control {
        height: 48px;
    }
    .newsletter input.subscribe-btn {
        padding: 12px 26px;
    }
    .input-group.newsletter:before {
        height: 30px;
        width: 30px;
        top: 9px;
    }
    footer#footer .newsletter-widget p {
        font-size: 14px;
    }
    .copy_right {
        background: #10332f;
        text-align: center;
        color: #fff;
        padding: 14px;
        font-size: 15px;
    }
    html.sticky header#site-header .custom-logo-link {
        max-width: 160px;
    }
    html.sticky header#site-header {
        padding: 10px 0;
    }
    .main_title {
        margin-bottom: 30px;
    }
    .hero_banner p {
        font-size: 14px;
    }
    section.inner_banner_section .r_txt h3 {
        bottom: 24px;
        font-size: 42px;
        right: 12px;
    }
    section.inner_banner_section .r_txt h2 {
        top: 22px;
        font-size: 36px;
    }
    section.inner_banner_section .title h1 {
        font-size: 34px;
    }
    section.inner_banner_section {
        padding: 50px 0;
    }
    section.about_us_section {
        padding: 50px 0;
        font-size: 14px;
    }
    section.about_us_section .sticky_about_img {
        margin-top: -90px;
        top: 70px;
    }
    section.frequently-asked-questions .faq-image img {
        border-radius: 12px;
    }
    section.frequently-asked-questions {
        margin-top: -100px;
    }
    section.frequently-asked-questions .accordian {
        margin-top: 0;
    }
    .accordian .faq-card {
        border-radius: 10px;
        padding: 16px 14px;
        margin-bottom: 14px;
    }
    .accordian .faq-card .card-header button {
        font-size: 20px;
    }
    .accordian .card-header .icon {
        height: 18px;
        min-width: 18px;
        width: 18px;
    }
    section.frequently-asked-questions .accordian .card-body {
        font-size: 14px;
        padding: 12px 0 0;
    }
    .accordian  .icon:before, .accordian  .icon:after {
        height: 16px;
    }
    section.frequently-asked-questions .position-sticky {
        top: 70px;
    }
    section.inner_banner_section .title h1 {
        font-size: 28px;
    }
    .guide-video {
        margin-bottom: 0;
        border-radius: 14px;
    }
    .guide_inr_bnr .title p {
        font-size: 14px;
    }
    section.inner_banner_section.guide_inr_bnr {
        padding: 50px 0;
    }
    .guide-content .items ul {
        border-radius: 10px;
        padding: 18px;
        margin-top: 10px;
    }
    .guide-content .items ul li {
        font-size: 14px;
        padding-bottom: 10px;
        margin: 0 0 10px;
    }
    .guide-content .items {
        padding-top: 30px;
    }
    .guide-content .items h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .guide-content .items p {
        margin-bottom: 0;
        font-size: 14px;
    }
    .get-in-touch {
        border-radius: 8px;
        padding: 18px;
        margin-bottom: 0;
        margin-top: -150px;
    }
    .get-in-touch h3 {
        font-size: 26px;
    }
    html .get-in-touch > p {
        font-size: 14px;
    }
    .form_field label {
        font-size: 14px;
        margin-bottom: 4px;
    }
    html .form-control {
        padding: 0 12px;
        height: 44px;
        border-radius: 8px;
        font-size: 14px;
    }
    html .form_field {
        margin-bottom: 16px;
    }
    .get-in-touch .submit_btn .wpcf7-submit {
        line-height: 38px;
        padding: 0 20px;
        min-width: 110px;
        font-size: 15px;
    }
    .page-id-180 .page-content,
    .page-id-182 .page-content {
        font-size: 15px;
    }
	.form_field.newsletter_quiz {
    	width: 100%;
	}
    section.hero_banner .image {
        padding-bottom: 0;
        margin-left: -40px;
    }
    .form_box form .find_wiper_blades {
        width: 719px;
    }
    section.hero_banner:after {
    width: 585px;
}
.form_box form .find_wiper_blades {
    gap: 8px;
}
section.hero_banner  .find_wiper_blades select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}
section.find-your-carwiper .image_text > h2 {
    font-size: 27px;
}
section.find-your-carwiper .col-md-6:has(.image) {
    position: sticky;
    top: 20px;
}
section.find-your-carwiper .align-items-center {
    align-items: flex-start !important;
}
section.find-your-carwiper .image_text {
    padding-left: 20px;
    padding-right: 0;
}
.text_box_wrp .text_box {
    padding: 16px;
}
.text_box_wrp .text_box h2 {
    font-size: 16px;
}
section.find-your-carwiper .text_box p {
    font-size: 12px;
}
section.find-your-carwiper:after {
    font-size: 76px;
}
.wiper_install_sec .title h2 {
    font-size: 27px;
}
.install_video_popup {
    margin-left: -150px;
}
.install-features {
    padding: 39px 17px 16px;
    gap: 20px 9px;
    max-width: 557px;
    min-width: 406px;
}
section.simple-guide-section .guide-text h2 {
    font-size: 27px;
}
.vision-stats {
    padding: 14px 23px;
    margin-top: 0;
}
.vision-content h2 {
    font-size: 27px;
    margin-bottom: 0;
}
.vision-section {
    padding: 50px 0px;
}
.vision-content p {
    font-size: 12px;
}
footer#footer .newsletter-widget p {
    font-size: 13px;
    max-width: 279px;
}
.newsletter input.subscribe-btn {
    padding: 0px 24px;
    font-size: 13px;
}
.footer-brand, .footer-content-widget {
    width: 100%;
    text-align: center;
}
footer .footer-content-widget {
    max-width: 500px;
    margin: 10px auto 14px;
}
section.footer-main {
    padding: 50px 0 0px;
}
}


@media (max-width:767px){
    html .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-toggle {
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .navbar-toggle span {
        width: 32px;
        height: 2px;
        background-color: var(--primary);
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0;
        margin: auto;
        transition:all 0.3s;
    }
    .navbar-toggle span:nth-child(1) {
        top: -16px;
        width: 18px;
    }
    .navbar-toggle span:nth-child(3) {
        bottom: -16px;
        width: 18px;
    }
    body.menu-show .navbar-toggle span:nth-child(1) {
        top: 0;
        width: 28px;
        transform:rotate(45deg);
        background-color: var(--dark);
    }
    body.menu-show .navbar-toggle span:nth-child(2) {
        width: 0;
    }
    body.menu-show .navbar-toggle span:nth-child(3) {
        bottom: 0;
        width: 28px;
        transform:rotate(-45deg);
        background-color: var(--dark);
    }
    header#site-header nav.site-navigation {
        position: fixed;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        background-color: var(--white);
        width: 300px;
        z-index: 9999;
        padding: 20px 20px 20px;
        transform: translatex(100%);
        transition: all 0.4s;
    }
    .site-navigation ul.menu {
        display: block;
        margin-top: 20px;
    }
    header#site-header {
        padding: 12px 0px;
    }
    body.menu-show header#site-header nav.site-navigation {
        transform: translateX(0px);
    }
    header#site-header nav.site-navigation .navbar-toggle {
        margin-left: auto;
        margin-right: 0;
    }
    header#site-header .site-navigation ul.menu li {
        margin:0 0 20px;
    }
    header#site-header .site-navigation ul.menu li a {
        padding: 0;
        font-size: 16px;
    }
    html header#site-header .site-navigation ul.menu li.btn a {
        width: 100%;
        background-color: transparent !important;
        padding: 0;
        color: var(--dark);
        text-align: left;
    }
    header#site-header .overlay {
        background-color: var(--black);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
    }
    body.menu-show header#site-header .overlay {
        visibility: visible;
        opacity: 0.6;
    }
    .hero_banner {
        padding-top: 40px !important;
    }
    .hero_banner .text {
        text-align: center;
    }
    .hero_banner h1 {
        font-size: 26px;
        margin-bottom: 4px;
    }
    .hero_banner p {
        font-size: 15px;
    }
    .main_title h2 {
        font-size: 26px;
        margin-bottom: 6px;
    }
    .find-your-carwiper .image_text {
        max-width: 100%;
        padding: 36px 0px 25px;
    }
    section.find-your-carwiper {
        padding-bottom: 30px;
    }
    .title h2 {
        font-size: 22px;
    }
    footer#footer h5 {
    font-size: 23px;
    margin-bottom: 10px;
    text-align: center;
}
    footer#footer .newsletter-widget p {
        font-size: 13px;
    }
    .newsletter_col {
        margin-top: 20px;
    }
    footer#footer .newsletter-widget .title + p {
        font-size: 14px;
        text-align: center;
        margin: 0 auto 20px;
    }
    .newsletter input.form-control {
        font-size: 14px;
        margin-bottom: 0;
    }
    .newsletter_form > span {
        display: none;
    }
    html .newsletter {
        gap: 10px;
    }
    .input-group.newsletter:before {
        height: 20px;
        width: 20px;
        top: 7px;
        left: 10px;
    }
    .copy_right {
        padding: 12px 0;
        font-size: 13px;
    }
    footer ul.sm li a {
        height: 16px;
        width: 16px;
    }
    footer .social-icons-widget {
        margin-bottom: 30px;
    }
    html .newsletter p {
        margin-bottom: 0;
    }
    .footer_top {
        padding: 40px 0 30px;
    }
    header#site-header .custom-logo-link {
        max-width: 160px;
    }
    html.sticky header#site-header .custom-logo-link {
        max-width: 154px;
    }
    .wpcf7-not-valid-tip {
        font-size: 12px;
        color: red;
    }
    html .wpcf7  form .wpcf7-response-output {
        font-size: 12px;
        padding: 3px 8px;
        border-radius: 3px;
    }
    section.inner_banner_section .r_txt{
        display: none;
    }
    section.inner_banner_section {
        text-align: center;
        padding: 50px 0;
    }
    section.inner_banner_section .title h1 {
        font-size: 30px;
    }
    section.about_us_section {
        font-size: 13px;
    }
    section.about_us_section .sticky_about_img {
        margin-top: -90px;
        top: 0;
        position: relative;
    }
    section.frequently-asked-questions .position-sticky {
        top: 0;
        position: relative !important;
    }
    section.inner_banner_section .title h1 {
        font-size: 24px;
    }
    .accordian .faq-card .card-header button {
        font-size: 17px;
        gap: 10px;
    }
    .accordian .faq-card {
        border-radius: 8px;
        padding: 14px 12px;
    }
    .accordian .card-header .icon {
        height: 16px;
        min-width: 16px;
        width: 16px;
    }
    .accordian  .icon:before, .accordian  .icon:after {
        height: 14px;
    }
    section.frequently-asked-questions .accordian .card-body {
        font-size: 13px;
    }
    .guide-video {
        border-radius: 8px;
        margin-bottom: -40px;
    }
    section.inner_banner_section .title h1 {
        font-size: 24px;
    }
    section.inner_banner_section.guide_inr_bnr {
        padding: 50px 0 0;
    }
    .guide-content .items ul {
        border-radius: 8px;
        padding: 16px;
    }
    .guide-content .items h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .get-in-touch {
        margin-bottom: 40px;
        margin-top: -90px;
    }
    html .get-in-touch > p {
        font-size: 13px;
    }
    .get-in-touch h3 {
        font-size: 24px;
    }
    .page-id-180 .page-content,
    .page-id-182 .page-content {
        padding: 20px 0 50px;
        font-size: 14px;
    }
    .page-id-180 main#content,
    .page-id-182 main#content {
        padding: 0 20px;
    }
    .form_box h3 {
        font-size: 22px;
        margin-bottom: 18px;
    }
    section.hero_banner .find_wiper_blades .help a {
        font-size: 15px;
    }
    section.hero_banner .submit input.sub_wiper {
        margin-top: 0;
    }
    section.hero_banner  .find_wiper_blades select {
        line-height: 44px;
        font-size: 14px;
    }
    .select2-container .select2-selection--single {
        height: 46px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 46px;
        height: 46px;
        font-size: 14px;
    }
    section.hero_banner .submit input.sub_wiper {
        padding: 0 15px;
        line-height: 44px;
        border-radius: 6px;
        font-size: 16px;
        width: 100%;
    }
    body.loadingdata:before {
        background-size: 100px;
    }
    html header#site-header .site-navigation ul.menu li.btn a:hover{
        background:transparent;
    }
	.form_field.newsletter_quiz input.wpcf7-form-control {
		padding: 0 15px !important;
		height: 38px;
	}
	.form_field.newsletter_quiz  span.wpcf7-quiz-label {
		font-size: 12px;
	}
    .form_box form .find_wiper_blades {
    width: 100%;
}
.form_box form .find_wiper_blades {
    gap: 10px;
    width: 100%;
    flex-direction: column;
}
.install-features {
    min-width: 100%;
}
section.find-your-carwiper .col-md-6:has(.image) {
    position: static;
}
section.hero_banner .image {
    padding-bottom: 0;
    margin-left: 0;
}
section.hero_banner:after{
    display: none;
}
section.hero_banner .image {
    display: none;
}
.form_box h3 {
    font-size: 0;
    margin-bottom: 0;
}
.form_box {
    padding-top: 20px;
}
section.hero_banner .find_wiper_blades>*.submit {
    width: 100%;
    text-align: center;
}
section.hero_banner .find_wiper_blades .help {
    position: static;
    text-align: center;
    width: 100%;
}
.form_box form .find_wiper_blades {
    padding: 22px 22px 22px;
}
section.hero_banner.pt-0 {
    padding: 60px 0 0px !important;
}
section.find-your-carwiper .image_text {
    padding-left: 0;
    padding-right: 0;
}
section.find-your-carwiper .image_text > h2, section.find-your-carwiper .image_text > p {
    text-align: center;
}
.wiper_install_sec .title {
    text-align: center;
}
.install-features .feature p {
    font-size: 12px;
    font-weight: 500;
}
.install-features .feature {
    gap: 7px;
}
.install-features img.feature-icon {
    max-width: 31px;
}
.install_video_popup {
    margin-left: 0;
    margin-top: 20px;
}
section.wiper_install_sec:after {
    height: 324px;
}
.guide-text {
    padding-bottom: 30px;
}
.vision-content {
    padding-top: 20px;
}
.vision-content p {
    font-size: 13px;
}
.vision-stats {
    padding: 27px;
    margin: 0;
}
.stat-box:nth-child(3):after {
    display: none;
}
.newsletter-widget.widget_text .textwidget {
    flex-direction: column;
}
footer#footer .newsletter-widget p {
    font-size: 14px;
    text-align: center;
}
footer#footer .newsletter-widget h5.title + p {
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
}
footer#footer .input-group.newsletter p {
    max-width: 240px;
}
footer#footer .input-group.newsletter p {
    max-width: 207px;
}
footer#footer h5.footer-title {
    text-align: left;
}
.footer-bottom {
    padding: 11px 0;
    font-size: 13px;
}
}