/************ // General HTML Tags // ************/

*{
    --lGrey: #dad9d7;
    --dBrown: #a4896c;
    outline: none;
}

@import url('https://geist-fonts.vercel.app/css/geist.css');

body{
    font-family: 'Geist Sans', sans-serif;
    background-color: #fff;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Geist Sans', sans-serif;
}


/************ // Site Structure // ************/

.site-inner {
    clear: both;
    padding-top: 0;
    word-wrap: break-word;
    max-width: 100%;
    min-height: 100vh;
    contain: layout; 
}

.entry {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0;
}

.textCenter{
    text-align: center;
}

.limitWidth{
    margin: 0 auto;
    max-width: 1200px;
}

h1.entry-title {
    display: none;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

.bannerImageHolder {
    font-size: 0;
}
  
/************ // Header // ************/

.site-header {
    background-color: var(--lGrey);
    position: fixed;
    width: 100%;
    z-index: 999;
}

.site-header .widget-area {
    width: unset;
}

.site-header > .wrap {
    padding: 5px 0;
    max-width: 1800px;
}


section#nav_menu-2 {
    display: none;
    float: left;
}

section#nav_menu-3 {   
    float: right;
}

.header-image .site-title > a {
    background-position: center !important;
    background-size: contain !important;
    float: left;
    min-height: 60px;
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: hsl(34deg 32% 69%) !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #b7b6b66b !important;
    width: 70px !important;
    height: 3px !important;
    
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 0px !important;
}

.bx-wrapper {
    margin: 0 auto 0px !important;
}

.bx-wrapper .bx-pager {
    text-align: center !important;
    padding-top: 0px !important;
    padding-right: 100px !important;
}

#menuItem149 {
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99999;
}

.models-container-title {
    background-color: #918982;
    padding: 60px;
}

.nav-model-container {
    display: grid;
    grid-template-columns: 0.35fr 0.4fr 1fr;
}

.content-container {
    display: flex;
    justify-content: space-between;
}

.model-content-container {
    background-color: #e6e6e6;
    padding: 80px;
    position: relative;
}

.models-container {
    background-color: #a7a19b;
    color: #fff;
    padding: 60px;
}

.model-overla-container img {
    opacity: 0.1;
    max-width: 680px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.img-container {
    max-width: 680px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 60px;
}

.price-container h3 {
    margin: 0;
    font-weight: 500;
    font-size: 35px;
}

.price-label{
    font-weight: 300;
}

a.theme-btn-o {
    background-color: #b29c84 !important;
    text-transform: capitalize !important;
    text-align: center;
    color: #fff !important;
    border-radius: 4px;
}

p.model-name {
    font-size: 23px;
    font-weight: 300;
}

p.model-name {
    line-height: 2;
    cursor: pointer;
}

img.category-title {
    max-width: 130px !important;
}

.category-accordion-content {
    margin-top: 10px;
    transition: all 0.3s ease; /* Optional: smooth transition */
}

.category-title {
    cursor: pointer;
    width: 100%;
    transition: transform 0.3s ease;
}

.category-title:hover {
    transform: scale(1.05);
}

.hideme {
	display:none;
}

.category-container {
    padding-bottom: 20px;
}

.genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
    color: #ffffff !important;
}
.cal-to-action-container {
    min-height: 58px;
    min-height: 200px;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
    width: 23px;
    height: 44px;
}
/************ // Menu // ************/

.genesis-nav-menu a {
    color: #3f3d3c;
    text-decoration: none;
    display: block;
    padding: 20px 12px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}

.genesis-nav-menu .sub-menu a {
    background-color: #dad9d7;
    border: 0px solid #eee;
    color: #000 !important;
}

.genesis-nav-menu a.theme-btn-o {
    color: #fff !important;
}

img.cmhLogoHeader {
    width: 100px;
}

.widget-area.header-widget-area .widget, .header-widget-area.megaMenuLeft .widget {
    margin-bottom: 0;
}

.header-widget-area.megaMenuLeft {
    float: left;
}

.genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
    color: #ffffff;
    text-decoration: none;
}

.each-model-container{
	display:none;
}

.each-model-container.show {
    display: block;
}
.model-overlay-container img{
	opacity:0.3;
}
/************ // Content // ************/

