/* Theme Name: Macchina Theme URI: https://Macchina.vamtam.com Text Domain: macchina Description: The Ultimate Niche WordPress Theme for Garages and Mechanics Author: VamTam Author URI: https://vamtam.com Update URI: https://updates.api.vamtam.com Version: 11.3 License: Envato License URI: https://themeforest.net/licenses Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready */ input, select {background: transparent !important;} #main-content a {color: #fff;} #main-content a:hover {color: #d4d4d4;} #page .our-blogs {padding: 70px 0 80px;} #page .our-blogs h2 {text-align: center;margin-bottom: 30px;font-size: 45px;font-weight: 700;} #page .blog-content {padding: 16px 21px 24px;} #page .blog-inner img {height: 260px;width: 100%;object-fit: cover;} #page .blog-content h4 {font-size: 22px;line-height: 32px;font-weight: bold;} #page .blog-content p {font-size: 18px;line-height: 28px;color: #fff;margin: 0 auto 10px;} #page .blog-content a {background: #AC3FFC;color: #fff;padding: 10px 20px;border-radius: 6px;display: inline-block;font-weight: 600;text-decoration: none;} #page .blog-content h5 {font-size: 12px;margin: 0 auto 15px;} #page .blog-inner {box-shadow: 0 0 10px #ddd;border-radius: 12px;padding: 12px;} #page .blog-inner {box-shadow: 0 0 10px #ddd;border-radius: 12px;padding: 0;position: relative;overflow: hidden;} #page .blog-inner span.numbering {width: 45px;height: 45px;position: absolute;top: 13px;display: flex;background: #fff;border-radius: 100px;font-size: 22px;font-weight: 700;left: 13px;justify-content: center;align-items: center;color: #000;} #page .blo-page-outer {padding: 80px 0 40px;} #page .blo-page-outer .row {align-items: center;border: 1px solid #ddd;border-radius: 10px;padding: 40px;} #page .blo-page-outer .row .col-md-5 {padding: 0;} #page .top-blog-right img {border-radius: 17px;width: 100%;height: 390px;object-fit: cover;} #page .top-blog-left h4 {font-size: 37px;font-weight: 700;} #page .top-blog-left p {font-size: 18px;margin: 0;line-height: 28px;} #page .top-blog-left {padding-right: 130px;} #page .top-blog-left a {color: #fff;text-decoration: none;} #page .top-blog-left span {width: 65px;height: 65px;margin-bottom: 35px;display: flex;background: #f9eaa2;border-radius: 100px;font-size: 22px;font-weight: 700;left: 13px;justify-content: center;align-items: center;color: #000;} #page .blog-lisitng-page {padding-bottom: 70px;} #page .blog-lisitng-page .blog-inner {margin: 15px 0;} .elementor-widget-container ul {list-style: inside;} .elementor-form .elementor-form-fields-wrapper .elementor-select-wrapper select {background: transparent !important;margin: 0 auto 0 !important;color: #c7c7c7;} .elementor-form .elementor-form-fields-wrapper .elementor-select-wrapper select option {color: #171616;} /* Modal CSS */ #globalModal {display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;} #globalModal .custom-modal-content {background: #fff;padding: 20px 30px 30px;border-radius: 2px;max-width: 600px;width: 90%;position: relative;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);animation: fadeIn 0.3s ease;} #globalModal .custom-modal-close {position: absolute;top: -15px;right: -10px;font-size: 28px;line-height: 28px;font-weight: normal;color: #000;cursor: pointer;background-color: #AC3FFC;border-radius: 50%;padding: 6px 12px;text-align: center;} #globalModal .custom-modal-close:hover {background-color: #000;color: #fff;} #globalModal form .cstm_lform_heading h4 {color: #000;font-size: 30px;line-height: 50px;font-weight: 600;margin: 0 auto 20px;text-transform: capitalize;} #globalModal form .form-group input, #globalModal form .form-group select {border: 1px solid #000;border-radius: 10px;padding: 0 15px;font-size: 16px;line-height: normal;font-family: Poppins, sans-serif;} #globalModal form .form-group.half {display: flex;align-items: center;justify-content: space-between;margin: 0 auto;width: 100%;} #globalModal form .form-group.half .left {margin-right: 20px;} #globalModal form .form-group select {margin-bottom: 0 !important;} #globalModal form .form-group:last-child p {position: relative;margin: 10px auto 0;display: flex;align-items: center;justify-content: center;flex-direction: column;} #globalModal form .form-group:last-child p .wpcf7-spinner {position: absolute;right: 0;} #globalModal form .form-group:last-child input {width: 100%;border: none;padding: 15px 10px;border-radius: 2px;background: #AC3FFC !important;color: #fff;} #globalModal form .form-group .wpcf7-not-valid-tip {font-size: 12px;line-height: 22px;} #globalModal form .wpcf7-response-output {margin: 10px auto 0;padding: 0 5px;color: #9637dc;} @keyframes fadeIn {from {opacity: 0;transform: scale(0.9);}to {opacity: 1;transform: scale(1);}} #old_test, section.elementor-section.elementor-top-section.elementor-element.elementor-element-a2486e8.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {display: none;} #cstm_review_sec {position: relative;padding: 60px 0;} #cstm_review_sec .cstm_review_left {padding: 0 0 0 160px;} #cstm_review_sec .cstm_review_right {padding: 0;} #cstm_review_sec:before {content: '';position: absolute;top: 0;left: -70px;background: url('/wp-content/uploads/2025/07/Customer-reviews-shape.png') no-repeat;width: 100%;height: 100%;background-position: top left;background-size: contain;} #cstm_review_sec:after {content: '';position: absolute;background: url('/wp-content/uploads/2025/07/mustang-right.png') no-repeat;background-size: contain;width: 50%;height: 50%;bottom: -50px;left: 130px;z-index: -1;} #cstm_review_sec .cstm_review_left .elementor-icon-list-item {display: flex;align-items: center;justify-content: flex-start;} #cstm_review_sec .cstm_review_left .elementor-icon-list-icon svg {width: 36px;height: 14px;} #cstm_review_sec .cstm_review_left .elementor-icon-list-icon svg path {fill: #fff !important;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box {background-color: #3C1A9B;padding: 30px 200px 30px 100px;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box .elementor-icon-box-icon svg {width: 116px;height: 27px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box .elementor-icon-box-icon svg path {fill: #fff !important;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2) {width: 90%;right: -10%;padding: 30px 150px 30px 100px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {width: 80%;right: -20%;padding: 30px 60px 30px 100px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box .elementor-icon-box-description {text-align: right;} #cstm_wtcta {margin: 0 auto -250px;} #cstm_wtcta .elementor-widget-text-editor p {width: 800px;} #main-footer {position: relative;z-index: 99;} #cstm_why_choose {position: relative;} #cstm_why_choose_con .elementor-widget-icon-box {border-bottom: 1px solid #fff;padding-bottom: 20px;} #cstm_why_choose_con .elementor-widget-icon-box:last-child {border: none;padding-bottom: 0;} #cstm_why_choose_con .elementor-widget-icon-box h4 {margin-top: 0;} #cstm_why_choose_img {position: absolute;right: 0;} /* Responsive CSS */ @media(min-width:1600px){ #cstm_why_choose {overflow: hidden;margin: 0 auto 60px;} } @media (min-width: 1024px) and (max-width: 1200px) { #cstm_review_sec:before {left: -200px;} #cstm_review_sec:after {bottom: -100px;left: 70px;} #cstm_review_sec .cstm_review_left h2 {font-size: 32px;line-height: 42px;margin: 0 auto 50px;} #cstm_review_sec .cstm_review_left h3 {font-size: 140px;line-height: 140px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box, #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2), #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {padding: 15px 20px 10px 60px;} } @media(max-width: 1399.98px) { #page .top-blog-left h4 {font-size: 30px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box, #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2), #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {padding: 20px 40px 20px 80px;} #cstm_review_sec .cstm_review_left {padding: 0 0 0 80px;} #cstm_review_sec .cstm_review_left h2 {font-size: 36px;line-height: 46px;} #cstm_review_sec .cstm_review_left h3 {font-size: 165px;line-height: 165px;} #cstm_review_sec:after {bottom: -70px;} } @media(max-width: 1199.98px) { #page .top-blog-left {padding-right: 50px;} #page .top-blog-left h4 {font-size: 26px;} } @media(max-width: 1024.98px) { #cstm_review_sec {padding: 0 0 60px;} #cstm_review_sec:before, #cstm_review_sec:after {content: none;} #cstm_review_sec .cstm_review_left {padding: 60px 50px;position: relative;} #cstm_review_sec .cstm_review_left:before {content: '';position: absolute;top: 0;left: 0;background: url('/wp-content/uploads/2025/07/Customer-reviews-shape.png') no-repeat;width: 100%;height: 100%;background-position: top left;background-size: contain;} #cstm_review_sec .cstm_review_left:after {content: '';position: absolute;background: url('/wp-content/uploads/2025/07/mustang-right.png') no-repeat;background-size: contain;width: 50%;height: 50%;bottom: -80px;left: 180px;z-index: -1;} #cstm_review_sec .cstm_review_left h2 {font-size: 30px;line-height: 40px;} #cstm_review_sec .cstm_review_left h3 {font-size: 200px;line-height: 200px;margin: 0 auto 150px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box, #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2), #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {padding: 20px 50px 20px 120px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box {width: 95%;right: -5%;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2) {width: 85%;right: -15%;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {width: 75%;right: -25%;} #cstm_wtcta {margin: 30px auto -110px;} } @media(max-width: 991.98px) { #page .blo-page-outer {padding: 50px 0 30px;} #page .blo-page-outer .row {padding: 15px;} #page .top-blog-left h4, #page .blog-content h4 {font-size: 20px;line-height: 30px;} #page .blog-lisitng-page {padding-bottom: 50px;} #cstm_wtcta .elementor-widget-text-editor p {width: 650px;} } @media(max-width: 767.98px) { #page .blo-page-outer {padding: 30px 10px 15px;} #page .blo-page-outer .row {padding: 20px 10px;} #page .top-blog-left span {width: 55px;height: 55px;margin-bottom: 25px;font-size: 18px;} #page .blog-lisitng-page {padding-bottom: 35px;} #page .blog-lisitng-page .col-md-4 {width: 100%;} #page .blog-content {padding: 14px 17px 17px;} #page .top-blog-left {padding-right: 0;padding-bottom: 18px;} #page .blog-inner {margin: 10px 0;} #page .our-blogs h2 {margin-bottom: 20px;font-size: 27px;} #page .our-blogs {padding: 30px 0 20px;} #page .top-blog-left p, #page .blog-content p {font-size: 16px;line-height: 26px;} #globalModal .custom-modal-content {max-width: 450px;padding: 10px 15px 20px;} #globalModal .custom-modal-close {top: -15px;right: -12px;font-size: 22px;line-height: 22px;padding: 5px 10px;} #globalModal form .cstm_lform_heading h4 {font-size: 24px;line-height: 34px;margin: 0 auto 10px;} #globalModal form .form-group input, #globalModal form .form-group select {border-radius: 5px;padding: 0 10px;font-size: 14px;} #globalModal form .form-group:last-child p {margin: 0 auto 0;} #cstm_review_sec .cstm_review_left {padding: 40px 35px;} #cstm_review_sec .cstm_review_left:after {height: 40%;bottom: -10px;left: 140px;} #cstm_review_sec .cstm_review_left h2 {font-size: 26px;line-height: 36px;} #cstm_review_sec .cstm_review_left h3 {font-size: 170px;line-height: 170px;margin: 0 auto 120px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box, #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2), #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {padding: 20px 30px 15px 80px;} #cstm_wtserv img {margin: 0 auto;} #cstm_wtcta {margin: 40px auto -30px;} #cstm_wtcta .elementor-widget-text-editor p {width: 100%;} #cstm_why_choose_img {position: unset;} } @media(max-width: 575.98px) { #globalModal .custom-modal-content {max-width: 270px;} #globalModal .custom-modal-close {top: -12px;} #globalModal form .cstm_lform_heading h4 {font-size: 20px;line-height: 30px;} #cstm_review_sec .cstm_review_left {padding: 30px 25px;} #cstm_review_sec .cstm_review_left h2 {font-size: 22px;line-height: 32px;} #cstm_review_sec .cstm_review_left h3 {font-size: 100px;line-height: 120px;margin: 0 auto 80px;} #cstm_review_sec .cstm_review_left:after {height: 25%;bottom: 0;left: 130px;} #cstm_review_sec .cstm_review_right .elementor-widget-icon-box, #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(2), #cstm_review_sec .cstm_review_right .elementor-widget-icon-box:nth-child(3) {padding: 15px 30px 10px 50px;width: 98%;right: -2%;} #cstm_wtcta {margin: 30px auto -30px;} } .whatsapp { position: fixed; right: 28px; bottom: 120px; height: 50px; width: 50px; z-index: 999; img { width: 100%; height: 100%; } } .footer-button { display: none; } @media (max-width: 456px) { .footer-button { display: block; position: fixed; bottom: 0; left: 0; width: 100%; display: grid; grid-template-columns: 50% 50%; align-items: center; background: floralwhite; z-index: 999999; } .footer-a-tag { text-transform: uppercase; text-align: center; padding: 10px; font-weight: 600; } .footer-buttom { color: #ffffff !important; font-size: 14px; } #globalModal form .form-group.half { display: unset; } #globalModal form .form-group.half .left { margin-right: 0px; } .whatsapp { right: 21px; bottom: 125px; height: 60px; width: 60px; } } /* Main form wrapper */ .cstm_lform_wrapper-one { display: flex; flex-wrap: wrap; gap: 15px; } /* Common form-group */ .cstm_lform_wrapper-one .form-group { width: 100%; } /* Half-width fields (2 per row) */ .cstm_lform_wrapper-one .form-group.half { display: flex; gap: 15px; width: 100%; } .cstm_lform_wrapper-one .form-group.half .left, .cstm_lform_wrapper-one .form-group.half .right { width: 50%; } /* Email + Service row (2 columns) */ .cstm_lform_wrapper-one .form-group.email-service { display: flex; gap: 15px; } .cstm_lform_wrapper-one .form-group.email-service > * { width: 50%; } /* Inputs styling */ .cstm_lform_wrapper-one input, .cstm_lform_wrapper-one select, .cstm_lform_wrapper-one textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; color:#ffffff !important; font-size: 14px; border-bottom:2px solid white !important; } .cstm_lform_wrapper-one input::placeholder{ color:#ffffff; } .cstm_lform_wrapper-one textarea{ background:#171616 !important; color:#ffffff; } .cstm_lform_wrapper-one textarea::placeholder{ background:#171616 !important; color:#ffffff; padding-left:0px !important; } .cstm_lform_wrapper-one select{ background:#171616 !important; padding-left:0px !important; border-top:none; border-left:none; border-right:none; border-radius:0; } /* Submit button */ .cstm_lform_wrapper-one input[type="submit"] { background: #ac3ffc !important; color: #fff; border: none; padding: 14px; font-size: 15px; cursor: pointer; border-radius: 6px; } .cstm_lform_wrapper-one input[type="submit"]:hover { background: #000; } /* 📱 Mobile Responsive */ @media (max-width: 768px) { .cstm_lform_wrapper-one .form-group.half { flex-direction: column; } .cstm_lform_wrapper-one .form-group.half .left, .cstm_lform_wrapper-one .form-group.half .right, .cstm_lform_wrapper-one .form-group.email-service > * { width: 100%; } .cstm_lform_wrapper-one .form-group.email-service { flex-direction: column; } }