.text-wrapper {
    margin-left: -350px;
    font-size: 62px;
    text-align: center;
    position: relative;
}

.animated-words {
    display: inline-block;
}

.animated-words span {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #de1f26;
    height: 100%;
    top: 0;
    animation: animateWord 9s linear infinite;
    text-decoration: underline;
}

.animated-words span:nth-child(2) {
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
    color: #de1f26;
}

.animated-words span:nth-child(3) {
    -webkit-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
    color: #de1f26;
}

@-webkit-keyframes animateWord {
    0% { opacity: 0; }
    10% { opacity: 1; }
    30% { opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}

#rating-scale input[type="range"]#car_rating {
  accent-color: #de1f26;
  width: 100%
}

.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
    width: 37px;
    height: 17px;
    accent-color: #de1f26;
    appearance: none;
    position: relative;
    border: 1px solid #1e1e1e;
    cursor: pointer;
}

.checkbox-container input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    left: 8px;
    top: 7px;
    transform: translate(-50%, -50%);
    color: #de1f26;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*.dropdown-outer .checkbox-container input[type="checkbox"] {
	width: 35px;
    accent-color: #de1f26;
}*/

option:hover {
  background-color: #de1f26 !important;
}

.checkbox-container .checkbox-content {
    flex: 1;
}

.dropdown-outer .checkbox-container label, .inner-container .checkbox-container label {
    margin-bottom: 10px;
    display: flex;
}

.checkbox-container .whatsapp-note {
    border:  1px solid red;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}
.checkbox-container label {
    margin-top: 1rem;
}
.info-container span {
    margin-bottom: 10px;
    display: flex;
    border:  1px solid red;
    padding: 10px;
    border-radius: 5px;
}

.checkbox-container input[type="checkbox"]:focus {
    outline: none;
}

.checkbox-container input[type="checkbox"]::before {
    content: '';
    width: 100%;
    height: 100%;
}

.checkbox-container input[type="checkbox"]:checked::before {
    background: #000;
}

.checkbox-container label:last-child {
    margin-bottom: 0;
}

.inner-container span {
    font-size: 18px;
}

#spec-value tr td, #option-value tr td {
    font-size: 18px;
}

#spec-value table , #option-value table {
    border: 1px solid #0d4f78;
    padding: 5px;
}

#spec-value table tr td, #option-value table tr td  {
    border: 1px solid #0d4f78;
    padding: 5px;
}

#car_km span, #price_expec span {
    margin-left: 15px;
    font-weight: 500;
    font-size: 22px;
}


body {
    margin: 0; 
}
/*header style*/
.main-menu {
    background-color: #e6e6e6;
}

.main-menu .container {
    padding: 0;
}

.main-menu img {
    /*width: 30%;*/
    height: auto;
    padding: 15px 0 15px 10px;
}
/*header style end*/

.home-section {
    /*padding: 40px 0;*/
    padding: 60px 0;
}

.home-section .home-desc {
    color: #7a7a7a;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
}

.home-desc p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    padding: 10px 0;
}

.main-headline__buzzword-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 40px;
}

.elementor-size-default {
    display: flex;
    gap: 10px; /* Adjust the gap between spans */
}

/* Hide the default radio buttons */
input[type="radio"] {
    display: none;
}

/* Style for the custom radio box container */
.radio-box {
    display: flex;
    justify-content: center !important;
}

