:root {
     --primary-color: #1565c0;
     --primary-dark: #0d47a1;
     --secondary-color: #eceff1;
     --background: #f5f7fa;
     --white: #ffffff;
     --black: #263238;
     --gray: #b0bec5;
     --gray-light: #f0f4f8;
     --gray-dark: #607d8b;
     --star: #ffd600;
     --footer-bg: #263238;
     --footer-text: #eceff1;
     --accent: #25D366;
     --border-radius: 16px;
     --transition: 0.2s;
     --font-main: 'Lato', sans-serif;
}
.google-tag{
     height: 0;
     width: 0;
display:none; 
visibility:hidden
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
     font-family: var(--font-main);
     line-height: 1.6;
     background-color: var(--background);
}
a, ul li a { text-decoration: none; }
ul, ul li { list-style: none; padding: 0; }
.uj-whte-ul li {
     color: #111;
     font-size: 16px;
     font-weight: 400;
}
.rolling-banner {
    width: 100%;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    margin: 12px 0px;
}
.rolling-text {
    white-space: nowrap;
    display: inline-block;
    padding-left: 100%;
    animation: rollingTextAnim 15s linear infinite;
}
@keyframes rollingTextAnim {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.my-nav { width: 1200px; margin: 0 auto; }
.nav-one {
     width: 100%; height: 80px; background-color: var(--black);
     border-radius: 0 0 var(--border-radius) var(--border-radius);
     display: flex; margin-bottom: 16px; padding: 8px 16px;
}
.uj-logo { width: 60px; height: 60px; transition: transform var(--transition) ease; }
.uj-logo:hover { transform: scale(1.1); }
.nav-hdng {
     padding: 0 16px; font-size: 20px; font-weight: 600; color: var(--white);
     transition: color var(--transition) ease;
}
.nav-hdng:hover { background-color: var(--primary-color); border-radius: var(--border-radius); }
.serh-box-product-menu { width: 60%; padding: 8px 16px; height: 80px; display: flex; color: var(--white); }
.srch-bar { margin-top: 40px; width: 100%; display: flex; column-gap: 40px; }
.srch-img-text {
     width: 60%; height: 120px; padding: 8px 16px; border-radius: var(--border-radius);
     background-color: var(--secondary-color); display: flex; justify-content: space-between;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); transition: box-shadow var(--transition);
}
.srch-img-text:hover { box-shadow: 0 4px 16px rgba(147, 0, 18, 0.15); }
.img-text-link {
     display: flex; flex-direction: column; align-items: center;
     transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
     padding: 0 8px; border-radius: var(--border-radius);
}
.img-text-link:hover {
     transform: scale(1.05); background-color: var(--primary-color);
     box-shadow: 0 2px 8px rgba(147, 0, 18, 0.12);
}
.serv-img {
     width: 50px; height: 50px; border-radius: 50%; border: 1.5px solid var(--primary-color);
     background: linear-gradient(135deg, var(--primary-color) 60%, var(--primary-dark) 100%);
     display: block; margin: 0 auto;
     transition: box-shadow var(--transition), border-color var(--transition);
     box-shadow: 0 2px 8px rgba(147, 0, 18, 0.08);
}
.img-text-link:hover .serv-img {
     border-color: var(--white);
     box-shadow: 0 4px 16px rgba(255, 255, 255, 0.18);
     animation: rotate-border 1.2s linear infinite;
}
@keyframes rotate-border { 0% { transform: rotate(0deg);} 100% { transform: rotate(8deg);} }
.spannn {
     color: #222; font-size: 14px; font-weight: 500; text-align: center; margin-top: 4px;
     transition: color var(--transition), font-weight var(--transition);
}
.img-text-link:hover .spannn { color: var(--gray-light); }
.new-nav-box-search { width: 100%; height: 120px; display: flex; margin-bottom: 24px; column-gap: 40px; }
.all-srch {
     width: 40%; display: flex; align-items: center; padding: 0 16px;
     justify-content: flex-end; position: relative; background-color: var(--black);
     border-radius: var(--border-radius); column-gap: 16px;
}
.text-search { display: flex; }
.text-search input[type="text"] {
     padding: 8px 12px; border: 1px solid var(--gray); border-radius: var(--border-radius) 0 0 var(--border-radius);
     outline: none; font-size: 14px; background-color: var(--white); color: var(--primary-color);
}
.text-search button {
     background: var(--primary-color); border: none; color: var(--white); padding: 8px 16px;
     border-radius: 0 var(--border-radius) var(--border-radius) 0; cursor: pointer; font-size: 18px;
     transition: background var(--transition);
}
.text-search button:hover { background: var(--primary-dark); }
.search-results {
     position: absolute; top: 112px; left: 0; width: 100%; background: var(--secondary-color);
     border-radius: 0 0 8px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.08); z-index: 100;
     display: none; max-height: 220px; overflow-y: auto;
}
.search-result-item {
     padding: 8px 16px; cursor: pointer; border-bottom: 1px solid var(--white);
     color: var(--primary-color); display: flex; align-items: center; font-size: 16px;
}
.search-result-item:last-child { border-bottom: none; }
.search-result-item:hover { font-size: 17px; color: var(--primary-dark); }
.voice-search-container {
     display: flex; align-items: center; justify-content: center; background: var(--white);
     border-radius: 50%; width: 36px; height: 36px;
     box-shadow: 0 2px 8px rgba(147,0,18,0.08); position: relative; transition: box-shadow var(--transition);
}
.wave-circle {
     position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; border-radius: 50%;
     background: var(--white); opacity: 0.5; transform: translate(-50%, -50%) scale(1); opacity: 0;
     animation: wavePulse 1.5s linear;
}
@keyframes wavePulse {
     0% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }
     70% { opacity: 0.3; }
     100% { transform: translate(-50%, -50%) scale(2.2); opacity: 0; }
}
.navbar-bottom { display: flex; justify-content: center; }
.bottom-nav {
     position: fixed; width: 800px; bottom: 0; background-color: var(--black);
     box-shadow: 0px -5px 8px 0px rgba(90, 90, 90, 0.6);
     display: flex; justify-content: space-around; align-items: center; padding: 16px 0 8px 0;
     border-radius: var(--border-radius) var(--border-radius) 0 0; z-index: 1001;
}
.bottom-nav a, .bottom-nav a span {
     color: var(--white); text-decoration: none; text-align: center; text-transform: uppercase;
     display: block; font-size: 12px; transition: color var(--transition) ease;
}
.crcle-hvr {
     width: 80px; height: 80px; color: var(--white); background-color: var(--black);
     border-radius: 50%; text-align: center; transition: transform var(--transition), background-color var(--transition);
}
.crcle-hvr:hover { transform: scale(1.2); background-color: var(--primary-dark); }
.trecsion { font-size: 14px; color: var(--white); }
.botttom-nav-img { width: 40px; height: 40px; }
.whts-btn { position: fixed; right: 80px; bottom: 20px; z-index: 8999; }
.whatsapp-float-btn {
     background: var(--accent); color: var(--gray-light); border-radius: 50%; width: 54px; height: 54px;
     display: flex; align-items: center; justify-content: center; font-size: 28px;
     box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: background var(--transition); text-decoration: none;
}
.whatsapp-float-btn:hover { background: #075e54; color: var(--gray-light); }
.container-main { width: 1200px; margin: 0 auto; }
.container-one, .container-ac, .container-two, .container-three {
     width: 100%; column-gap: 40px; display: flex; margin-top: 40px;
}
.container-ac { margin-bottom: 32px; }
.container-one-1 {
     width: 60%; background-color: var(--secondary-color); padding: 16px;
     border-radius: var(--border-radius); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.top-hdng { font-size: 24px; font-weight: 600; color: #2b2b2b; }
.top-pera { font-size: 16px; font-weight: 400; color: #111; margin-bottom: 8px; }
.container-img-text { display: flex; column-gap: 40px; padding: 12px 0; }
.cont-ac-img-text {
     width: 164px; border-radius: 8px; padding: 12px; border: 0.1px solid var(--gray);
     transition: transform var(--transition), box-shadow var(--transition);
}
.cont-ac-img-text:hover {
     transform: scale(1.02); border: 0.1px solid var(--primary-color);
     box-shadow: 0 4px 16px rgba(147, 0, 18, 0.15);
}
.ac-img {
   width: 100%;
   height: 96px;
     border-radius: 8px;
}
.ac-img-2 {
     width: 100%;
     height: 96px;
     border-radius: 8px;
}

.batch { position: relative; display: inline-block; }
.batch-label {
     position: absolute; top: 0; right: -16px; background: var(--primary-color); color: var(--gray-light);
     font-size: 12px; padding: 4px 10px; border-radius: var(--border-radius); font-weight: 600; z-index: 2;
     box-shadow: 0 8px 10px rgba(0,0,0,0.08);
}
.scrol-efct { scroll-behavior: smooth; transition: all var(--transition); }
.main-hdng { height: 52px; margin-top: 8px; font-size: 16px; font-weight: 600; color: #2b2b2b; }
.main-pera { margin-top: 8px; font-size: 14px; font-weight: 400; color: #111; }
#popup { display: none; }
.popup {
     display: none; position: fixed; inset: 0; width: 100%; height: 100%;
     background-color: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 1000;
     transition: transform 0.5s;
}
.popup-content {
     background: var(--gray-light); padding: 16px; border-radius: 8px; width: 480px; position: relative;
     box-shadow: 0 4px 16px rgba(147, 0, 18, 0.15);
}
.pop-hdng { font-size: 16px; font-weight: 600; color: #2b2b2b; }
.pop-pera- { margin-top: 12px; font-size: 14px; font-weight: 400; color: #2b2b2b; }
.pop-visit-price { margin-left: 4px; font-size: 12px; font-weight: 500; color: #555; }
.popup .close {
     position: absolute; top: -10px; right: -10px; font-size: 24px; cursor: pointer; color: var(--gray-dark);
     background-color: var(--gray-light); border: 1px solid var(--gray-dark); border-radius: 50%;
     width: 32px; height: 32px; display: flex; justify-content: center; align-items: center;
}
body.popup-active { overflow: hidden; }
.close:hover { color: var(--primary-dark); border-color: var(--primary-dark); }
.container-prnts-pop { display: flex; column-gap: 20px; align-content: center; }
.child-pop-1 { width: 36%; text-align: start; }
.child-pop-2 { width: 64%; text-align: start; }
.pop-img { width: 100%; height: 50%; border-radius: 8px; }
.pop-btn-cntr { display: flex; margin-left: 36%; flex-direction: column; align-items: center; }
.pop-btn-call-95 {
     background-color: var(--primary-color); color: var(--white); border: none; padding: 16px 56px;
     border-radius: var(--border-radius); font-size: 16px; cursor: pointer; transition: background var(--transition);
}
.pop-btn-call-95:hover, .pop-btn-call-95:focus { background-color: var(--primary-dark); color: var(--white); }
.call-us {
     margin-top: 16px; background-color: var(--black); color: var(--white); border: none; padding: 12px 40px;
     border-radius: var(--border-radius); font-size: 16px; cursor: pointer; transition: background var(--transition);
}
.call-us:hover, .call-us:focus { background-color: var(--primary-dark); color: var(--white); }
.call-time { margin-top: 8px; font-size: 12px; font-weight: 600; color: #555; }
.cont-new { width: 40%; display: flex; align-content: flex-end; flex-wrap: wrap; row-gap: 24px; }
.container-two-one { width: 34%; }
.cont-two-2, .cont-two-3, .cont-two-4 {
     width: 100%; height: fit-content; padding: 8px 16px; border-radius: var(--border-radius);
}
.cont-two-2 { border: 1px solid var(--black); }
.cont-two-3, .cont-two-4 {
     background-color: var(--secondary-color); box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.uj-whte-hdng { font-size: 20px; font-weight: 600; color: var(--black); }
.uj-whte-pera { font-size: 18px; font-weight: 600; color: #111; }
.brand-logo-img { display: flex; column-gap: 12px; margin-bottom: 12px; }
.logo-img { width: 60px; height: 48px; border-radius: 8px; margin-right: 8px; mix-blend-mode: darken; }
.user-rtng-call-btn { margin: 40px 0; display: flex; column-gap: 40px; }
.rtng-user { width: 60%; display: flex; justify-content: space-around; padding: 16px 0; gap: 20%; }
.rtng-user-block { display: flex; align-items: flex-end; gap: 24px; }
.rtng-star { font-size: 2rem; color: var(--star); }
.combo { display: flex; flex-direction: column; }
.rtng-score { font-size: 1.2rem; font-weight: bold; }
.rtng-label { font-size: 1rem; color: #555; }
.rtng-users { font-size: 2rem; color: var(--primary-color); }
.call-btn-container, .call-btn-container-2 {
     width: 40%; align-items: center; justify-content: center; flex-direction: column; display: flex;
}
.call-btn-container-2 { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.call-btn-95 {
     display: inline-block; background: var(--primary-color); color: var(--white); padding: 16px 75px;
     border-radius: var(--border-radius); font-size: 16px; text-decoration: none;
     box-shadow: 0 4px 8px rgba(0,0,0,0.2); transition: background var(--transition), transform var(--transition);
     font-family: var(--font-main); font-weight: 700; letter-spacing: 0.5px; position: relative; overflow: hidden;
}
.call-btn-95:hover, .call-btn-95:focus { background: var(--primary-dark); color: var(--white); transform: scale(1.05); }
.call-btn i { margin-right: 8px; font-size: 20px; vertical-align: middle; }
.all-service-container { width: 50%; }
.cont-hw-t-wr-revw-filter { width: 50%; }
.service-container {
     width: 100%; height: max-content; border: 1px solid var(--primary-color); padding: 16px;
     border-radius: var(--border-radius); margin-bottom: 40px;
}
.container-all-service { margin-top: 16px; display: flex; flex-direction: column; row-gap: 20px; }
.container-repair { width: 100%; display: flex; justify-content: space-between; }
.cont-hw-it-wrk, .cont-fltr {
     width: 100%; background-color: var(--black); padding: 16px; border-radius: var(--border-radius); margin-bottom: 40px;
}
.container-all-service-faq {
     width: 100%; height: max-content; border: 0.5px solid var(--primary-color); padding: 8px 16px;
     border-radius: var(--border-radius); margin-bottom: 32px;
}
.faq-section { margin: 16px 0; }
.faq-hdng { color: var(--white); font-size: 24px; font-weight: 600; }
.faq-question {
     width: 100%; background: none; border: none; text-align: left; padding: 12px 0; cursor: pointer;
     display: flex; justify-content: space-between; align-items: center; color: var(--white); font-size: 14px; font-weight: 400;
}
.faq-answer { display: none; padding: 10px 0; color: var(--white); }
.faq-arrow { transition: transform var(--transition); font-size: 1em; }
.faq-answer.show { display: block; }
.ac-hdng-work { margin-top: 12px; font-size: 20px; font-weight: 600; color: var(--gray-light); text-align: center; }
.ac-pera-work { margin-top: 8px; font-size: 14px; font-weight: 400; color: var(--gray-light); }
.ranting-work {
     margin-top: 24px; width: 100%; height: 50%; padding: 8px 16px; border-radius: 24px;
     background-color: var(--secondary-color); border: 1px solid var(--primary-color);
}
.all-review {
     background: var(--secondary-color); height: fit-content; border-radius: var(--border-radius);
     margin-bottom: 40px; padding: 20px 16px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.review-filters { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; }
.filter-btn { display: flex; align-items: center; justify-content: center;
     background: #f1f1f1; border-radius: var(--border-radius); padding: 6px 16px; cursor: pointer;
     font-size: 15px; color: #333; border: 1px solid #ddd; transition: 
     background var(--transition), color var(--transition);
}
.filter-btn.active, .filter-btn:hover { background: var(--primary-dark); color: var(--white); border-color: var(--primary-color); }
.review-list { display: flex; flex-direction: column; }
.review-item, .review-item-last {
     display: flex; align-items: flex-end; gap: 16px; border-bottom: 1px solid #eee; padding-bottom: 16px;
}
.review-img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; }
.review-content { flex: 1; }
.review-stars { color: var(--star); font-size: 18px; margin-bottom: 2px; letter-spacing: 1px; }
.review-user { font-weight: 600; font-size: 15px; margin-bottom: 2px; }
.review-location { font-weight: 400; color: #222; font-size: 13px; margin-left: 8px; }
.review-text { font-size: 15px; color: #444; }
.footer-container {
     width: 1200px; margin: 0 auto; height: 400px; padding: 24px 16px; display: flex; column-gap: 60px;
     background-color: var(--footer-bg); border-radius: var(--border-radius) var(--border-radius) 0 0;
     color: var(--footer-text); margin-top: 60px;
}
.footer-part { width: 25%; margin-top: 16px; }
.footer-title { font-size: 24px; font-weight: 600; color: var(--footer-text); margin-bottom: 8px; }
.footer-sign { font-size: 16px; font-weight: 500; color: var(--footer-text); margin-bottom: 16px; }
.footer-social-links { display: flex; gap: 10px; }
#facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon {
     width: 40px; height: 40px; background: var(--black); color: var(--footer-text); border-radius: 50%;
     padding: 8px; font-size: 24px; box-shadow: 0 2px 8px rgba(24,119,243,0.15);
     transition: background var(--transition), color var(--transition); display: flex; align-items: center; justify-content: center;
     text-decoration: none;
}
#facebook-icon:hover, #instagram-icon:hover, #whatsapp-icon:hover, #email-icon:hover {
     color: var(--primary-dark); background: var(--footer-text);
}
.scrollable-div {
     width: 60%; max-height: 500px; overflow-y: auto; padding: 8px 16px; border-radius: var(--border-radius);
     border: 1px solid var(--primary-color); background-color: var(--secondary-color);
     scrollbar-width: none; -ms-overflow-style: none;
}
.scrollable-div::-webkit-scrollbar { display: none; }
.prodcut-page-all-details {
     height: 340px; border-radius: 8px; padding: 8px; border: 0.5px solid var(--gray);
     transition: transform var(--transition), box-shadow var(--transition); width: 100%;
     display: flex; flex-direction: column; margin: 16px 0 24px; z-index: 2500;
}
.prodcut-page-all-details:hover {
     transform: scale(1.02); border: 0.1px solid var(--primary-color); box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.product-page-detail-1 { width: 65%; }
.product-page-detail-2 { width: 35%; }
.box-1, .box-2 { display: flex; gap: 20px; }
.serv-dtl { width: 65%; transform: translateY(-70%); }
.product-page-btns {
     width: 35%; display: flex; flex-direction: column; justify-content: flex-start;
     transform: translatey(-50px); align-items: center;
}
.product-page-img { width: 100%; height: 70%; border-radius: 8px; }
.services-name a {
     margin-top: 16px; font-size: 16px; font-weight: 500; color: var(--white); margin-bottom: 16px;
}
.services-name a:hover { font-size: 18px; font-weight: 600; }
.main-div { display: flex; gap: 24px; margin: 40px 0; }
.review-popup-link { font-size: 1em; color: var(--star); text-decoration: none; display: block; }
.fa-star { color: var(--star); }
.review-rating-1 { margin-left: 6px; color: #333; font-size: 16px; font-weight: 600; }
.review-count { margin-left: 6px; color: var(--gray-dark); font-weight: 500; font-size: 16px; }
.review-list-popup {
     list-style: none; padding: 0; margin: 0 0 10px 0; max-height: 220px; overflow-y: auto; padding-right: 8px;
}
.review-list-popup li { margin-bottom: 14px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.review-stars-popup { color: var(--star); margin-left: 6px; font-size: 1.1em; }
.review-text-popup { font-size: 0.97em; color: #444; margin-top: 3px; margin-left: 2px; }
.see-all-reviews-link {
     display: block; margin-top: 16px; color: var(--white); text-align: center; text-decoration: none;
     font-size: 16px; padding: 10px 20px; background-color: var(--primary-dark); border-radius: 8px;
}
.pop-body {
     background: var(--background); padding: 16px; border-radius: 8px; max-width: 400px; position: relative;
}
.review-popup-modal { display: none; position: fixed; }
.review-popup-modal.active {
     display: flex; position: fixed; top: 0; left: 0; width: 60vw; height: 75vh;
     background: rgba(0,0,0,0.5); z-index: 9000; align-items: center; justify-content: center;
     overflow-y: auto; transform: translate(0, -120px);
}
.closeReviewPopup {
     position: absolute; top: -10px; right: -10px; font-size: 24px; cursor: pointer; color: var(--gray-dark);
     background-color: var(--white); border: 1px solid var(--gray-dark); border-radius: 50%;
     width: 32px; height: 32px; display: flex; justify-content: center; align-items: center;
}
.closeReviewPopup:hover { color: var(--primary-dark); border-color: var(--primary-dark); }
.form-hdng { text-align: center; color: #222; font-weight: 700; }
.cont-ac-img-text-form {
     width: 100%; border-radius: 8px; padding: 12px; border: 1px solid var(--primary-color);
     transition: transform var(--transition), box-shadow var(--transition); display: flex; flex-direction: column;
     margin: 12px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.ac-img-form { width: 50%; height: 96px; border-radius: 8px; }
.main-hdng-form { margin-top: 8px; font-size: 16px; font-weight: 600; color: #2b2b2b; text-align: left; }
.main-pera-form { font-size: 14px; font-weight: 400; color: #2b2b2b; }
.container-main-form { padding: 0; display: flex; justify-content: center; background: var(--background); }
.contact-container {
     padding: 4px; border-radius: var(--border-radius); box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     max-width: 400px; width: 100%; background: var(--gray-light);
}
.form-group { margin-bottom: 16px; display: flex; flex-direction: column; }
.form-group label { margin-bottom: 6px; color: #111; font-size: 14px; font-weight: 500; }
.required { color: #b8001a; margin-left: 2px; }
.form-input {
     padding: 10px 8px; border: 1px solid #222; border-radius: 8px; font-size: 16px; font-weight: 400;
     font-family: var(--font-main); transition: border-color var(--transition); background: var(--gray-light);
     width: 100%; color: #111;
}
.form-input:focus { border-color: var(--primary-color); outline: none; background: var(--gray-light); }
.submit-btn {
     width: 100%; padding: 20px 0; background: var(--primary-color); color: var(--white); outline: none; border: none;
     border-radius: var(--border-radius); font-size: 16px; font-weight: 700; cursor: pointer; display: flex;
     justify-content: center; align-items: center; width: 240px; margin: 20px auto 0; transition: background var(--transition);
}
.submit-btn:hover { background: var(--primary-dark); }
.form-group select.form-input {
     width: 100%; padding: 10px; border: 1px solid #bbb; border-radius: 8px; font-size: 1rem; background: #fff; color: #333;
}
.form-group select.form-input:focus { border-color: var(--primary-dark); outline: none; }
#service {
     margin-top: 12px; border: 1px solid var(--gray-dark); outline: none; background: var(--gray-light);
     transition: border-color var(--transition), box-shadow var(--transition);
}
#service:hover { border-color: var(--primary-dark); background: #ffecec; }
option { padding: 8px; background: #ffecec; color: #111; }
option:hover, option:focus { background-color: var(--primary-color); color: #000; }
.form-group fieldset label {
     position: relative; padding-left: 28px; cursor: pointer; font-weight: 600; color: #333;
}
.form-group fieldset input[type="radio"] {
     appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 1px solid var(--primary-dark);
     border-radius: 50%; outline: none; margin-right: 8px; position: absolute; left: 0; top: 2px; background: #fff;
     transition: border-color var(--transition);
}
.form-group fieldset input[type="radio"]:checked {
     border-color: var(--primary-dark); background: radial-gradient(circle at center, var(--primary-dark) 60%, #fff 61%);
}
.form-group fieldset label:hover input[type="radio"] { border-color: var(--primary-dark); }
.wht-flex { display: flex; gap: 12px; }
.location-btn, .wa-location-btn {
     background: var(--accent); border: none; color: var(--white); padding: 8px 12px; border-radius: 8px;
     cursor: pointer; font-size: 18px; display: flex; align-items: center; transition: background var(--transition);
}
.location-btn:hover, .wa-location-btn:hover { background: #075E54; }
.wa-location-btn { margin-left: 2px; text-decoration: none; }
.whatsapp-btn {
     display: flex; align-items: center; justify-content: center; background: var(--accent); color: var(--gray-light);
     border-radius: var(--border-radius); padding: 12px; font-size: 18px; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
     text-decoration: none; transition: background var(--transition); margin: 24px auto; position: static; width: 240px; column-gap: 8px;
}
.whatsapp-btn:hover { background: #075E54; }
.thankyou-container { height: 100vh; background: var(--background); }
.thnks {
     width: 100%; height: 100%; display: flex; text-align: center; align-items: center; flex-direction: column;
     padding: 8px 16px; border-radius: var(--border-radius); background-color: var(--secondary-color);
     box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.thankyou-title { margin-top: 24px; color: var(--accent); font-size: 48px; font-weight: 1000; }
.thankyou-message { color: var(--black); font-size: 20px; font-weight: 500; }

@media (max-width: 1024px) {
     .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .container-one, .container-two, .container-three { column-gap: 32px; padding: 0px 24px;}
     .cont-new { width: 40%; }
     .cont-ac-img-text { width: 140px; }
     .ac-img { height: 84px; }
     .main-hdng { height: 56px; font-size: 15px; }
     .main-pera { font-size: 13px; }
     .top-hdng { font-size: 22px; }
     .top-pera { font-size: 18px; }
     .container-img-text { column-gap: 24px; padding: 8px 0; }
     .logo-img { width: 50px; height: 40px; margin-right: 4px; }
     .rtng-star { font-size: 36px; }
     .call-btn-95 { padding: 12px 70px; font-size: 15px; }
     .srch-bar {
          margin-top: 32px; row-gap: 32px; padding: 0px 24px; column-gap: 32px; }
          .srch-img-text {
               height: 140px;}
               .user-rtng-call-btn {padding: 0px 24px; }
               .scrollable-div {
        width: 60%;
    }
    .product-page-detail-1 {
    width: 60%;
}
.product-page-detail-2 {
    width: 40%;
}
    .serv-dtl {
    width: 60%;
    transform: translateY(-50%);
}
.product-page-btns {
    width: 40%;}
}
@media (max-width: 900px) {

      .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .container-one, .container-two, .container-three { column-gap: 24px; padding: 0px 20px;}
     .cont-new { width: 40%; }
     .cont-ac-img-text { width: 140px; }
     .ac-img { height: 84px; }
     .main-hdng { height: 56px; font-size: 15px; }
     .main-pera { font-size: 13px; }
     .top-hdng { font-size: 22px; }
     .top-pera { font-size: 18px; }
     .container-img-text { column-gap: 24px; padding: 8px 0; }
     .logo-img { width: 50px; height: 40px; margin-right: 4px; }
     .rtng-star { font-size: 36px; }
     .call-btn-95 { padding: 12px 70px; font-size: 15px; }
     .srch-bar {
          margin-top: 32px; row-gap: 32px; padding: 0px 20px; column-gap: 24px; }
          .srch-img-text {
               height: 140px;}
               .user-rtng-call-btn {padding: 0px 20px; column-gap: 24px;}
               .scrollable-div {
        width: 60%;
    }
    .product-page-detail-1 {
    width: 60%;
}
.product-page-detail-2 {
    width: 40%;
}
    .serv-dtl {
    width: 60%;
    transform: translateY(-50%);
}
.product-page-btns {
    width: 40%;}
}
@media(max-width: 820px) {
    .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .nav-one { height: 56px; padding: 4px 4px; border-radius: 0; margin-bottom: 8px; }
     .uj-logo { width: 48px; height: 48px; }
     .nav-hdng { padding: 4px 8px; font-size: 14px; }
     .nav-hdng:hover { border-radius: 8px; }
     .location-finder { width: 100%; padding: 0 10px; justify-content: flex-end; }
     .map-location-btn { padding: 6px 4px; font-size: 14px; background: none; }
     .map-location-btn i { margin-right: 6px; font-size: 16px; }
     .srch-bar { margin-top: 16px; flex-direction: column-reverse; row-gap: 16px; padding: 0px 8px; }
     .srch-img-text { width: 100%; height: 120px; padding: 8px 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .img-text-link { padding: 0; }
     .serv-img { width: 44px; height: 44px;  }
     .spannn { font-size: 12px; font-weight: 400; }
     .all-srch { width: 100%; background-color: #f4f4f4; column-gap: 4px; padding: 0; }
     .voice-search-container { width: 36px; height: 36px; border: none; background: none; box-shadow: none; }
     #voiceSearchBtn .fa-microphone { font-size: 20px; }
     .wave-circle { opacity: 0.5; }
     .search-results { top: 48px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-height: 180px; }
     .search-result-item { padding: 6px 8px; font-size: 14px; }
     .search-result-item:hover { font-size: 14px; }
     .new-nav-box-search { margin-left: 0; width: 100%; padding: 8px 0; height: 48px; background: #f4f4f4; }
     .whts-btn { right: 20px; bottom: 96px; }
     .whatsapp-float-btn { width: 48px; height: 48px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .container-one, .container-two, .container-three { flex-direction: column; margin-top: 20px; margin-bottom: 12px; padding: 0px 8px;}
     .cont-new { width: 100%; margin-top: 40px; row-gap: 24px; }
     .container-one-1, .cont-two-2, .cont-two-3, .cont-two-4 { width: 100%; padding: 8px; border-radius: 8px; }
     .cont-ac-img-text { width: 100%; border-radius: 8px; padding: 0; }
     .ac-img { width: 50%; height: 120px; display: flex; flex-direction: column;align-items: flex-end; }
     .main-hdng { margin-left: 4px; height: 60px; margin-top: 8px; font-size: 14px; }
     .main-pera { margin: 8px 4px; font-size: 12px; font-weight: 500; color: #2b2b2b; }
     .top-hdng { font-size: 18px; }
     .top-pera { font-size: 14px; }
     .container-img-text { column-gap: 12px; padding: 8px 0; }
     .brand-logo-img { display: flex; justify-content: space-between; padding: 0 4px; }
     .batch-label { top: -4px; right: -4px; font-size: 10px; padding: 2px 10px; border-radius: 8px; }
     .user-rtng-call-btn { margin: 20px 0; column-gap: 10px; flex-direction: column; padding: 0px 8px; }
     .rtng-user { width: 100%; margin: 12px 0; padding: 0; row-gap: 16px; flex-direction: column; }
     .rtng-user-block { gap: 12px; }
     .rtng-star { font-size: 28px; }
     .call-btn-container-2 { display: none; }
     .call-btn-container { margin-top: 16px; width: 100%; }
     .call-btn-95 { padding: 12px 60px; font-size: 14px; transform: translateY(0%); }
     .all-service-container, .cont-hw-t-wr-revw-filter { width: 100%; }
     .container-all-service { row-gap: 16px; }
     .service-container { width: 100%; padding: 8px 8px; margin-bottom: 32px; }
     .container-repair { column-gap: 12px; }
     .cont-hw-it-wrk, .cont-fltr { width: 100%; padding: 8px 8px; border-radius: 8px; margin-bottom: 32px; }
     .faq-section { margin: 8px 0; }
     .faq-hdng { font-size: 16px; }
     .faq-question { width: 97%; font-size: 14px; padding: 8px 0; }
     .faq-arrow { font-size: 10px; }
     .faq-answer { padding: 10px 0; font-size: 12px; }
     .popup-content { padding: 8px; border-radius: 8px; width: 85%; }
     .container-prnts-pop { column-gap: 12px; }
     .pop-btn-cntr { margin-left: 0; }
     .pop-btn-call-95 { margin-top: 0; padding: 16px 56px; border-radius: 16px; margin-bottom: 12px; }
     .product-page-btns { width: 100%; transform: translatey(0px); }
     .all-review { margin-top: 0px; margin-bottom: 20px; padding: 16px 8px; }
     .review-filters { gap: 8px; margin-bottom: 12px; }
     .filter-btn { width: 48px; height: 28px; border-radius: 12px; padding: 4px 2px; font-size: 12px; }
     .review-item, .review-item-last { gap: 8px; padding-bottom: 12px; }
     .review-stars { margin-top: 8px; font-size: 18px; }
     .review-location { font-size: 13px; margin-left: 6px; }
     .ac-hdng { font-size: 14px; margin-bottom: 2px; }
     .review-text { width: 95%; font-size: 14px; }
     .footer-container { height: 680px; padding: 8px 8px; column-gap: 12px; border-radius: 8px; margin-top: 16px; flex-direction: column; }
     .footer-part { width: 100%; margin-top: 8px; }
     .footer-title, .footer-sign { font-size: 18px; text-align: center; }
     .footer-social-links { justify-content: center; }
     #facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon { width: 32px; height: 32px; font-size: 18px; }
     .bottom-nav { width: 100%; padding: 8px 0 0 0; border-radius: 8px 8px 0 0; transform: translateY(12%); }
     .scrollable-div { max-height: 500px; padding: 8px; border-radius: 8px; }
     .prodcut-page-all-details { height: 100%; padding: 4px 4px; margin: 12px 0 12px; }
     .box-1 { gap: 8px; }
     .product-page-detail-1 { width: 60%; }
     .product-page-detail-2 { width: 40%; }
     .serv-dtl { margin-top: 12px; width: 100%; transform: translateY(0%); }
     .box-2 { width: 100%; flex-direction: column; gap: 16px; }
     .pop-body { padding: 8px; border-radius: 8px; max-width: 84%; }
     .review-popup-modal { width: 100vw; height: 75vh; }
     .review-popup-modal.active { width: 92vw; max-height: 100vh; transform: translate(0%, -15%); }
     .review-list-popup { max-height: 280px; padding-right: 8px; }
     .contact-container { margin-top: 16px; padding: 8px; border-radius: 16px; min-width: 300px; max-width: 360px; width: 90%; }
     .contact-container h2 { color: #222; font-weight: 700; font-size: 18px; }
     .form-group { margin-bottom: 8px; }
     .form-group label { font-size: 14px; }
     .form-input { padding: 8px; border: 1px solid #888; border-radius: 8px; font-size: 16px;}
     .submit-btn { padding: 16px 0; border-radius: 16px; margin: 16px auto 0; }
     .form-group select.form-input { padding: 8px; }
     #service { margin-top: 10px; }
     option { padding: 8px; }
     .product-page-img { height: 100%; }
     .uj-whte-hdng { font-size: 18px; }
     .uj-whte-ul li { font-size: 14px; }
     .uj-whte-pera { font-size: 16px; margin-top: 4px; }
     .pop-visit-price { margin-left: 0px; font-size: 14px; margin-left: 0px; font-size: 14px; }
     .review-rating-1 { margin-left: 0px; }
     .review-popup-link { margin: 4px 0px;}
     .call-us { margin-top: 0px; padding: 16px 44px; }
     .call-time { margin-bottom: 8px;}
     .prodcut-page-all-details { margin-top: 16px; margin-bottom: 24px;}
}
@media(max-width: 768px) {
   .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .nav-one { height: 56px; padding: 4px 4px; border-radius: 0; margin-bottom: 8px; }
     .uj-logo { width: 48px; height: 48px; }
     .nav-hdng { padding: 4px 8px; font-size: 14px; }
     .nav-hdng:hover { border-radius: 8px; }
     .location-finder { width: 100%; padding: 0 10px; justify-content: flex-end; }
     .map-location-btn { padding: 6px 4px; font-size: 14px; background: none; }
     .map-location-btn i { margin-right: 6px; font-size: 16px; }
     .srch-bar { margin-top: 16px; flex-direction: column-reverse; row-gap: 16px; padding: 0px 8px; }
     .srch-img-text { width: 100%; height: 120px; padding: 8px 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .img-text-link { padding: 0; }
     .serv-img { width: 44px; height: 44px;  }
     .spannn { font-size: 12px; font-weight: 400; }
     .all-srch { width: 100%; background-color: #f4f4f4; column-gap: 4px; padding: 0; }
     .voice-search-container { width: 36px; height: 36px; border: none; background: none; box-shadow: none; }
     #voiceSearchBtn .fa-microphone { font-size: 20px; }
     .wave-circle { opacity: 0.5; }
     .search-results { top: 48px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-height: 180px; }
     .search-result-item { padding: 6px 8px; font-size: 14px; }
     .search-result-item:hover { font-size: 14px; }
     .new-nav-box-search { margin-left: 0; width: 100%; padding: 8px 0; height: 48px; background: #f4f4f4; }
     .whts-btn { right: 20px; bottom: 96px; }
     .whatsapp-float-btn { width: 48px; height: 48px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .container-one, .container-two, .container-three { flex-direction: column; margin-top: 20px; margin-bottom: 12px; padding: 0px 8px;}
     .cont-new { width: 100%; margin-top: 40px; row-gap: 24px; }
     .container-one-1, .cont-two-2, .cont-two-3, .cont-two-4 { width: 100%; padding: 8px; border-radius: 8px; }
     .cont-ac-img-text { width: 100%; border-radius: 8px; padding: 0; }
   .ac-img { width: 60%; height: 120px; display: flex; flex-direction: column;align-items: flex-end; }
     .main-hdng { margin-left: 4px; height: 60px; margin-top: 8px; font-size: 14px; }
     .main-pera { margin: 8px 4px; font-size: 12px; font-weight: 500; color: #2b2b2b; }
     .top-hdng { font-size: 18px; }
     .top-pera { font-size: 14px; }
     .container-img-text { column-gap: 12px; padding: 8px 0; }
     .brand-logo-img { display: flex; justify-content: space-between; padding: 0 4px; }
     .batch-label { top: -4px; right: -4px; font-size: 10px; padding: 2px 10px; border-radius: 8px; }
     .user-rtng-call-btn { margin: 20px 0; column-gap: 10px; flex-direction: column; padding: 0px 8px; }
     .rtng-user { width: 100%; margin: 12px 0; padding: 0; row-gap: 16px; flex-direction: column; }
     .rtng-user-block { gap: 12px; }
     .rtng-star { font-size: 28px; }
     .call-btn-container-2 { display: none; }
     .call-btn-container { margin-top: 16px; width: 100%; }
     .call-btn-95 { padding: 12px 60px; font-size: 14px; transform: translateY(0%); }
     .all-service-container, .cont-hw-t-wr-revw-filter { width: 100%; }
     .container-all-service { row-gap: 16px; }
     .service-container { width: 100%; padding: 8px 8px; margin-bottom: 32px; }
     .container-repair { column-gap: 12px; }
     .cont-hw-it-wrk, .cont-fltr { width: 100%; padding: 8px 8px; border-radius: 8px; margin-bottom: 32px; }
     .faq-section { margin: 8px 0; }
     .faq-hdng { font-size: 16px; }
     .faq-question { width: 97%; font-size: 14px; padding: 8px 0; }
     .faq-arrow { font-size: 10px; }
     .faq-answer { padding: 10px 0; font-size: 12px; }
     .popup-content { padding: 8px; border-radius: 8px; width: 85%; }
     .container-prnts-pop { column-gap: 12px; }
     .pop-btn-cntr { margin-left: 0; }
     .pop-btn-call-95 { margin-top: 0; padding: 16px 56px; border-radius: 16px; margin-bottom: 12px; }
     .product-page-btns { width: 100%; transform: translatey(0px); }
     .all-review { margin-top: 0px; margin-bottom: 20px; padding: 16px 8px; }
     .review-filters { gap: 8px; margin-bottom: 12px; }
     .filter-btn { width: 48px; height: 28px; border-radius: 12px; padding: 4px 2px; font-size: 12px; }
     .review-item, .review-item-last { gap: 8px; padding-bottom: 12px; }
     .review-stars { margin-top: 8px; font-size: 18px; }
     .review-location { font-size: 13px; margin-left: 6px; }
     .ac-hdng { font-size: 14px; margin-bottom: 2px; }
     .review-text { width: 95%; font-size: 14px; }
     .footer-container { height: 680px; padding: 8px 8px; column-gap: 12px; border-radius: 8px; margin-top: 16px; flex-direction: column; }
     .footer-part { width: 100%; margin-top: 8px; }
     .footer-title, .footer-sign { font-size: 18px; text-align: center; }
     .footer-social-links { justify-content: center; }
     #facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon { width: 32px; height: 32px; font-size: 18px; }
     .bottom-nav { width: 100%; padding: 8px 0 0 0; border-radius: 8px 8px 0 0; transform: translateY(12%); }
     .scrollable-div { max-height: 500px; padding: 8px; border-radius: 8px; }
     .prodcut-page-all-details { height: 100%; padding: 4px 4px; margin: 12px 0 12px; }
     .box-1 { gap: 8px; }
     .product-page-detail-1 { width: 60%; }
     .product-page-detail-2 { width: 40%; }
     .serv-dtl { margin-top: 12px; width: 100%; transform: translateY(0%); }
     .box-2 { width: 100%; flex-direction: column; gap: 16px; }
     .pop-body { padding: 8px; border-radius: 8px; max-width: 84%; }
     .review-popup-modal { width: 100vw; height: 75vh; }
     .review-popup-modal.active { width: 92vw; max-height: 100vh; transform: translate(0%, -15%); }
     .review-list-popup { max-height: 280px; padding-right: 8px; }
     .contact-container { margin-top: 16px; padding: 8px; border-radius: 16px; min-width: 300px; max-width: 360px; width: 90%; }
     .contact-container h2 { color: #222; font-weight: 700; font-size: 18px; }
     .form-group { margin-bottom: 8px; }
     .form-group label { font-size: 14px; }
     .form-input { padding: 8px; border: 1px solid #888; border-radius: 8px; font-size: 16px;}
     .submit-btn { padding: 16px 0; border-radius: 16px; margin: 16px auto 0; }
     .form-group select.form-input { padding: 8px; }
     #service { margin-top: 10px; }
     option { padding: 8px; }
     .product-page-img { height: 100%; }
     .uj-whte-hdng { font-size: 18px; }
     .uj-whte-ul li { font-size: 14px; }
     .uj-whte-pera { font-size: 16px; margin-top: 4px; }
     .pop-visit-price { margin-left: 0px; font-size: 14px; margin-left: 0px; font-size: 14px; }
     .review-rating-1 { margin-left: 0px; }
     .review-popup-link { margin: 4px 0px;}
     .call-us { margin-top: 0px; padding: 16px 44px; }
     .call-time { margin-bottom: 8px;}
     .prodcut-page-all-details { margin-top: 16px; margin-bottom: 24px;}
}
@media (max-width: 640px){
  .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .nav-one { height: 56px; padding: 4px 4px; border-radius: 0; margin-bottom: 8px; }
     .uj-logo { width: 48px; height: 48px; }
     .nav-hdng { padding: 4px 8px; font-size: 14px; }
     .nav-hdng:hover { border-radius: 8px; }
     .location-finder { width: 100%; padding: 0 10px; justify-content: flex-end; }
     .map-location-btn { padding: 6px 4px; font-size: 14px; background: none; }
     .map-location-btn i { margin-right: 6px; font-size: 16px; }
     .srch-bar { margin-top: 16px; flex-direction: column-reverse; row-gap: 16px; padding: 0px 12px; }
     .srch-img-text { width: 100%; height: 120px; padding: 8px 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .img-text-link { padding: 0; }
     .serv-img { width: 44px; height: 44px;  }
     .spannn { font-size: 12px; font-weight: 400; }
     .all-srch { width: 100%; background-color: #f4f4f4; column-gap: 4px; padding: 0; }
     .voice-search-container { width: 36px; height: 36px; border: none; background: none; box-shadow: none; }
     #voiceSearchBtn .fa-microphone { font-size: 20px; }
     .wave-circle { opacity: 0.5; }
     .search-results { top: 48px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-height: 180px; }
     .search-result-item { padding: 6px 8px; font-size: 14px; }
     .search-result-item:hover { font-size: 14px; }
     .new-nav-box-search { margin-left: 0; width: 100%; padding: 8px 0; height: 48px; background: #f4f4f4; }
     .whts-btn { right: 20px; bottom: 96px; }
     .whatsapp-float-btn { width: 48px; height: 48px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .container-one, .container-two, .container-three { flex-direction: column; margin-top: 20px; margin-bottom: 12px; padding: 0px 12px;}
     .cont-new { width: 100%; margin-top: 40px; row-gap: 24px; }
     .container-one-1, .cont-two-2, .cont-two-3, .cont-two-4 { width: 100%; padding: 8px; border-radius: 8px; }
     .cont-ac-img-text { width: 100%; border-radius: 8px; padding: 0; }
    .ac-img { width: 70%; height: 120px; display: flex; flex-direction: column;align-items: flex-end; }
     .main-hdng { margin-left: 4px; height: 60px; margin-top: 8px; font-size: 14px; }
     .main-pera { margin: 8px 4px; font-size: 12px; font-weight: 500; color: #2b2b2b; }
     .top-hdng { font-size: 18px; }
     .top-pera { font-size: 14px; }
     .container-img-text { column-gap: 12px; padding: 8px 0; }
     .brand-logo-img { display: flex; justify-content: space-between; padding: 0 4px; }
     .batch-label { top: -4px; right: -4px; font-size: 10px; padding: 2px 10px; border-radius: 8px; }
     .user-rtng-call-btn { margin: 20px 0; column-gap: 10px; flex-direction: column; padding: 0px 12px; }
     .rtng-user { width: 100%; margin: 12px 0; padding: 0; row-gap: 16px; flex-direction: column; }
     .rtng-user-block { gap: 12px; }
     .rtng-star { font-size: 28px; }
     .call-btn-container-2 { display: none; }
     .call-btn-container { margin-top: 16px; width: 100%; }
     .call-btn-95 { padding: 12px 60px; font-size: 14px; transform: translateY(0%); }
     .all-service-container, .cont-hw-t-wr-revw-filter { width: 100%; }
     .container-all-service { row-gap: 16px; }
     .service-container { width: 100%; padding: 8px 8px; margin-bottom: 32px; }
     .container-repair { column-gap: 12px; }
     .cont-hw-it-wrk, .cont-fltr { width: 100%; padding: 8px 8px; border-radius: 8px; margin-bottom: 32px; }
     .faq-section { margin: 8px 0; }
     .faq-hdng { font-size: 16px; }
     .faq-question { width: 97%; font-size: 14px; padding: 8px 0; }
     .faq-arrow { font-size: 10px; }
     .faq-answer { padding: 10px 0; font-size: 12px; }
     .popup-content { padding: 8px; border-radius: 8px; width: 85%; }
     .container-prnts-pop { column-gap: 12px; }
     .pop-btn-cntr { margin-left: 0; }
     .pop-btn-call-95 { margin-top: 0; padding: 16px 56px; border-radius: 16px; margin-bottom: 12px; }
     .product-page-btns { width: 100%; transform: translatey(0px); }
     .all-review { margin-top: 0px; margin-bottom: 20px; padding: 16px 8px; }
     .review-filters { gap: 8px; margin-bottom: 12px; }
     .filter-btn { width: 48px; height: 28px; border-radius: 12px; padding: 4px 2px; font-size: 12px; }
     .review-item, .review-item-last { gap: 8px; padding-bottom: 12px; }
     .review-stars { margin-top: 8px; font-size: 18px; }
     .review-location { font-size: 13px; margin-left: 6px; }
     .ac-hdng { font-size: 14px; margin-bottom: 2px; }
     .review-text { width: 95%; font-size: 14px; }
     .footer-container { height: 640px; padding: 8px 8px; column-gap: 12px; border-radius: 8px; margin-top: 16px; flex-direction: column; }
     .footer-part { width: 100%; margin-top: 8px; }
     .footer-title, .footer-sign { font-size: 18px; text-align: center; }
     .footer-social-links { justify-content: center; }
     #facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon { width: 32px; height: 32px; font-size: 18px; }
     .bottom-nav { width: 100%; padding: 8px 0 0 0; border-radius: 8px 8px 0 0; transform: translateY(12%); }
     .scrollable-div { max-height: 500px; padding: 8px; border-radius: 8px; }
     .prodcut-page-all-details { height: 100%; padding: 4px 4px; margin: 12px 0 12px; }
     .box-1 { gap: 8px; }
     .product-page-detail-1 { width: 60%; }
     .product-page-detail-2 { width: 40%; }
     .serv-dtl { margin-top: 12px; width: 100%; transform: translateY(0%); }
     .box-2 { width: 100%; flex-direction: column; gap: 16px; }
     .pop-body { padding: 8px; border-radius: 8px; max-width: 84%; }
     .review-popup-modal { width: 100vw; height: 75vh; }
     .review-popup-modal.active { width: 92vw; max-height: 100vh; transform: translate(0%, -15%); }
     .review-list-popup { max-height: 280px; padding-right: 8px; }
     .contact-container { margin-top: 16px; padding: 8px; border-radius: 16px; min-width: 300px; max-width: 360px; width: 90%; }
     .contact-container h2 { color: #222; font-weight: 700; font-size: 18px; }
     .form-group { margin-bottom: 8px; }
     .form-group label { font-size: 14px; }
     .form-input { padding: 8px; border: 1px solid #888; border-radius: 8px; font-size: 16px;}
     .submit-btn { padding: 16px 0; border-radius: 16px; margin: 16px auto 0; }
     .form-group select.form-input { padding: 8px; }
     #service { margin-top: 10px; }
     option { padding: 8px; }
     .product-page-img { height: 100%; }
     .uj-whte-hdng { font-size: 18px; }
     .uj-whte-ul li { font-size: 14px; }
     .uj-whte-pera { font-size: 16px; margin-top: 4px; }
     .pop-visit-price { margin-left: 0px; font-size: 14px; margin-left: 0px; font-size: 14px; }
     .review-rating-1 { margin-left: 0px; }
     .review-popup-link { margin: 4px 0px;}
     .call-us { margin-top: 0px; padding: 16px 44px; }
     .call-time { margin-bottom: 8px;}
     .prodcut-page-all-details { margin-top: 16px; margin-bottom: 24px;}
}
@media (max-width: 576px) {
      .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .nav-one { height: 56px; padding: 4px 4px; border-radius: 0; margin-bottom: 8px; }
     .uj-logo { width: 48px; height: 48px; }
     .nav-hdng { padding: 4px 8px; font-size: 14px; }
     .nav-hdng:hover { border-radius: 8px; }
     .location-finder { width: 100%; padding: 0 10px; justify-content: flex-end; }
     .map-location-btn { padding: 6px 4px; font-size: 14px; background: none; }
     .map-location-btn i { margin-right: 6px; font-size: 16px; }
     .srch-bar { margin-top: 16px; flex-direction: column-reverse; row-gap: 16px; padding: 0px 12px; }
     .srch-img-text { width: 100%; height: 120px; padding: 8px 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .img-text-link { padding: 0; }
     .serv-img { width: 44px; height: 44px;  }
     .spannn { font-size: 12px; font-weight: 400; }
     .all-srch { width: 100%; background-color: #f4f4f4; column-gap: 4px; padding: 0; }
     .voice-search-container { width: 36px; height: 36px; border: none; background: none; box-shadow: none; }
     #voiceSearchBtn .fa-microphone { font-size: 20px; }
     .wave-circle { opacity: 0.5; }
     .search-results { top: 48px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-height: 180px; }
     .search-result-item { padding: 6px 8px; font-size: 14px; }
     .search-result-item:hover { font-size: 14px; }
     .new-nav-box-search { margin-left: 0; width: 100%; padding: 8px 0; height: 48px; background: #f4f4f4; }
     .whts-btn { right: 20px; bottom: 96px; }
     .whatsapp-float-btn { width: 48px; height: 48px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .container-one, .container-two, .container-three { flex-direction: column; margin-top: 20px; margin-bottom: 12px; padding: 0px 12px;}
     .cont-new { width: 100%; margin-top: 40px; row-gap: 24px; }
     .container-one-1, .cont-two-2, .cont-two-3, .cont-two-4 { width: 100%; padding: 8px; border-radius: 8px; }
     .cont-ac-img-text { width: 100%; border-radius: 8px; padding: 0; }
.ac-img { width: 75%; height: 100px; display: flex; flex-direction: column;align-items: flex-end; }
     .main-hdng { margin-left: 4px; height: 60px; margin-top: 8px; font-size: 14px; }
     .main-pera { margin: 8px 4px; font-size: 12px; font-weight: 500; color: #2b2b2b; }
     .top-hdng { font-size: 18px; }
     .top-pera { font-size: 14px; }
     .container-img-text { column-gap: 12px; padding: 8px 0; }
     .brand-logo-img { display: flex; justify-content: space-between; padding: 0 4px; }
     .batch-label { top: -4px; right: -4px; font-size: 10px; padding: 2px 10px; border-radius: 8px; }
     .user-rtng-call-btn { margin: 20px 0; column-gap: 10px; flex-direction: column; padding: 0px 12px; }
     .rtng-user { width: 100%; margin: 12px 0; padding: 0; row-gap: 16px; flex-direction: column; }
     .rtng-user-block { gap: 12px; }
     .rtng-star { font-size: 28px; }
     .call-btn-container-2 { display: none; }
     .call-btn-container { margin-top: 16px; width: 100%; }
     .call-btn-95 { padding: 12px 60px; font-size: 14px; transform: translateY(0%); }
     .all-service-container, .cont-hw-t-wr-revw-filter { width: 100%; }
     .container-all-service { row-gap: 16px; }
     .service-container { width: 100%; padding: 8px 8px; margin-bottom: 32px; }
     .container-repair { column-gap: 12px; }
     .cont-hw-it-wrk, .cont-fltr { width: 100%; padding: 8px 8px; border-radius: 8px; margin-bottom: 32px; }
     .faq-section { margin: 8px 0; }
     .faq-hdng { font-size: 16px; }
     .faq-question { width: 97%; font-size: 14px; padding: 8px 0; }
     .faq-arrow { font-size: 10px; }
     .faq-answer { padding: 10px 0; font-size: 12px; }
     .popup-content { padding: 8px; border-radius: 8px; width: 85%; }
     .container-prnts-pop { column-gap: 12px; }
     .pop-btn-cntr { margin-left: 0; }
     .pop-btn-call-95 { margin-top: 0; padding: 16px 56px; border-radius: 16px; margin-bottom: 12px; }
     .product-page-btns { width: 100%; transform: translatey(0px); }
     .all-review { margin-top: 0px; margin-bottom: 20px; padding: 16px 8px; }
     .review-filters { gap: 8px; margin-bottom: 12px; }
     .filter-btn { width: 48px; height: 28px; border-radius: 12px; padding: 4px 2px; font-size: 12px; }
     .review-item, .review-item-last { gap: 8px; padding-bottom: 12px; }
     .review-stars { margin-top: 8px; font-size: 18px; }
     .review-location { font-size: 13px; margin-left: 6px; }
     .ac-hdng { font-size: 14px; margin-bottom: 2px; }
     .review-text { width: 95%; font-size: 14px; }
     .footer-container { height: 640px; padding: 8px 8px; column-gap: 12px; border-radius: 8px; margin-top: 16px; flex-direction: column; }
     .footer-part { width: 100%; margin-top: 8px; }
     .footer-title, .footer-sign { font-size: 18px; text-align: center; }
     .footer-social-links { justify-content: center; }
     #facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon { width: 32px; height: 32px; font-size: 18px; }
     .bottom-nav { width: 100%; padding: 8px 0 0 0; border-radius: 8px 8px 0 0; transform: translateY(12%); }
     .scrollable-div { max-height: 500px; padding: 8px; border-radius: 8px; }
     .prodcut-page-all-details { height: 100%; padding: 4px 4px; margin: 12px 0 12px; }
     .box-1 { gap: 8px; }
     .product-page-detail-1 { width: 60%; }
     .product-page-detail-2 { width: 40%; }
     .serv-dtl { margin-top: 12px; width: 100%; transform: translateY(0%); }
     .box-2 { width: 100%; flex-direction: column; gap: 16px; }
     .pop-body { padding: 8px; border-radius: 8px; max-width: 84%; }
     .review-popup-modal { width: 100vw; height: 75vh; }
     .review-popup-modal.active { width: 92vw; max-height: 100vh; transform: translate(0%, -15%); }
     .review-list-popup { max-height: 280px; padding-right: 8px; }
     .contact-container { margin-top: 16px; padding: 8px; border-radius: 16px; min-width: 300px; max-width: 360px; width: 90%; }
     .contact-container h2 { color: #222; font-weight: 700; font-size: 18px; }
     .form-group { margin-bottom: 8px; }
     .form-group label { font-size: 14px; }
     .form-input { padding: 8px; border: 1px solid #888; border-radius: 8px; font-size: 16px;}
     .submit-btn { padding: 16px 0; border-radius: 16px; margin: 16px auto 0; }
     .form-group select.form-input { padding: 8px; }
     #service { margin-top: 10px; }
     option { padding: 8px; }
     .product-page-img { height: 100%; }
     .uj-whte-hdng { font-size: 18px; }
     .uj-whte-ul li { font-size: 14px; }
     .uj-whte-pera { font-size: 16px; margin-top: 4px; }
     .pop-visit-price { margin-left: 0px; font-size: 14px; margin-left: 0px; font-size: 14px; }
     .review-rating-1 { margin-left: 0px; }
     .review-popup-link { margin: 4px 0px;}
     .call-us { margin-top: 0px; padding: 16px 44px; }
     .call-time { margin-bottom: 8px;}
     .prodcut-page-all-details { margin-top: 16px; margin-bottom: 24px;}
          .ac-img { width: 100%; height: 100px; display: flex; flex-direction: column;align-items: flex-end; }
        .ac-img-2 {
        width: 100%;
        height: min-content;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

}

@media (max-width: 425px) {
     .my-nav, .container-main, .footer-container, .scrollable-div { width: 100%; }
     .nav-one { height: 56px; padding: 4px 4px; border-radius: 0; margin-bottom: 8px; }
     .uj-logo { width: 48px; height: 48px; }
     .nav-hdng { padding: 4px 8px; font-size: 14px; }
     .nav-hdng:hover { border-radius: 8px; }
     .location-finder { width: 100%; padding: 0 10px; justify-content: flex-end; }
     .map-location-btn { padding: 6px 4px; font-size: 14px; background: none; }
     .map-location-btn i { margin-right: 6px; font-size: 16px; }
     .srch-bar { margin-top: 16px; flex-direction: column-reverse; row-gap: 16px; padding: 0px 8px; }
     .srch-img-text { width: 100%; height: 120px; padding: 8px 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .img-text-link { padding: 0; }
     .serv-img { width: 44px; height: 44px;  }
     .spannn { font-size: 12px; font-weight: 400; }
     .all-srch { width: 100%; background-color: #f4f4f4; column-gap: 4px; padding: 0; }
     .voice-search-container { width: 36px; height: 36px; border: none; background: none; box-shadow: none; }
     #voiceSearchBtn .fa-microphone { font-size: 20px; }
     .wave-circle { opacity: 0.5; }
     .search-results { top: 48px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-height: 180px; }
     .search-result-item { padding: 6px 8px; font-size: 14px; }
     .search-result-item:hover { font-size: 14px; }
     .new-nav-box-search { margin-left: 0; width: 100%; padding: 8px 0; height: 48px; background: #f4f4f4; }
     .whts-btn { right: 20px; bottom: 96px; }
     .whatsapp-float-btn { width: 48px; height: 48px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
     .container-one, .container-two, .container-three { flex-direction: column; margin-top: 20px; margin-bottom: 12px; padding: 0px 8px;}
     .cont-new { width: 100%; margin-top: 40px; row-gap: 24px; }
     .container-one-1, .cont-two-2, .cont-two-3, .cont-two-4 { width: 100%; padding: 8px; border-radius: 8px; }
     .cont-ac-img-text { width: 100%; border-radius: 8px; padding: 0; }
     .main-hdng { margin-left: 4px; height: 60px; margin-top: 8px; font-size: 14px; }
     .main-pera { margin: 8px 4px; font-size: 12px; font-weight: 500; color: #2b2b2b; }
     .top-hdng { font-size: 18px; }
     .top-pera { font-size: 14px; }
     .container-img-text { column-gap: 12px; padding: 8px 0; }
     .brand-logo-img { display: flex; justify-content: space-between; padding: 0 4px; }
     .batch-label { top: -4px; right: -4px; font-size: 10px; padding: 2px 10px; border-radius: 8px; }
     .user-rtng-call-btn { margin: 20px 0; column-gap: 10px; flex-direction: column; padding: 0px 8px; }
     .rtng-user { width: 100%; margin: 12px 0; padding: 0; row-gap: 16px; flex-direction: column; }
     .rtng-user-block { gap: 12px; }
     .rtng-star { font-size: 28px; }
     .call-btn-container-2 { display: none; }
     .call-btn-container { margin-top: 16px; width: 100%; }
     .call-btn-95 { padding: 12px 60px; font-size: 14px; transform: translateY(0%); }
     .all-service-container, .cont-hw-t-wr-revw-filter { width: 100%; }
     .container-all-service { row-gap: 16px; }
     .service-container { width: 100%; padding: 8px 8px; margin-bottom: 32px; }
     .container-repair { column-gap: 12px; }
     .cont-hw-it-wrk, .cont-fltr { width: 100%; padding: 8px 8px; border-radius: 8px; margin-bottom: 32px; }
     .faq-section { margin: 8px 0; }
     .faq-hdng { font-size: 16px; }
     .faq-question { width: 97%; font-size: 14px; padding: 8px 0; }
     .faq-arrow { font-size: 10px; }
     .faq-answer { padding: 10px 0; font-size: 12px; }
     .popup-content { padding: 8px; border-radius: 8px; width: 85%; }
     .container-prnts-pop { column-gap: 12px; }
     .pop-btn-cntr { margin-left: 0; }
     .pop-btn-call-95 { margin-top: 0; padding: 16px 56px; border-radius: 16px; margin-bottom: 12px; }
     .product-page-btns { width: 100%; transform: translatey(0px); }
     .all-review { margin-top: 0px; margin-bottom: 20px; padding: 16px 8px; }
     .review-filters { gap: 8px; margin-bottom: 12px; }
     .filter-btn { width: 48px; height: 28px; border-radius: 12px; padding: 4px 2px; font-size: 12px; }
     .review-item, .review-item-last { gap: 8px; padding-bottom: 12px; }
     .review-stars { margin-top: 8px; font-size: 18px; }
     .review-location { font-size: 13px; margin-left: 6px; }
     .ac-hdng { font-size: 14px; margin-bottom: 2px; }
     .review-text { width: 95%; font-size: 14px; }
     .footer-container { height: 640px; padding: 8px 8px; column-gap: 12px; border-radius: 8px; margin-top: 16px; flex-direction: column; }
     .footer-part { width: 100%; margin-top: 8px; }
     .footer-title, .footer-sign { font-size: 18px; text-align: center; }
     .footer-social-links { justify-content: center; }
     #facebook-icon, #instagram-icon, #whatsapp-icon, #email-icon { width: 32px; height: 32px; font-size: 18px; }
     .bottom-nav { width: 100%; padding: 8px 0 0 0; border-radius: 8px 8px 0 0; transform: translateY(12%); }
     .scrollable-div { max-height: 500px; padding: 8px; border-radius: 8px; }
     .prodcut-page-all-details { height: 100%; padding: 4px 4px; margin: 12px 0 12px; }
     .box-1 { gap: 8px; }
     .product-page-detail-1 { width: 60%; }
     .product-page-detail-2 { width: 40%; }
     .serv-dtl { margin-top: 12px; width: 100%; transform: translateY(0%); }
     .box-2 { width: 100%; flex-direction: column; gap: 16px; }
     .pop-body { padding: 8px; border-radius: 8px; max-width: 84%; }
     .review-popup-modal { width: 100vw; height: 75vh; }
     .review-popup-modal.active { width: 92vw; max-height: 100vh; transform: translate(0%, -15%); }
     .review-list-popup { max-height: 280px; padding-right: 8px; }
     .contact-container { margin-top: 16px; padding: 8px; border-radius: 16px; min-width: 300px; max-width: 360px; width: 90%; }
     .contact-container h2 { color: #222; font-weight: 700; font-size: 18px; }
     .form-group { margin-bottom: 8px; }
     .form-group label { font-size: 14px; }
     .form-input { padding: 8px; border: 1px solid #888; border-radius: 8px; font-size: 16px;}
     .submit-btn { padding: 16px 0; border-radius: 16px; margin: 16px auto 0; }
     .form-group select.form-input { padding: 8px; }
     #service { margin-top: 10px; }
     option { padding: 8px; }
     .product-page-img { height: 100%; }
     .uj-whte-hdng { font-size: 18px; }
     .uj-whte-ul li { font-size: 14px; }
     .uj-whte-pera { font-size: 16px; margin-top: 4px; }
     .pop-visit-price { margin-left: 0px; font-size: 14px; margin-left: 0px; font-size: 14px; }
     .review-rating-1 { margin-left: 0px; }
     .review-popup-link { margin: 4px 0px;}
     .call-us { margin-top: 0px; padding: 16px 44px; }
     .call-time { margin-bottom: 8px;}
     .prodcut-page-all-details { margin-top: 16px; margin-bottom: 24px;}
     .ac-img { width: 100%; height: 100px; display: flex; flex-direction: column;align-items: flex-end; }
        .ac-img-2 {
        width: 100%;
        height: min-content;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    }