.full-slider-container {
    background-image: linear-gradient(180deg,#9b9a98,#ddd6d0);
    padding-bottom: 80px;
}

.car-names {
    align-items: center;
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0px auto 0;
    max-width: 1000px;
    padding-top: 110px;
    padding-bottom: 100px;
}

.car-names img {
    width: 40%;
}

.single-post p.entry-meta {
    display: none;
}

@keyframes rotateWheel {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
}

@keyframes rotateWheelReverse {
      from { transform: rotate(0deg); }
      to { transform: rotate(-360deg); }
}

.rotate {
 	animation: rotateWheel 0.8s ease-out; /* Smoother stop */
}

.rotate-reverse {
     animation: rotateWheelReverse 0.8s ease-out;
}

.full-slider-holder {
    position: relative;
    max-width: 950px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding-bottom: 80px;
}

.swiper-container{
	max-width: 800px;
	margin: 0 auto;
}

.wheel {
     position: absolute;
     width: 100px;
     height: 100px;
     background-size: cover;
     transition: transform 0.95s ease-out; /* Align with slide speed */
}

.swiper-slide {
	position: relative;
	overflow: hidden;
}

img.wheel.tiggo-4-pro-front {
    bottom: 20px;
    left: 187px;
}

img.wheel.tiggo-4-pro-rear {
    bottom: 21px;
    right: 158px;
}

img.wheel.tiggo-cross-front {
    bottom: 20px;
    left: 187px;
}

img.wheel.tiggo-cross-rear {
    bottom: 22px;
    right: 155px;
}

img.wheel.tiggo-cross-hev-front {
    bottom: 20px;
    left: 187px;
}

img.wheel.tiggo-cross-hev-rear {
    bottom: 22px;
    right: 149px;
}


img.wheel.tiggo-7-pro-front {
    bottom: 20px;
    left: 177px;
}

img.wheel.tiggo-7-pro-rear {
    bottom: 21px;
    right: 160px;
}

img.wheel.tiggo-7-phev-front {
    bottom: 16px;
    left: 177px;
}

img.wheel.tiggo-7-front {
    bottom: 22px;
    left: 177px;
}

img.wheel.tiggo-7-rear {
    bottom: 22px;
    right: 158px;
}


img.wheel.tiggo-7-phev-rear {
    bottom: 18px;
    right: 152px;
}

img.wheel.tiggo-7-pro-max-front {
   bottom: 20px;
   left: 177px;
}

img.wheel.tiggo-7-pro-max-rear {
   bottom: 20px;
   right: 160px;
}

img.wheel.tiggo-8-pro-front {
    bottom: 20px;
    left: 152px;
}

img.wheel.tiggo-8-pro-rear {
    bottom: 22px;
    right: 183px;
}

img.wheel.tiggo-8-pro-max-front {
    bottom: 20px;
    left: 152px;
}

img.wheel.tiggo-8-pro-max-rear {
    bottom: 21px;
    right: 175px;
}

img.wheel.tiggo-8-csh-front {
    bottom: 25px;
    left: 158px;
}

img.wheel.tiggo-8-csh-rear {
    bottom: 27px;
    right: 164px;
}

img.wheel.tiggo-9-phev-front {
    bottom: 20px;
    left: 160px;
}

img.wheel.tiggo-9-phev-rear {
    bottom: 22px;
    right: 170px;
}

.swiper-button-next, .swiper-button-prev {
    color: #000000 !important;
    background-color: #ffffff3b;
    padding: 30px;
    border-radius: 10px;
}

a.home-button-explore {
    padding: 20px 0px;
    display: block;
    max-width: 300px;
    text-decoration: none;
    margin: 0 auto;
}

.custom-posts-grid {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.custom-post-item {
    width: 30%;
    text-align: left;
    background: #fff;
    padding: 15px;
}

.custom-post-image {
	position: relative;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 20px;
	border-radius: 4px;
}

.custom-post-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
	border-radius: 4px;
	transition: transform 0.3s ease;
}

.custom-post-image img:hover {
	transform: scale(1.2);
	border-radius: 4px;
}

.custom-post-date {
    font-size: 14px;
    color: #666;
}

.read-more {
    display: block;
    margin-top: 10px;
    color: #0073aa;
    text-decoration: none;
}


.custom-post-item a {
    text-decoration: none;
    color: #000;
}

.custom-post-item h3 {
    min-height: 58px;
}

.custom-post-item p {
    color: #716f6f;
}


.blogs-heading-holder {
    max-width: 1750px;
    margin: 0 auto;
    padding: 20px;
}

.blogs-heading-holder p{
	margin:0;
}

.blogs-heading-holder h2 {
    font-size: 43px;
}

/************ // Dealer Home page// ************/

.homeWriteUp{
    max-width: 1400px;
    margin: 0% auto;
    padding: 120px 20px;

}

.homeWriteUp h2 {
    font-size: 32px;
    text-transform: uppercase;
}


.homeInfoHolder {
    color: #eee;
    display: flex;
    justify-content: center;
    gap: 50px;
    background-color: #b29c84;
    padding: 15px;
}

.homeDealerInfo a {
    text-decoration: none;
    color: #fff;
}

.homeDealerInfo {
    font-size: 16px;
}


/************ // Contact Us // ************/

.detailsHolder {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
}


.detailsHolder a {
    text-decoration: none;
    color: #686868;
}

.staffHolder {
    display: flex;
    flex-wrap: wrap;
}

#meet-the-team-page .each-staff-member-container {
    width: 50%;
    display: flex;
    margin-bottom: 30px;
}


#meet-the-team-page .each-staff-member-container .image-container {
    width: 150px;
    margin-right: 20px;
    overflow: hidden;
}