.car_series.radio-box {
    display: flex !importnat;
    justify-content: center !important;
}
/* Style for the label */
.radio-box label {
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.radio-box label.active {
    background-color: #f8f8f8;
    color: #0d4f78;
    border-color: #0d4f78;
    box-shadow: inset 0 0 0 1px #0d4f78;
    font-weight: 600;
}

/* Style for the label when the radio button is checked */
input[type="radio"]:checked + label {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* Style for side-by-side layout */
.radio-box label {
    margin-right: 10px;
}

/* Style for dropdown container */
.dropdown-outer {
    margin-bottom: 20px;
}

/* Style for dropdown label */
.dropdown-outer label {
    display: block;
    margin-bottom: 20px;
    /*font-size: 20px; */
}

.dropdown-outer label.spec-value .collapse-icon, .dropdown-outer label.option-value .collapse-icon {
	float: right;
    background-color: #de1f26;
    padding: 5px;
}

.fa-chevron-up:before, .fa-chevron-down:before {
    color: white;
}


/* Hide all but the first span initially */
.main-headline__buzzword span.hidden {
    display: none;
}

.main-headline__buzzword span {
    transition: color 0.3s ease, text-decoration 0.3s ease; /* Smooth transition effect */
}

/* Apply styling for the active span */
.main-headline__buzzword span.active {
    color: red; /* Red text color */
    text-decoration: underline; /* Underline */
    animation: showWord 1.5s ease forwards; /* Animation */
}

/* Animation for showing the active span */
@keyframes showWord {
    from {
        color: black; /* Initial color */
        text-decoration: none; /* No underline */
    }
    to {
        color: red; /* Red color */
        text-decoration: underline; /* Underline */
    }
}


/*foote style*/
.footer-outer {
    background-color: #0D4F78;
    /*padding: 40px 0 30px 0;*/
    padding: 60px 0;
}

.footer-outer .list-outer {
    padding: 40px 0;
}

.footer-outer p {
    margin: 0;
}

.footer-outer ul {
    padding: 0;
}

.footer-outer h3 {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 37.8px;
}

ul.even-list, ul.odd-list {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    counter-reset: listItem; 
}

ul.even-list li, ul.odd-list li {
    list-style-type: none;
}

ul.even-list li .row .col-md-1, ul.even-list li .row .col-md-11, ul.odd-list li .row .col-md-1, ul.odd-list li .row .col-md-11 {
    padding: 0;
}

ul.even-list li .col-md-1 span, ul.odd-list li .col-md-1 span {
    display: block;
    padding-right: 1.1px;
    padding-bottom: 1.1px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 600;
    background-color: #de1f26;
}

.red-button-wrapper, .orange-button-wrapper {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
}

.red-button {
    background-color: #d32f2f;
    color: #fff!important;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    border: none;
}

.orange-button {
    background-color: #e87524;
    color: #fff;
    text-decoration: none;
    padding: 10px 110px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    margin-top: 40px;
}

.orange-button-wrapper {
    margin-bottom: 60px;
    margin-top: 40px;
}

.red-button:after {
    content: '';
    background-image: url('/wp-content/themes/wpautozone/images/rightarrow.svg');
    background-repeat: no-repeat;
    /*position: absolute;*/
    width: 12px;
    height: 20px;
    /*right: -4px;
    top: 16px;*/
    margin-left: 10px;
}

.orange-button:after {
    content: '';
    background-image: url('/wp-content/themes/wpautozone/images/rightarrow.svg');
    background-repeat: no-repeat;
    position: absolute;
    width: 27px;
    height: 45px;
    right: 70px;
    top: 15px;
}

/*.footer-bg {
    background-image: url('https://reverent-ishizaka.85-215-107-251.plesk.page/wp-content/uploads/2024/03/9.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
}*/

.section_mod-h .bg-inner {
    background: rgba(0, 0, 0, 1);
    opacity: 0.9;
}


.section-bg_second  {
    background-image: url('/wp-content/uploads/2024/03/AdobeStock_342907671.jpeg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .section-bg .bg-inner {
    padding-top: 110px;
    padding-bottom: 40px;

}

.bg-inner .footer-row {
    text-align: center;
    position: relative;
}

.bg-inner .footer-sidebar-top {
    text-align: center;
    padding-top: 85px;
}
 
.bg-inner .footer-sidebar-top .footer__name {
    margin-top: 32px;
    margin-bottom: 10px;
    padding-right: 4px;
    padding-left: 5px;
    color: rgba(255, 255, 255, .5);
    letter-spacing: .1em;
    margin: 0;
    padding-bottom: 20px;
}

.bg-inner .footer-sidebar-top .footer__text {
    font-size: 16px;
    display: inline-block;
    color: #fff;
}

.bg-inner .col-xs-12 img {
    padding-bottom: 10px;
    width: 100%;
} 

.bg-inner .col-xs-12:after {
    border-bottom: 1px solid #fff;
    content: '';
    position: absolute;
    width: 23%;
    bottom: -20px;
    left: 495px;
}

.decor-1:before {
    border-top: 1px solid #fff;
    content: '';
    position: absolute;
    width: 23%;
    bottom: -25px;
    left: 565px;
}

.footerouter {
    text-align: center;
}

.footerouter ul.footer-sidebar-center {
    display: inline-flex;
    padding-top: 85px;
    list-style-type: none;
    padding-left: 0;
}

.footerouter ul.footer-sidebar-center li.footer__name {
    margin-right: 45px;
    padding: 0;
}

.footerouter ul.footer-sidebar-center li.footer__name {
    margin-top: 32px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .5);
    letter-spacing: .1em;
    display: flex;
}

.footerouter ul.footer-sidebar-center li.footer__name:last-child {
    display: grid;
}


.footerouter ul.footer-sidebar-center .footer__text  {
    font-size: 16px;
    display: inline-block;
    
}

.footerouter ul.footer-sidebar-center a.footer__text {
    color: #dc2d13;
    text-decoration: none;
    font-weight: 700;
    margin-left: 8px;
}

.footerouter ul.footer-sidebar-center span.footer__text {
    color: #dc2d13;
    text-decoration: none;
    font-weight: 700;
    margin-left: 8px;
}

.footerouter ul.footer-sidebar-center a.footer__text:hover {
    text-decoration: underline;
    color: #dc2d13;
}

.footer-sidebar-center li:last-child span {
    font-size: 16px;
    display: inline-block;
    color: #fff !important;
    cursor: default;
}

ul.footer-navigation {
    list-style-type: none;
    display: flex;
    padding: 0;
}

ul.footer-navigation li {
    /*margin-right: 30px;*/
}

ul.footer-navigation li a {
    text-decoration: none;
    border-right: 1px solid #848484;
    color: #848484;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 16px;
}
ul.footer-navigation li:nth-last-child(1) a {
    border-right: none;
}
/*footer style end*/

/*Dropdown Style */ 

.dropdown-outer {
    max-width: 500px;
    margin: 0 auto;
    /*padding: 10px 0;*/
    padding: 20px 0;
}

#km-warning-box {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #000;
  background-color: #de1f26;
  font-weight: 400;
  color: #fff;
  font-size: 17px;
}

#email_address {
    padding: 20px 0;
}

