.elementor-6688 .elementor-element.elementor-element-13a8e2e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:6px;margin-bottom:6px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-13a8e2e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6688 .elementor-element.elementor-element-9ffd830 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-5fca64a{--display:flex;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6688 .elementor-element.elementor-element-15e1c1c{margin-top:5%;margin-bottom:5%;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-30b7d71 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-711ef8e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:3%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6688 .elementor-element.elementor-element-b31b0e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6688 .elementor-element.elementor-element-2a50547{text-align:center;}.elementor-6688 .elementor-element.elementor-element-2a50547 .elementor-heading-title{color:#FFFFFF;}.elementor-6688 .elementor-element.elementor-element-a35a147 > .elementor-widget-container{margin:3% 0% 3% 0%;}.elementor-6688 .elementor-element.elementor-element-4a1b788{margin-top:155px;margin-bottom:155px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-c3baab4 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-b1a2d27{width:var( --container-widget-width, 305px );max-width:305px;--container-widget-width:305px;--container-widget-flex-grow:0;}.elementor-6688 .elementor-element.elementor-element-b1a2d27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-334296b > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-6cb10b9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-7ae1930 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-6688 .elementor-element.elementor-element-7ae1930 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 22% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-5e0350b > .elementor-widget-container{margin:60px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-7944e2d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-6688 .elementor-element.elementor-element-7944e2d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 22% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-f2d849e > .elementor-widget-container{margin:82px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-95657bd > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0% 22% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-4f80f13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-01fece1:not(.elementor-motion-effects-element-type-background), .elementor-6688 .elementor-element.elementor-element-01fece1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-6688 .elementor-element.elementor-element-01fece1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:146px 0px 160px 0px;}.elementor-6688 .elementor-element.elementor-element-01fece1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6688 .elementor-element.elementor-element-46aefb6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-78a526b{margin-top:66px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-27f6ecb > .elementor-element-populated{margin:15px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 11% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-b4c3d7b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 16% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-eed8929 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-1b8d8b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.7;}.elementor-6688 .elementor-element.elementor-element-1b8d8b2:not(.elementor-motion-effects-element-type-background), .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pro.ivito.co/wp-content/uploads/2025/03/21032024-0U2A5652-1-1.jpg");}.elementor-6688 .elementor-element.elementor-element-1b8d8b2::before, .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .elementor-background-video-container::before, .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .elementor-background-slideshow::before, .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6688 .elementor-element.elementor-element-1b8d8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-6688 .elementor-element.elementor-element-f5f5731 > .elementor-widget-container{padding:4% 5% 3% 5%;}.elementor-6688 .elementor-element.elementor-element-626715b{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6688 .elementor-element.elementor-element-879e90c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-a965a75{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-7f02e5b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-052b0b4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-559f13b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-7094308{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6688 .elementor-element.elementor-element-6c33ed5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-6688 .elementor-element.elementor-element-711ef8e{--grid-auto-flow:row;}.elementor-6688 .elementor-element.elementor-element-334296b > .elementor-element-populated{margin:60px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-6cb10b9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-7944e2d > .elementor-element-populated{padding:0% 21% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-95657bd > .elementor-element-populated{padding:0% 21% 0% 0%;}.elementor-6688 .elementor-element.elementor-element-01fece1{padding:160px 0px 160px 0px;}.elementor-6688 .elementor-element.elementor-element-879e90c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6688 .elementor-element.elementor-element-711ef8e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6688 .elementor-element.elementor-element-7944e2d > .elementor-element-populated{margin:60px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6688 .elementor-element.elementor-element-27f6ecb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-b4c3d7b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6688 .elementor-element.elementor-element-879e90c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-6688 .elementor-element.elementor-element-c3baab4{width:34%;}.elementor-6688 .elementor-element.elementor-element-334296b{width:66%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6688 .elementor-element.elementor-element-c3baab4{width:100%;}.elementor-6688 .elementor-element.elementor-element-334296b{width:100%;}.elementor-6688 .elementor-element.elementor-element-7ae1930{width:33.3%;}.elementor-6688 .elementor-element.elementor-element-27f6ecb{width:100%;}.elementor-6688 .elementor-element.elementor-element-b4c3d7b{width:100%;}.elementor-6688 .elementor-element.elementor-element-a965a75{--width:50%;}.elementor-6688 .elementor-element.elementor-element-7f02e5b{--width:50%;}.elementor-6688 .elementor-element.elementor-element-052b0b4{--width:50%;}.elementor-6688 .elementor-element.elementor-element-559f13b{--width:50%;}.elementor-6688 .elementor-element.elementor-element-7094308{--width:50%;}.elementor-6688 .elementor-element.elementor-element-6c33ed5{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-a35a147 */.tint-simulator {
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

/* Tint control buttons */
.tint-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 50px; /* ✅ nice balanced spacing for desktop */
  flex-wrap: wrap;
}

.tint-controls button {
  border: 1px solid white;
  background: white;
  color: #cf2e2e;
  font-weight: 600;
  font-size: 16px;
  padding: 6px 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  min-width: 65px;
}

.tint-controls button:hover,
.tint-controls button.active {
  background: #cf2e2e;
  color: white;
  border: 1px solid #cf2e2e;
}

/* Car SVG */
svg.tint-car {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 0; /* ✅ remove fixed padding */
}

/* Window tint overlay */
.window {
  fill: black;
  opacity: 0.95;
  transition: opacity 0.6s ease;
}

/* ✅ Mobile adjustments */
@media (max-width: 768px) {
  .tint-controls {
    gap: 10px;
    margin-bottom: 18px; /* ✅ slightly smaller but still clear */
  }

  .tint-controls button {
    font-size: 15px;
    padding: 5px 12px;
    min-width: 60px;
  }
}

@media (max-width: 480px) {
  .tint-controls {
    gap: 8px;
    margin-bottom: 50px; /* ✅ minimal gap on small screens */
  }

  .tint-controls button {
    font-size: 14px;
    padding: 5px 10px;
    min-width: 55px;
  }
}/* End custom CSS */