.page_used-car-details .remove-from-garage {
                  position: absolute;
                  background: url(/img/icons/shortlist-remove-update.png) left center no-repeat;
                  background-position-x: left;
                  background-position-y: center;
                  background-position: 50% 50%;
                  right: 20px;
                  top: 40px;
                  width: 40px;
                  height: 40px;
                  cursor: pointer;
                  background-color: #fff !important;
                  border-radius: 100%;
                  border: none; }

                .page_used-car-details .add-to-garage {
                  position: absolute;
                  background: url(/img/icons/shortlist-add-update.png) left center no-repeat;
                  background-position-x: left;
                  background-position-y: center;
                  background-position: 50% 50%;         
                  right: 20px;
                  top: 40px;
                  width: 40px;
                  height: 40px;
                  background-color: #fff !important;         
                  border-radius: 100%;
                  cursor: pointer;
                  border: none; }

                  @media (max-width: 450px) {
                     .page_used-car-details .add-to-garage, .page_used-car-details .remove-from-garage {
                      right: 0;
                     }
                   }

                /* Desktop only, matches your media query */
                @media (min-width: 1200px) {
                  :root { --ucd-sticky-top: 240px; } /* starts 200px from top */

                  .ucd-details-sticky {
                    position: sticky;
                    top: var(--ucd-sticky-top);
                    background-color: rgb(241, 240, 240);
                    border: 2px solid #000;
                    transition: top 200ms ease; /* optional, feels smoother */
                    z-index: 2;
                  }
                }

                .slick-arrow{
                  border-radius: 1rem;
                  line-height: 10px;
                  background-color: #000;
                  border: none medium;
                }

                
                .page_used-car-details .gallery-container .gallery-open{
                  border-radius: 1rem;
                  background-color: #000;
                }

                .border-radius-md{
                  border-radius: 2rem !important;
                  overflow: hidden;
                }

                .btn{
                  border-radius: 1rem;
                  padding: 0.875rem !important;
                }

                .pricing{
                  font-size: 1.5rem;
                  color: #000;
                }


                .gtm-track--tel{
                  color: #fff !important;
                }

                .gtm-track--tel:hover{
                  color: #fff !important;
                }

                .blue-text, .highlight, a.blue-text{
                  color: #29abe2 !important;
                }

                .fw-bold{
                  font-weight: bold;
                }

                .quick-contact-used .form-control {
                  min-height: 45px !important; }

                 .border-green{
                  border: 1px solid #4caf50 ;
                 } 

                 .btn-green{
                  background-color: #4caf50 ;
                 }
                .finance-calculator #startValuationButton {
                  color: rgb(253, 6, 6) !important ;
                  font-weight: normal !important;
                 }
                 .finance-types a{
                  color: rgb(10, 221, 221);
                  font-weight: bold;
                 }
                 .finance-calculator .block-label{
                  width: 50% !important;
                  text-align: left;
                 }

                 .bg-green{
                  background: #4caf50 !important;
                 }

                .btn-green{
                  background-color: #4caf50 !important;
                 }

                 .overflow-hidden{
                  overflow: hidden !important;
                 }

                 .page_used-car-details .values {
                  text-align: center;
                  background: none !important;
                  font-weight: bold;
                  font-size: 1rem;
                  color: black;
                  padding: 0px;
                  text-align: right !important;
                }

                .page_used-car-details .gallery {
                  max-height: 530px !important ;
                }

                @media only screen and (max-width: 986px){
                #purchaseType{
                  font-size: 0.7rem;
                }
              }

              /* Grid spacing */
              .spec-grid { row-gap: 1.5rem; }

              /* Circle around the icon */
              .spec-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 64px;
                height: 64px;
                border: 3px solid #37b24d;   /* green ring */
                border-radius: 50%;
                margin: 0 auto 10px;
              }

              /* Icon inside the circle (your icon font classes) */
              .spec-icon .icon {
                font-size: 28px;              /* keep icons visually consistent */
                line-height: 1;
                color: #8a8f94;               /* grey icon */
              }

              /* Label (e.g., CO2, MPG, Tax, Power) */
              .spec-label {
                margin-bottom: 0;
                color: #6c757d;               /* muted grey */
                font-size: 0.95rem;
              }

              /* Value */
              .spec-value {
                margin-bottom: 0;
                font-weight: 700;             /* bold */
                color: #111;                  /* near-black for good contrast */
              }

              /* Optional: tighten on very small screens */
              @media (max-width: 360px) {
                .spec-icon { width: 56px; height: 56px; }
                .spec-icon .icon { font-size: 24px; }
              }

              .page_used-car-details #map-canvas {
                  height: 100%;
                  min-height: 450px;
              }

              #valuationsPanel #startValuationButton {
                    background: url(/img/bg/plus-bg-red.png) #fff0 no-repeat left center !important;
                }