.inner-container {
    max-width: 500px;
    margin: 0 auto;
}

label.selected-label {
    font-size: 25px;
    font-weight: 700;
}

.selected-label {
    display: block; /* Display the label as a block element */
}

.selected-value {
    display: block; /* Display the span as a block element */
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 22px;
}

.preview-inner {
    border: 2px solid #de1f26;
    padding: 20px;
    margin: 15px 0;
    border-radius: 20px;
}

.info-box {
    width: 100%;
    border: 2px solid #0d4f78;
    padding: 10px 20px;
    border-radius: 5px;
}

label.car-dropdown {
    display: block;
    font-family: Open Sans, sans-serif;
    line-height: 1.42857143;
    color: #333;
    margin-bottom: 20px;
}

.dropdown-outer label.required {
    font-weight: 700;
}


.dropdown-outer select {
    height: 42px;
    /*padding: 6px 300px 6px 12px;*/
    width: 100%;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 5px;
    border: 2px solid #0d4f78;
}

.dropdown-outer select:focus {
    border: 2px solid #0d4f78;
}

.dropdown-outer .drop-box {
    background-color: #f8f8f8;
    border: 2px solid #0d4f78;
    font-weight: 600;
    text-align: center;
    padding: 7px 5px;
    border-radius: .1875em;
    cursor: pointer;
    /*margin-bottom: 20px;*/
}

.box-selector.row {
    display: flex;
    flex-wrap: wrap;
}

.dropdown-outer .form-control {
    border: 2px solid #0d4f78;
}

.form-control:focus {
    box-shadow: none;
}

.customhidden{
    display: none;
}
/* Dropdown Style end */
#rating-scale {
    /*margin-top: 20px;*/
}

#rating-scale output#rating-value {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

footer .whatsapp {
    top: auto;
    bottom: 10px;
    right: 10px;
    left: auto;
    position: fixed;
}

footer .whatsapp svg {
    width: 90px;
    height: 90px;
    animation: blink 1.5s infinite;
    animation-play-state: paused;
    animation-play-state: running;
}