.staff-info-container p {
    margin: 0 0 0;
}

.formHolderpage {
    padding-top: 40px;
}

/************ // Test Drive // ************/

.titlesHeader {
    display: block !important;
    margin: 0 auto;
    text-align: center;
    background-image: url("/wp-content/uploads/2025/04/Specials-Background-scaled.webp");
    height: 300px;
    padding-top: 150px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgb(0 0 0) 80%, rgb(0 0 0 / 0%) 100%);
}

h1.titlesHeader {
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.form-page-main {
    background-color: #eceae9;
    padding-bottom: 50px;
}

/************ // WhatLead Button // ************/

.mobileActionitem.whatsappButton {
    display: none;
}

.whatsappButton, .whatsappButton span {
    background: #25D366!important;
    border: none!important;
    text-align: center;
    color: #fff;
    margin: 0 20px;
}

.whatsAppDisplay {
    display: none;
    overflow: hidden;
    margin: 10px 0;
    border: 2px solid #25D366;
    border-radius: 3px;
    background-color: #fff;
}

.whatsappButton a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    padding: 5px 0;
}

.whatsAppQRcode {
    min-width: 100px;
    width: 29% !important;
    float: left;
}

.displayWhatsapp{
    display: block !important;
}

.whatsAppCopy {
    padding: 10px;
}

@media screen and (max-width: 768px) {
    .enquireButton.whatsappButton {
        display: none;
    }

    .mobileActionitem.whatsappButton {
        display: block;
    }

}

/************ // WooCommerce // ************/


/************ // Footer // ************/

.textwidget.custom-html-widget a {
    text-decoration: none;
    color: #9d9494;
    font-size: 17px;
}

.footer-widgets {
    background-color: #f4f4f4;
}

.site-footer {
    background-color: #f4f4f4;
    padding: 0;
}

.footer-widgets .wrap {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

.footer-widgets-1 {
    margin-right: 0;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
    width: 30%;
}

.single-post .entry-content{
    max-width: 1200px;
    margin: 0 auto;
}

.single-post h1.entry-title {
    display: block;
    text-align: center;
}
.single-post .entry-header .entry-meta {
    display: none;
}


ul.social-icons {
    display: flex;
    gap: 20px;
    padding-top: 20px;
}

ul.social-icons li {
    font-size: 18px;
}

/************ // Accessories Page // ************/

a.accButton {
    text-align: center;
    width: 300px;
    display: block;
    margin: 0 auto;
    background-color: #a4896c;
    padding: 1rem 4rem;
    border-radius: 4px;
    color: #fff;
}

.flex-items-acc {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    align-items: center;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    flex-direction: column;
    gap: 20px;
}

.flex-items-images {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.flex-items-images .each-acc {
    flex: 0 0 24%;
    box-sizing: border-box;
    padding: 8px;
    text-align: center;
    color: #000000;
    background-color: #fff;
    margin: 5px;
}

.acc-holder-main {
    background-color: #eceae9;
}

.logo-holder-acc-top img {
    max-width: 190px;
}


.acc-name {
    text-decoration: underline;
    font-size: 19px;
}

.acc-name:hover {
    color: #a4896c;
}


/************ // Responsive // ************/

@media screen and (max-width: 1200px) { /* Laptop */

}

@media screen and (max-width: 1024px) { /* Older Desktop */

}

@media screen and (max-width: 768px) { /* iPad */

    .header-widget-area.megaMenuLeft {
        width: 100%;
    }

    #meet-the-team-page .each-staff-member-container {
        width: 100%;
    }


    .staffHolder {
        padding: 20px;
    }

    #meet-the-team-page .each-staff-member-container .image-container {
        max-width: 100px;
        margin-right: 10px;
    }

    .site-header .widget-area {
        width: 50%;
    }

    .header-image .site-title > a {
        width: 50%;
    }

    section.nav-models-section {
        display: none;
    }

    .site-inner {
        padding: 0;
    }

    .wheel {
        display: none;
    }

    .custom-posts-grid {
        flex-direction: column;
    }

    .custom-post-item {
        width: 100%;
    }

    a[href="/new_model"] + button {
        display: none;
    }

    li.menu-item {
        border-bottom: 1px solid #b7b7b7;
        padding: 10px;
    }

    .menu-toggle, .sub-menu-toggle {
        background-color: #dad9d7;
    }

    .site-header {
        position: relative;
    }

    .flex-items-images .each-acc {
        flex: 0 0 50%;
    }

}

@media screen and (max-width: 480px) { /* iPhone 6 Plus, Landscape Display */

    .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
        width: 100%;
    }

    .flex-items-images .each-acc {
        flex: 100%;
    }

    .footer-widgets .wrap {
        flex-direction: column;
    }

    .limitWidth.formHolderpage {
        padding: 20px;
    }
    
}

@media screen and (max-width: 320px) { /* iPhone 4,5, Portrait Display */

}