@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body, h1, h2, h3, h4, h5, h6, p{font-family: "Rubik", sans-serif;font-optical-sizing: auto;}
.app-header-area{background:#1b1b1b;padding:20px 0;}
.linkwidget a{color:#fff;display:flex;gap:10px;flex-wrap:wrap;}
.linkwidget a span{color:#D4212A;display:block;text-decoration:underline;font-size:17px;}
.header-right-wrap .account-setting .account-satting-active{color:#fff;padding:10px 10px;border:0;}
.header-right-wrap .same-style.cart-wrap button{background:#D4212A;border-color:#D4212A;padding:10px 20px;text-transform:uppercase;font-weight:600;white-space:nowrap;}
.header-right-wrap .same-style.cart-wrap button span.count-style {position: absolute;top: -10px;right: -10px;background-color:#fff;color: #D4212A;font-weight:700;}
.blog-reply-wrapper .blog-form, .clickable-menu, .mt-35 {margin-top:0;}
.header-right-wrap .same-style.cart-wrap, .ml-12{margin-left:20px;}
.clickable-mainmenu .side-logo{}
.clickable-mainmenu{padding: 80px 35px 40px;right:0;left:auto;-webkit-transform: translateX(110%);transform: translateX(110%);}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content, .header-right-wrap .same-style .account-dropdown{top:150%;border-radius:0 0 5px 5px;}
.slider-area {background: url(../img/bg/tires_header5.webp) center center / cover no-repeat;padding-bottom:120px;}
.slider-area h2{color:#fff;font-size:2.5rem;font-weight:600;line-height:normal;margin-bottom:25px;}
.btn-theme{text-transform:uppercase;}
.opening-hours-widget p, .opening-hours-widget p span{display:block;background:transparent;padding:0;font-size:100%;}
.opening-hours-widget p{margin-bottom:30px;}
.grg_name_fitters{display: none;}
@media screen and (max-width:600px){
	.slider-area h2{font-size:2rem;}
	.searchengine_style .form-control{margin-bottom:10px;}
	.reg_outer{margin-bottom:15px;display:inline-block;}
	.range_wrap{flex-wrap:wrap;}
}

.searchengine_style{background:#fff;}
.slider-area .tab-content{background:#fff;border-radius:30px;box-shadow:0 14px 11px 0 rgba(0,0,0,.5);overflow:hidden;}
.slider-area .tab-content .product-tab-list a{width:50%;}
.slider-area .tab-content .product-tab-list a h4{border-top:0;text-align:center;color:#000 !important;background-color:transparent;padding:15px 30px;text-transform:none;font-size:20px;font-weight:600;}
.slider-area .tab-content .product-tab-list a.active h4{background:#fff;border-radius:30px 30px 0 0;color:#000 !important;}
.slider-area .tab-content .product-tab-list{background:rgba(50, 50, 50, .2);}
.slider-area .tab-content .form-control{border:solid 2px #ddd;border-radius:30px;height:50px;padding:10px 20px;}
.plate_wrap{border-radius:30px;padding:0 10px;}
.slider-area .tab-content .btn-theme{border-radius:30px;font-size:19px;}

.range_cartyres{padding:30px 0;background:transparent;}
.range_wrap .content{padding:0;width:88%;}
.range_cartyres h5{color:#555;}
.range_wrap .content p{color:#555;}
.range_cartyres h2{font-weight:400;}
.range_cartyres h3{font-weight:500;color:#000;font-size:22px;}
.range_wrap .image{width:auto;}
.range_wrap .image img{height:120px;}
.range_wrap{flex-wrap:nowrap;}
.contact_element{background:#111;}
.contact_element .right_portion {background: #D4212A;}
.contact_element .connecting-us ul li a {color: #D4212A;}
.contact-widget .telephone{font-size:inherit;}
.footer-widget .footer-list ul li{margin: 0 0 10px;}
.contact-widget{margin-bottom:10px;}
.footer-widget .footer-title h3{margin:0 0 20px;}
.why_choose_element {background:#000;}

/* =========================
FITTER REGISTRATION SECTION
========================= */
.fitter-registration-section {background: linear-gradient(135deg, #121212 0%, #1c1c1c 100%);padding: 70px 20px;position: relative;overflow: hidden;}
.fitter-registration-section::before {content: "";position: absolute;top: -80px;right: -80px;width: 260px;height: 260px;background: rgba(212, 33, 42, 0.08);border-radius: 50%;}
.fitter-registration-section::after {content: "";position: absolute;bottom: -100px;left: -100px;width: 300px;height: 300px;background: rgba(212, 33, 42, 0.05);border-radius: 50%;}
.fitter-registration-container {max-width: 1280px;margin: 0 auto;display: grid;grid-template-columns: 1.25fr 0.85fr;gap: 40px;align-items: center;position: relative;z-index: 1;}
.fitter-registration-left {color: #fff;}
.fitter-eyebrow {font-size: 13px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #d4212a;margin-bottom: 14px;}
.fitter-registration-left h2 {font-size: 46px;line-height: 1.1;margin: 0 0 18px;font-weight: 800;color: #ffffff;}
.fitter-description {font-size: 17px;line-height: 1.8;color: #d4d4d4;max-width: 720px;margin-bottom: 28px;}
.fitter-benefits {display: grid;grid-template-columns: repeat(2, minmax(220px, 1fr));gap: 16px 22px;}
.fitter-benefit {background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.08);color: #ffffff;padding:6px 16px;border-radius: 12px;font-size: 15px;line-height: 1.5;transition: transform 0.25s ease, border-color 0.25s ease;display:flex;gap:10px;align-items:center;}
.fitter-benefit:hover {transform: translateY(-2px);border-color: rgba(212, 33, 42, 0.55);}
.fitter-benefit i{font-size:1.5rem;color:#d4212a;}
.fitter-registration-card {background: #ffffff;border-radius: 20px;padding: 34px 30px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);border-top: 5px solid #d4212a;}
.fitter-card-badge {display: inline-block;background: rgba(212, 33, 42, 0.12);color: #d4212a;font-size: 13px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;padding: 8px 12px;border-radius: 999px;margin-bottom: 18px;}
.fitter-registration-card h3 {font-size: 28px;line-height: 1.25;color: #111;margin: 0 0 14px;font-weight: 800;}
.fitter-registration-card p {color: #555;font-size: 16px;line-height: 1.7;margin-bottom: 24px;}
.fitter-register-btn {display: inline-flex;align-items: center;justify-content: center;width: 100%;min-height: 54px;background: #d4212a;color: #fff;font-size: 16px;font-weight: 700;border-radius: 10px;text-decoration: none;transition: background 0.25s ease, transform 0.25s ease;margin-bottom: 14px;}
.fitter-register-btn:hover {background: #000;transform: translateY(-1px);color:#fff;}
.fitter-secondary-link {display: inline-block;color: #111;font-size: 15px;font-weight: 600;text-decoration: none;border-bottom: 1px solid rgba(17, 17, 17, 0.3);padding-bottom: 2px;}
.fitter-secondary-link:hover {color: #d4212a;border-color: #d4212a;}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 1024px) {
.fitter-registration-container {grid-template-columns: 1fr;}
.fitter-registration-left h2 {font-size: 38px;}
.fitter-registration-card {max-width: 620px;}
}

@media (max-width: 768px) {
  .fitter-registration-section {padding: 56px 16px;}
  .fitter-registration-left h2 {font-size: 32px;}
  .fitter-description {font-size: 16px;}
  .fitter-benefits {grid-template-columns: 1fr;}
  .fitter-registration-card {padding: 28px 22px;}
  .fitter-registration-card h3 {font-size: 24px;}
}
@media (max-width: 480px) {
  .fitter-registration-left h2 {font-size: 28px;}
  .fitter-registration-card h3 {font-size: 22px;}
  .fitter-description,.fitter-registration-card p {font-size: 15px;}
}
.contact_element .right_portion .contact_form .contact_item label{font-weight:bold;display:block;font-size:18px;}
.contact_element .right_portion .contact_form .contact_item .text-red{color:#d4212a;}

 :root{  --primary: #e31e24;  --primary-dark: #b81218;  --dark: #111111;  --text: #2d2d2d;  --muted: #6f7683;  --soft-bg: #f4f5f7;  --white: #ffffff;  --border: rgba(0,0,0,0.08);  --shadow: 0 25px 60px rgba(0, 0, 0, 0.12);  --radius-xl: 28px;  --radius-lg: 20px;  --radius-md: 14px;}
/* ===============================
   CONTACT PREMIUM SECTION
================================= */
.contact-premium-section{padding: 90px 0;position: relative;overflow: hidden;}
.contact-premium-section::before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;background: radial-gradient(circle, rgba(227,30,36,0.16) 0%, rgba(227,30,36,0) 70%);border-radius:50%;pointer-events:none;}
.contact-premium-section::after{content:"";position:absolute;bottom:-140px;left:-120px;width:340px;height:340px;background: radial-gradient(circle, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 70%);border-radius:50%;pointer-events:none;}
.contact-card{background: rgba(255,255,255,0.9);backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.55);border-radius: var(--radius-xl);box-shadow: var(--shadow);overflow: hidden;position: relative;}
/* ===============================
LEFT PANEL
================================= */
.contact-info-panel{height: 100%;background:linear-gradient(180deg, rgba(227,30,36,0.96) 0%, rgba(184,18,24,0.98) 100%);color: var(--white);padding: 50px 34px;position: relative;overflow: hidden;}
.contact-info-panel::before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-70px;border-radius:50%;background: rgba(255,255,255,0.08);}
.contact-info-panel::after{content:"";position:absolute;width:160px;height:160px;left:-60px;bottom:-60px;border-radius:50%;background: rgba(255,255,255,0.06);}
.contact-badge{display:inline-flex;align-items:center;gap:8px;background: rgba(255,255,255,0.14);border: 1px solid rgba(255,255,255,0.18);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:22px;backdrop-filter: blur(8px);}
.contact-title{font-size: 2.2rem;line-height: 1.15;font-weight: 800;margin-bottom: 16px;}
.contact-desc{color: rgba(255,255,255,0.86);font-size: 15px;line-height: 1.8;margin-bottom: 34px;}
.contact-info-list{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2;}
.contact-info-item{display:flex;align-items:flex-start;gap:16px;padding:18px 16px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);border-radius: 18px;backdrop-filter: blur(10px);transition: 0.3s ease;}
.contact-info-item:hover{transform: translateY(-3px);background: rgba(255,255,255,0.12);}
.icon-box{min-width:54px;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.18);font-size:20px;color:#fff;}
.info-text span{display:block;font-size:13px;color: rgba(255,255,255,0.75);margin-bottom:6px;font-weight:500;letter-spacing:0.2px;}
.info-text a,.info-text p{color:#fff;text-decoration:none;font-size:16px;line-height:1.6;margin:0;font-weight:600;word-break: break-word;}
.info-text a:hover{color:#fff;opacity:0.9;}
.contact-social{display:flex;align-items:center;gap:12px;margin-top:32px;position:relative;z-index:2;}
.contact-social a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background: rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.16);transition:0.3s ease;}
.contact-social a:hover{background:#fff;color:var(--primary);transform: translateY(-2px);}
/* ===============================
RIGHT PANEL
================================= */
.contact-form-panel{height:100%;padding: 50px 46px;background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);}
.contact-form-header{margin-bottom: 28px;}
.mini-tag{display:inline-block;font-size:13px;font-weight:700;color: var(--primary);background: rgba(227,30,36,0.08);padding:8px 14px;border-radius:999px;margin-bottom:14px;}
.contact-form-header h3{font-size: 2rem;font-weight: 800;color: var(--dark);margin-bottom: 10px;}
.contact-form-header p{color: var(--muted);font-size: 15px;line-height: 1.8;max-width: 650px;margin: 0;}

/* ===============================
FORM STYLING
================================= */
.premium-contact-form .input-group-box{display:flex;flex-direction:column;}
.premium-contact-form label{font-size:14px;font-weight:700;color: #222;margin-bottom:10px;}
.premium-contact-form .form-control{height: 58px;border-radius: 16px;border: 1px solid var(--border);background: #f9fafb;padding: 14px 18px;font-size: 15px;color: #222;box-shadow: none;transition: all 0.3s ease;}
.premium-contact-form textarea.form-control{min-height: 170px;resize: none;padding-top: 16px;}
.premium-contact-form .form-control:focus{border-color: rgba(227,30,36,0.45);background: #fff;box-shadow: 0 0 0 4px rgba(227,30,36,0.08);}
.premium-contact-form .form-control::placeholder{color: #9aa1ad;}
/* ===============================
BOTTOM BAR
================================= */
.contact-bottom-bar{margin-top: 8px;background: #f5f6f8;border: 1px solid rgba(0,0,0,0.06);border-radius: 22px;padding: 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.response-time{display:flex;align-items:center;gap:14px;}
.response-icon{width:52px;height:52px;border-radius:16px;background: rgba(227,30,36,0.1);color: var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;}
.response-time strong{display:block;color:#111;font-size:15px;margin-bottom:2px;}
.response-time p{margin:0;color:var(--muted);font-size:14px;}
/* ===============================
BUTTON
================================= */
.premium-btn{border:none;outline:none;min-width: 220px;height: 58px;border-radius: 16px;padding: 0 26px;background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow: 0 14px 35px rgba(227,30,36,0.28);transition: all 0.3s ease;}
.premium-btn:hover{transform: translateY(-2px);box-shadow: 0 18px 38px rgba(227,30,36,0.32);}
.premium-btn i{transition: transform 0.3s ease;}
.premium-btn:hover i{transform: translateX(3px);}

/* ===============================
RESPONSIVE
================================= */
@media (max-width: 1199px){
.contact-title{font-size: 1.9rem;}
.contact-form-header h3{font-size: 1.75rem;}
}

@media (max-width: 991px){.contact-premium-section{padding:70px 0;}
.contact-info-panel,.contact-form-panel{padding: 36px 24px;}
.contact-title{max-width: 100%;}
.contact-desc{max-width: 100%;}
}
@media (max-width: 767px){.contact-premium-section{padding: 55px 0;}
.contact-card{border-radius: 22px;}
.contact-title{font-size: 1.7rem;}
.contact-form-header h3{font-size: 1.5rem;}
.contact-form-panel{padding: 30px 18px;}
.contact-info-panel{padding: 30px 18px;}
.premium-contact-form .form-control{height: 52px;border-radius: 14px;}
.premium-contact-form textarea.form-control{min-height: 140px;}
.contact-bottom-bar{padding: 16px;}
.premium-btn{width: 100%;min-width: 100%;}
.response-time{width:100%;}
}