#whatsapp-note span{
    font-size: 15px;
}

#whatsapp-note a{
    color: rgb(64,195,81);
    text-decoration: none
}
/* css for fact about us */

.fact-about-us {
    background-size: cover;
    background-position: center;
    /*padding: 40px 20px;*/
    padding: 60px 0;
    position: relative;
    color: #fff;
    text-align: center;
}

.fact-about-us::before {
    content: "";
    background: rgba(0, 0, 0, 0.83); /* Adjust the overlay color and opacity */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fact-about-us .content {
    margin-top: 80px;
    position: relative;
    z-index: 1;
}
.fact-about-us .content h2{
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}
.fact-about-us .content h6{
    margin-top: 40px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.list-progress {
    list-style: none;
    padding: 0;
    margin: 80px 0 ;
    display: flex;
    justify-content: center;
}
.fact-about-us .inner-content {
    margin: 10px 20px
}
li.progress-item{
    background-size: contain;
    background-repeat: no-repeat;
}
.progress-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    border-radius: 8px;
    flex: 1;
    width: 350px;
    height: 122px;
    margin: 0 10px;
    box-sizing: border-box;
    max-width: max-content;
}

.progress-item img {
    margin-top: 10px;
    width: 78px;
    height: 75px;
    margin-bottom: 10px;
}

.progress-item h3 {
    margin: 10px 0 5px;
    font-size: 2em;
}

.progress-item p {
    margin: 0;
    font-size: 1em;
}


.progress-item {
    background: none; 
}


.progress-item:nth-child(1) {
    background-image: url('/wp-content/themes/wpautozone/images/figure0.svg');
}

.progress-item:nth-child(2) {
    background-image: url('/wp-content/themes/wpautozone/images/figure1.svg');
}

.progress-item:nth-child(3) {
    background-image: url('/wp-content/themes/wpautozone/images/figure-3.png');
}

.progress-item {
    background-position: center;
}
span.email-check {
    font-weight: 700;
}
@media(min-width:991px){
footer .whatsapp svg {
    width: 120px;
    height: 120px;
}
}
/* Keyframes for the blink effect */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
@media (max-width: 1400px){
    .text-wrapper{
        font-size: 4.7vw;
    }
}

@media (max-width: 1399px) and (min-width: 1201px) {
    .footerouter ul.footer-sidebar-center li.footer__name {
        margin-right: 40px;
    }

    .bg-inner .col-xs-12:after {
        left: 435px;
    }

    .decor-1:before {
        left: 450px;
    }

}

@media (max-width: 1200px) {

    .footerouter {
        text-align: center;
    }

    .footerouter ul.footer-sidebar-center {
        display: block;
    }

    .footerouter ul.footer-sidebar-center li.footer__name {
        padding: 0;
        margin-right: 0;
        display: block;
    }

    .footer-menu {
        padding-top: 50px;
    }

    footer .section-bg .bg-inner {
        padding: 50px 0;
    }

    .decor-1:before {
        left: 405px;
    }

    .bg-inner .col-xs-12:after {
        left: 350px;
    }
    .fact-about-us .content .list-progress {
        align-items: center;
        flex-direction: column;
    }
    .fact-about-us li.progress-item{
        width: 313px;
        height: 180px;
    }
    .fact-about-us .content .list-progress .progress-item:nth-child(1) {
        background-image: url('/wp-content/themes/wpautozone/images/figure1.svg');
    }
    
    .fact-about-us .content .list-progress .progress-item:nth-child(2) {
        background-image: url('/wp-content/themes/wpautozone/images/figure1.svg');
    }
    
    .fact-about-us .content .list-progress .progress-item:nth-child(3) {
        background-image: url('/wp-content/themes/wpautozone/images/figure1.svg');
    }

}

@media (max-width: 991px) {
    /* .text-wrapper {
        font-size: 50px;
    } */


    .decor-1:before {
        display: none;
    }

    .bg-inner .col-xs-12:after {
       display: none;
    }

}


@media (max-width: 767px) {

    .main-menu img {
        width: 60%;
    }
    .top-key-point .cart-image{
        height: 200px !important;
    }
    .text-wrapper  {
        margin-left: 0!important;
        font-size: 30px;
    }


    ul.even-list li .row .col-md-1, ul.odd-list li .row .col-md-1 {
        width: 10%;
    }

    ul.even-list li .row .col-md-11, ul.odd-list li .row .col-md-11 {
        width: 90%;
    }

    .dropdown-outer {
        max-width: 100%;
        text-align: center;
    }

    .dropdown-outer select {
        padding: 6px 20px;
    }

    .orange-button {
        padding: 10px 46px;
    }

    .orange-button:after {
        right: 0;
    }

    .dropdown-outer .drop-box {
        width: 50%;
    }

    .radio-box {
        display: block;
    }

    .selected-label, .selected-value {
        font-size: 18px !important;
    }
    .image-slot { 
        width: 85% !important;
        height: 250px !important; 
    }
	.checkbox-container input[type="checkbox"] { 
		width: 39px !important; 
		top: 3px;
	}
	.inner_change input[type="checkbox"] {
		width: 34px !important;
		top: 3px;
	}

}

@media (max-width: 590px) {



    .top-key-point .top-key-point-ul p{
        font-size: 18px !important;
    }

    .text-wrapper {
        font-size: 4.7vw;
        margin-left: -110px;
    }
}

/* css for whatsapp */
.container .whatsapp-section p{
    margin: 20px;
}
.container .whatsapp-section p {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
}
.container .whatsapp-section p  span{
    font-size: 25px;
    color: #4CAF50;
}
.container .whatsapp-section .Whatsapp-svg{
    margin: 0px 0px 20px 0px;
}


@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}

