.elementor-8528 .elementor-element.elementor-element-a289e35{--display:flex;--min-height:70vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8528 .elementor-element.elementor-element-591d057{--display:flex;--min-height:70vh;}.elementor-8528 .elementor-element.elementor-element-591d057:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-591d057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.changanmotors.co.za/wp-content/uploads/2026/10/S07-Interior-Colour-Orange.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8528 .elementor-element.elementor-element-7ef4dcd{--display:flex;--min-height:70vh;}.elementor-8528 .elementor-element.elementor-element-7ef4dcd:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-7ef4dcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.changanmotors.co.za/wp-content/uploads/2026/10/S07-Interior-Colour-Black.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8528 .elementor-element.elementor-element-dc463d4{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-font-size:0px;--n-tabs-icon-size:41px;}.elementor-8528 .elementor-element.elementor-element-dc463d4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"NotoSans", Sans-serif;font-weight:500;}@media(max-width:767px){.elementor-8528 .elementor-element.elementor-element-a289e35{--min-height:0vh;--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-8528 .elementor-element.elementor-element-591d057{--min-height:46vh;}.elementor-8528 .elementor-element.elementor-element-7ef4dcd{--min-height:46vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-8528 .elementor-element.elementor-element-dc463d4{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-icon-size:41px;}}/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-591d057 *//* Space between the circles */
#orange, #white, #gray, #teal, #black { margin: 0 6px; }

/* Hover grow effect */
#orange:hover, #white:hover, #gray:hover, #teal:hover, #black:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

/* Highlight the active tab with a ring */
#orange.elementor-active, #white.elementor-active, #gray.elementor-active,
#teal.elementor-active, #black.elementor-active {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.25);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-dc463d4 *//* =========================================================
   INTERIOR COLOUR-SWATCH TABS
   Only applies to a Tabs widget with the CSS class "interior"
   (Widget > Advanced > CSS Classes > interior)
   ========================================================= */

.elementor-widget-n-tabs.interior #s07-int-orange,
.elementor-widget-n-tabs.interior #s07-int-black {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 0;           /* hides any text so it stays a clean circle */
  cursor: pointer;
}

.elementor-widget-n-tabs.interior .e-n-tabs-heading {
  gap: 15px !important;
  margin-top: -10vh !important;
  z-index: 1;
}

/* Colours */
.elementor-widget-n-tabs.interior #s07-int-orange   { background: #B3623D !important; border: 1px solid #ccc; }
.elementor-widget-n-tabs.interior #s07-int-black { background: #000000 !important; border: 1px solid #ccc; }

@media (max-width: 767px) {

  /* Content on top, circle row at the bottom */
  .elementor-widget-n-tabs.interior .e-n-tabs {
    display: flex !important;
    flex-direction: column-reverse !important;
    --n-tabs-direction: column-reverse !important;
    --n-tabs-heading-direction: row !important;
    --n-tabs-title-flex-basis: auto !important;
    --n-tabs-title-flex-grow: 0 !important;
  }

  /* One horizontal row, centered, never wrapping */
  .elementor-widget-n-tabs.interior .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 15px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    margin-top: -40px !important;
    z-index: 1;
  }

  /* 20px circles, side by side */
  .elementor-widget-n-tabs.interior .e-n-tabs-heading #s07-int-orange,
  .elementor-widget-n-tabs.interior .e-n-tabs-heading #s07-int-black {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    order: 0 !important;
  }

  .elementor-widget-n-tabs.interior .e-n-tabs-content {
    width: 100% !important;
  }
}/* End custom CSS */