h1 {
    font-family: 'Roboto Bold';
    font-size: 40px!important;
}

h2 {
    font-family: 'Roboto Bold';
    font-size: 28px!important;
}

h1 span{
    font-family: 'Roboto Bold'!important;
    font-size: 42px!important;
}

h2 span{
    font-family: 'Roboto Bold';
    font-size: 28px!important;
}

h3, h4, h5, p, span, div, a, li, ul, ol, td, th, strong, em, button, input, label {
    font-family: 'Roboto Regular'!important;
    font-size: 20px!important;
}

/*cookie style*/
.animate__animated p{
    font-size: 13px!important;
}

.whatsapp-section p span {
    font-family: 'Roboto Regular'!important;
    font-size: 28px!important;
}

@media (max-width: 767px) {
    h1 {
        font-family: 'Roboto Bold';
        font-size: 40px!important;
    }

    h2 {
        font-family: 'Roboto Bold';
        font-size: 28px!important;
    }

    h1 span{
        font-family: 'Roboto Bold'!important;
        font-size: 40px!important;
    }

    h2 span{
        font-family: 'Roboto Bold';
        font-size: 28px!important;
    }

    h3, h4, h5, p, span, div, a, li, ul, ol, td, th, strong, em, button, input, label {
        font-family: 'Roboto Regular'!important;
        font-size: 16px!important;
    }

    .whatsapp-section p span {
        font-family: 'Roboto Regular'!important;
        font-size: 29px!important;
    }

    #evaluation_form label {
		font-size: 20px!important;
		letter-spacing: 0px;
	}
}


/*datenschutzerklaerung and impressum*/
.datenschutz-main .container {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Typography */
.datenschutz-main h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.datenschutz-main h2 {
    font-size: 1.8em;
    margin-top: 40px;
    margin-bottom: 10px;
}

.datenschutz-main p {
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.datenschutz-main {
    background-color: #F5F5F5;
    padding: 60px 0;
}

/* Ensure responsive design */
@media (max-width: 768px) {
    .datenschutz-main .container {
        width: 95%;
    }

    .datenschutz-main h1 {
        font-size: 2em;
    }

    .datenschutz-main h2 {
        font-size: 1.5em;
    }
}


/*header logo style*/
.image-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-logo img {
    width: 35%;
    height: auto;
}

.best-service img {
    width: 100%; 
    
}



.btn.btn-primary {
    background-color: #d32f2f!important;
    padding: 15px 30px;
}

footer .footer-pages li {
    list-style: none;
    margin: 0;
    text-align: center;
}

footer .footer-pages ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
}

footer .footer-pages a {

    color: #d32f2f!important;
    text-decoration: none;
    /*border-right: 1px solid #848484;*/
    /*color: #848484;*/
    padding-right: 5px;
    padding-left: 5px;
    font-size: 16px;
}

.footer-pages #menu-footer-menu .menu-item:not(:last-child)::after {
    color: #d32f2f!important;
    content: "|"; / Add the separator /
    margin: 0 5px; / Optional: adjust spacing /

}

.footer-pages ul{
    padding-left: 50px!important;
}

.whatsapp-icon-text {
    text-decoration: none;
}
.whatsapp-icon-text h5.whatsapp-text {
    color: #212529;
}

.red-button-wrapper {
    display: flex;
    justify-content: center;
}

.red-button-wrapper.top-red-button {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 0px!important;
}

.top-key-point-ul li {
    list-style: none;
    position: relative;
    padding-left: 30px; /* Add padding to create space for the icon */
}

.top-key-point-ul li::before {
    content: url('/wp-content/uploads/2024/03/icon-checkmark-white.svg');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;  /* Adjust the size of the icon if necessary */
    height: 20px;
    display: inline-block;
}

.top-key-point .cart-image{
    height: 300px;
}
.top-key-point-ul{
    padding-left: 0;
}
.top-key-point .first-row{
    align-items: center; 
    justify-content: flex-end;
}

#car_make_dropdown .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.top-key-point .top-key-point-ul p{
    font-size: 20px !important;
    line-height: normal;
    font-weight: bold;
}

.whatsapp-section {
    border: 1px solid black; 
    padding-bottom: 15px; 
    margin-top: 15px !important;
    margin: 0 auto;
    max-width: 820px;
}

.dropdown-outer p.main-headline {
    font-size: 25px!important;
    font-weight: bold!important;
}

.inner-container .checkbox-container,
.inner-container .info-container {
    text-align: left;
}

/* For mobile devices (max-width: 767px), show the .best-service image */
@media (max-width: 768px) {

    .top-key-point {
        margin-top: 20px;
    }

    .image-wrapper {
        display: flex; /* Use flexbox to align items horizontally */
        align-items: center;
        justify-content: space-between; /* Optional: Space out the items evenly */
    }

    .top-key-point .first-row{
        align-items: center; 
        justify-content: center;
    }

    .menu-logo img {
        width: 110%;
        height: auto;
    }

    .best-service {
        padding-right: 20px;
    }

    .best-service img {
        float: right;
        width: 60%;
    }

    .footer-outer .list-outer {
        padding: 40px 20px;
    }

    .footer-outer h3 {
        padding-left: 10px;
    }

    /*.footer-pages ul{
        padding-left: 80px!important;
    }*/

    .animated-words span {
        right: 0;
        left: 0;
        bottom: -100%;
        position: absolute;
        opacity: 0;
        overflow: hidden;
        color: #de1f26;
        height: 100%;
        animation: animateWord 9s linear infinite;
        text-decoration: underline;
        top: unset;
    }

    .home-section section.rw-wrapper {
        padding: 0px 0px 40px;
    }

    .top-key-point .top-key-point-ul p{
        font-size: 13px !important;
        line-height: normal;
    }

    footer .footer-pages ul {
        padding: 0!important;
        justify-content: center!important;
    }

}   

#evaluation_form select {
    color: #4CAF50;
}

.whatsapp-button {
    background: #40C351!important;
}

div#image-upload {  
    border-radius: 4px;
    text-align: left;
    padding-left: 5px;
}

div#image-upload-exter { 
    border-radius: 4px;
    text-align: left;
    padding-left: 5px;
}
#car_images {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    max-width: 97%;
}
label.label_under {
    margin: 10px 0;
}
.checkbox-container label {
    align-items: baseline !important;
}

.delete-icon {
    position: absolute;
    top: 0px;
    right: 5px;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    display: none;
}
.image-slot{
    position: relative; 
    width: 48%; 
    height: 200px; 
    border: 1px dashed #aac1f5; 
    margin: 10px auto;
}
button#toggleForm {
    background-color: #fff;
    color: #000 !important;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
    border: 2px solid #000;
    font-size: 28px !important;
    padding: 20px;
	 width: 422px;
	border-radius:100px;
}